Divi için yararlı olan 30+ Divi başlık öğreticileri
Divi kullanmayı öğrenmenin en iyi yollarından biri, bu blogda birçok öğreticiyi takip etmektir. Divi hakkında daha fazla bilgi edinmek ve Divi web siteniz için benzersiz bir başlık tasarlamak istiyorsanız, bu makale sizin için uygundur. Bu makalede, Divi Tema Builder ile kullanabileceğiniz 30’dan fazla yararlı Divi başlık eğitimi göreceğiz. Öğreticiler masaüstü ve hücresel için ayarları içerir ve başlık örnekleri için indirmeler içerir. Bu onları kullanmayı kolaylaştırır. 1. Global bir başlık yapın
Bu öğretici, küresel bir başlık oluşturmak için divi tema oluşturucusunun nasıl kullanılacağını gösterir. Bu, üst bıçakları ve navigasyon bıçaklarını içerir, her ikisi de farklı şekilde düzenlenmiştir. Bu, üst bıçakların logolar, sosyal takip simgeleri ve CTA düğmeleri ile nasıl ekleneceğini gösterir. Alt çubuk bir gezinme menüsü içerir ve web sitenizden ayrı durmak için yuvarlak bir açıyla düzenlenmiştir.Bkz. Eğitim 2. Yapışkan Bir Başlık Yapma Bu öğretici, üst bıçaklar ve navigasyon bıçakları ile doğru başlık yapısını gösterir. Bu, kullanıcı antrenman yaptığında manzaranın ekranın üst kısmına bağlı hale getirmek için divi yapışkan seçeneğinin nasıl kullanılacağını gösterir. Ayrıca, kullanıcı kaydırdığında, farklı bir görünüm başlığı ve his verdiğinde öğe stilinin nasıl değişeceğini gösterir. Bkz. Öğreticiye 3. Tam ekran başlığı oluşturun Bu öğretici, Hamburger menü simgesi tıklandığında tam ekranda açık olan özel bir başlığın nasıl oluşturulacağını gösterir. Her menü öğesi bir divi modülüdür, böylece mega bağlantı veya menü yapabilirsiniz. JQuery kullanır ve kod öğretici ve indirme dosyasına dahildir.
Bkz. Eğitim 4. Bir Slayt Başlığı Oluşturma Bu öğretici, Hamburger menü simgesi tıklandığında sağdan kaydıran bir menünün nasıl yapılacağını gösterir. Menü öğesi bir divi modülüdür, böylece bir mega menü oluşturabilirsiniz. Öğretici ve indirme dosyasına dahil özel bir jQuery kullanarak işlev tıklayın. Bkz. Öğreticiye 5. Bu slayt-Downtutatorial üstbilgisini yapmak, üstten aşağı bakan bir başlığın nasıl yapılacağını ve hamburger menü simgesi tıklandığında içeriği aşağı itmeyi gösterir. Bu, menüyü içeriği kapsamaz, böylece ekranda görebilirsiniz. Kod, öğretici ve indirme dosyasına dahildir. Bkz. Eğitim 6. Dikey Gezinme Yapma
Bu öğretici, ekranın sol tarafındaki dikey bir navigasyon çubuğunun nasıl yapılacağını gösterir. Bir ekranı web sitesi içeriğiyle paylaşır ve kullanıcı antrenman yaptığında yerinde kalır. İçerik alanı normalden daha küçüktür, böylece her ikisi de aynı ekranı paylaşabilir. Bkz. Eğitim 7. Şeffaf Yüzen Bir Başlık Yapın Bu, avlunun tepesine yakın yüzen şeffaf başlığı yapar. Menü, mutlak CSS konumuna sahip bir yerde saklanır. Buna logolar, navigasyon menüleri ve CTA düğmeleri dahildir. Şeffaf çünkü sayfa kaydırdığınızda görülecektir. Bkz. Öğreticiye 8. Şeffaf bir yapışkan başlık yapmak
Bu öğretici, yapışkan bir navigasyon çubuğunun nasıl yapılacağını ve ziyaretçiler yuvarlandığında stili nasıl değiştireceğini gösterir. Navigasyon menüsünün üstünde yapışkan olmayan üst bıçaklara sahiptir. Navigasyon çubuğu üste ulaştıktan sonra yapışkan hale gelir ve renk değiştirir. Bkz. Öğreticiye 9. Dönmüş Özel Başlık Yapma Bu, ekranın sol tarafına yerleştirilmiş ve şeffaf bir şekilde dikey başlıklar yapar. Kullanıcı kaydırıldığında ve web sitesinin arka planı görünür olduğunda yerinde kalır. Navigasyon bağlantısı da dikey olarak yerleştirilir. Başlıklar mobil cihazlarda sayfanın üstüne yerleştirilir. Bkz. Öğreticiye 10 Mega E -Ticaret Menüsü Oluşturma Bu öğretici, bir divi modülüyle oluşturulmuş bir mega menünün nasıl oluşturulacağını gösterir. İstediğiniz kadar modül ekleyin. WooCommerce modülünü bile ekleyerek bu menüyü e -ticaret web sitesinin ürünlerinizi ve kategorilerinizi görüntülemesi için doğru seçim haline getirebilirsiniz. Bu, makaledeki kodu içeren ve dosyaları indiren gelişmiş bir öğreticidir. Bkz. Öğreticiye 11. Bir açılır menü oluşturma
Bu öğretici, divi tema oluşturucu kullanarak açılır zarif temalar menüsünün nasıl çoğaltılacağını gösterir. Bu, metin, simgeler ve CTA ile gelişmiş bir mega menüdür. ET menüsünde kendi özel varyasyonlarınızı yapmak için daha fazla modül de ekleyebilirsiniz. Bkz. Öğreticiye 12. Global başlığı aşağı kaydırırken ve saklanırken gizlerken açığa çıkarma Bu, kullanıcı eğitildiğinde ortaya çıkan, ancak kullanıcı eğitildiğinde saklandığını gösteren benzersiz bir gölgelik oluşturmayı gösterir. Bu, aşağı kaydırdıklarında daha fazla içerik görüntülemenizi, ancak yukarı kaydırdıklarında yapışkan bir başlıktan faydalanmanıza olanak tanır. Bkz. Öğreticiye 13. Mobil Bir Menü Yıkatılmış Çıkmış
Bu öğretici, hücresel için özel olarak tasarlanmış bir menünün nasıl oluşturulacağını gösterir. Canlı menü öğeleri. Navigasyon menüsü için çökmüş mobilin etkisini kullanır. UD kullanıcıları mobil cihazlarda menü öğelerini kolayca açabilir veya kapatabilir. Bkz. Öğreticiye 14. Bu Global başlığını animize etmek Global başlık öğelerinizi öne çıkacak ve dikkat çekecek şekilde nasıl canlandıracağınızı gösterir. Animasyon öğeleri arasında logolarla navigasyon menüleri, simgeler sosyal medyayı takip etmeyi ve CTA düğmelerini içerir. Elementler cep telefonu ekranına yığıldı ve tek tek göründü. Bkz. Öğreticiye 15. Global başlıklar için sıradaki bir satır tasarlayın Başlığınız için bir oturum açma formu oluşturmak istiyorsanız, bu ihtiyacınız olan öğreticidir. Navigasyon menüsünün üzerindeki başlığa DIVI giriş modülünü ekledi ve CSS ile bazı ekstra stiller ekledi. CSS öğretici ve indirme dosyasına dahildir.
Bkz. Öğreticiye 16. Global başlığa yan düğmeyi ekleyin Bu öğretici, başlığınız için çekici bir CTA oluşturmak için benzersiz bir düğme tasarımının nasıl kullanılacağını gösterir. Düğmeler yan yana yerleştirilmiştir, bu şekilde eklenmiştir. Her biri hala farklı bir düğmeye benziyor. Bunlardan biri ana düğme, diğeri ikincil düğme. Bkz. Öğreticiye 17. Başlığı otomatik olarak ilk bölümün altına yerleştirin Bu öğretici, başlığın her sayfadaki ilk Divi bölümünün altına otomatik olarak nasıl yerleştirileceğini gösterir. Bu, sayfanın kahramanlarının önce görüntülenmesini sağlar ve daha sonra bir logo, navigasyon menüsü vb.
Bkz. Öğreticiye 18. Global başlıktan bir açılır kişi ekleyin Bu, küresel başlığınıza açılır bir iletişim formunun nasıl ekleneceğini gösterir. Kişisel düğmesi tıklandığında küçük ve açık temas formları. Bu, iletişim formuna kolay erişim sağlarken başlığı temiz tutar. Bu, öğreticilerdeki jQuery ve CSS ve dosyaları indirir. Bkz. Eğitim 19. Kaydırma Başlığı Başlığı Kullanıcılar kaydırıldığında başlığınızın farklı bir gölgelik haline gelmesini istiyorsanız, bu ihtiyacınız olan bir öğreticidir. Her iki başlık da farklı içerik içerebilir ve farklı renklere sahip olabilir. Buna öğreticilerde jQuery ve dosyalar indirin. Bkz. Öğreticiye 20. 5 Modül Modülleri için Global Ön Ayar
Ön ayar, zamandan tasarruf etmenin ve Divi Builder ile tutarlı bir tasarım yaratmanın iyi bir yoludur. Bu öğretici, Divi başlıkları yapma sürecini kolaylaştırmanıza yardımcı olacak 5 küresel ön ayarın nasıl yapılacağını gösterir. Ön ayar başından beri yapılsa da, bu öğreticiden de indirebilirsiniz. Bkz. Öğreticiye 21. Başlığınızdaki menü öğesine “Yeni” veya “Üstün” Açısal Etiketi ekleyin Yeni ve üstün etiketler, ziyaretçileri ürünlerinize ve yayınlarınıza çekmenin iyi bir yoludur. Harika görünüyorlar ve ziyaretçilerinizin web sitenizdeki en önemli sayfaları bulmasına yardımcı oluyorlar. Bu öğretici, belirli bağlantılara dikkat çekmek için menü öğelerinin nasıl yapılacağını gösterir. Bkz. Öğreticiye 22. Global başlığınıza SVG logosunu ekleyin ve canlandırın Bu öğretici, logonuz için SVG dosyalarının nasıl kullanılacağını gösterir, böylece PNG ile sınırlı değildir. Ayrıca, SVG logosunun nasıl canlandırılacağını gösterin. Animasyon, JS anime kütüphanesi ile işlenir. Herhangi bir logoyu canlandırmak için kullanabilirsiniz. Bkz. Öğreticiye 23. Başlığınızı ve gövdenizi Gönderme ve Bölme Bölümünün İçerik Modülü ile eşleştirin
Bölücü, divi bölümü arasında sorunsuz bir geçiş yapmanın iyi bir yoludur. Bu, başlık ve içerik içeriği arasında bir geçiş yapmak için varsayılan divi bölücülerinin nasıl kullanılacağını gösterir. Bkz. Öğreticiye 24. Global başlığında Dinamik Site ve Slogan Başlığı Ekle Andajit Başlık Sitesi İşlevleri Logonun yerine geçin veya sitenin kısa bir açıklamasını sağlamak için. Dinamik site başlıkları, başlığı tek bir konumda değiştirmenize ve dinamik başlıklar kullanan herhangi bir yerde otomatik olarak değiştirmenize olanak tanır. Bu öğretici, küresel başlığınıza dinamik site başlıklarının nasıl ekleneceğini gösterir. Bkz. Öğreticiye 25. Logo görüntüsünüzü küresel bir ön ayarla optimize edin
Site logo görüntüsü optimize edilmezse, her sayfanın yavaşça yüklenmesine veya ekranda doğru olmamasına neden olabilir. Bu öğretici, doğru boyut, konum ve stil oluşturmak için Divi seçeneğinin nasıl kullanılacağını gösterir. Ayrıca, ayarlarınızı tekrar tekrar kullanabileceğiniz ön ayarlara nasıl değiştireceğinizi de gösterir. Bkz. Öğreticiye 26. Başlığınıza “Son Bölüm” Ses çubuğunu ekleyin
Divi Audio modülü, podcast’leri barındıranlar için çok iyidir. Bu öğretici, son bölümünüzle başlığınıza ses bıçakları eklemek için bir ses modülü ve metin modülünün nasıl ekleneceğini gösterir. Metin modülü, ziyaretçilerin dikkatini çekmek için animasyonlu bir döngü içerir. Bkz. Öğretici 27. 8 CTA başlığınız için gecikmiş düğme animasyonu Animasyonlu düğme, CTA’nıza dikkat çekmek için harika. Bu öğretici, özel bir CTA başlığı oluşturmak için 8 gecikmiş düğme animasyonunun nasıl oluşturulacağını gösterir. Animasyon, divi ayarlarının benzersiz bir kombinasyonu kullanılarak yapılır. Web sitenizde herhangi bir yerde kullanılabilirler. Bkz. Öğreticiye 28. Başlıktaki yapışkan logonuzu değiştirin başlığınız yapışkan olsa da, kullanıcı yuvarlandığında logo değiştirilebilir. Bu, başlığı vurgulamanın veya sayfa tasarımından öne çıkmanın iyi bir yoludur. Bu öğretici, kaydırma yaparken küresel gölgelik stilini değiştirerek bunun nasıl yapılacağını gösterir. Bkz. Öğretici 29. Farklı şablonlarda farklı başlıklar kullanın Bu öğretici, belirli sayfalar ve yayınlar için özel bir başlığın nasıl kullanılacağını gösterir. Divi Tema Oluşturucu, Global bir başlık oluşturmanıza olanak tanır, ancak herhangi bir sayfada veya yayındaki kanopiyi değiştirebilirsiniz. İsterseniz her bir şablon için farklı bir başlığa sahip olabilir ve belirlemek için yalnızca birkaç tıklamaya ihtiyacınız olabilir. Bkz. Öğreticiye 30. Başlığınızı belirli bir sayfada gizleyin Yukarıdaki öğreticide gördüğümüz gibi farklı şablonlar için farklı bir başlık kullanmakla kalmaz, aynı zamanda başlığı belirli bir sayfada da gizleyebiliriz. Bu öğretici, divi tema oluşturucu ayarlarını kullanarak nasıl yapılacağını gösterir. Başlığı belirli sayfalara, yazı türüne, kategoriye, etiketlere vb. Temel olarak gizleyebilirsiniz. Bkz. Öğreticiye 31. Başlığınıza bir arka plan resmi ekleyin Arka plan resimleri, başlığınızı diğerlerinden öne çıkarmanın iyi bir yoludur. Divi tema oluşturucu ile yapmak kolay. Bu öğretici, başlığınıza arka plan resimlerinin nasıl ekleneceğini ve arka efekt olarak ayarlayacağını gösterir. Bkz. Öğreticiye 32. Farklı bir sayfada farklı bir gölgelik kullanmak için başka bir seçimde farklı bir başlık kullanın, ana sayfanızda farklı bir gölgelik kullanmaktır, ardından başka bir yerde kullanırsınız. Ana sayfanızdan farklı bir amaçla bir yön sayfası veya iç sayfa oluşturmak istiyorsanız bu çok yararlıdır. Bu öğretici bunu divi tema üreticisi ile nasıl yapacağınızı gösterir. Bkz. Öğreticiye 33. Düğmeyi başlığınıza ekleyin Düğmeler, başlığınıza ekleyebileceğiniz en iyi CTA’dan bazılarıdır. Dikkat çeker ve kullanıcıların tıklamasını kolaylaştırırlar. Bu öğretici, tüm belirli web siteleri veya sayfalar için Divi başlığınıza nasıl düğmeler ekleyeceğinizi gösterir. Bu bilgiyi web sitenize herhangi bir yere yerleştirmek için de kullanabilirsiniz. Bkz. Öğreticiye 34. Anahtarlama simgesiyle başlığınıza yer kaydedin İçeriği değiştirmek, başlıktaki yerden tasarruf etmenin ve tasarımınızı temiz tutmanın iyi bir yoludur. Genel içeriğe bakmak yerine simgeleri görüntüleyebilirsiniz. Kullanıcı simgeyi tıkladığında, içerik görüntülenir. Bu öğretici, telefon numaraları, e -posta adresleri ve sosyal paylaşım düğmeleri için içeriğin nasıl etkinleştirileceğini gösterir. Bu öğretici makalede CSS ve JQuery içerir ve dosyaları indirir. Bkz. Öğreticiye 35. Logonuzun başlığınızdaki ana ve ikincil menü bıçaklarını geçmesini sağlayın Logoyu üst bıçaklara veya navigasyon çubuğuna yerleştirmek harika görünüyor, ancak tasarım seçeneklerinizi de sınırlayabilir. Bu öğretici, logonuzun başlıktaki iki menüden geçmesi için nasıl yerleştirileceğini gösterir. Bu öğretici için CSS, makalelere ve dosyaları indirir. Bkz. Öğretici 36. Başlık için kısa bir referans kaydırıcı oluşturun ve başlığa kısa bir referans ekleyin Başlığınızı benzersiz kılmak ve hizmetlerinize dikkat çekmek, güven oluşturmak ve güvenilirlik oluşturmak için iyi bir yoldur. Bu özellikle kısa bir referans kaydırıcısı ile iyi çalışır. Bu öğretici, Divi başlığınızın kısa referanslarınızı görüntülemesi için nasıl kısa bir referans kaydırıcısı yapılacağını gösterir. Zarif Tema Blogunda Ücretsiz Divi Başlığının Nasıl Bulunur Öğreticisine bakın. “Ücretsiz başlıklar”, “ücretsiz divi başlıkları” veya benzeri anahtar kelimeleri arayın. Aralarından seçim yapabileceğiniz birçok ücretsiz başlık bulacaksınız. Divi tema oluşturucu kullanarak yararlı olan 30+ Divi başlık öğreticilerimizdeki görünümümüz olan divi başlık öğreticisi hakkında zihnin bitmesi. Divi başlığınızı diğerlerinden öne çıkacak şekilde ayarlamanın birçok yolu vardır. 30+ Bu öğretici, kendi benzersiz unsurlarınızı geliştirirken Divi Builder ve Tema İnşaatçının ayrıntılarını öğrenmenin iyi bir yoludur. Senden duymak istiyoruz. 30’dan fazla kullanışlı Divi başlık öğreticilerinden birini kullandınız mı? Bize yorumlarda hangisinin favoriniz olduğunu söyleyin.