Divi ile yapabileceğiniz 11 başlık türü
Web sitesi başlığı genellikle ziyaretçilerinizin web sitenize geldiklerinde göreceği ilk şeydir. Bu önce yayınlanmıştır, bu yüzden bu, sitenize ziyaretçilerinizin ilk izlenimidir. Her zamanki gibi, alabileceğiniz en iyi izlenimi istiyorsunuz. Bu, başlık tasarımımıza her zaman ekstra dikkat etmemiz gerektiği anlamına gelir. Bu makalede, Divi ile yapabileceğiniz 11 tür başlık göreceğiz. Bu 11 başlık türü için tartışacağımız makale, ücretsiz JSON dosya indirmeleri ile ayrıntılı bir öğreticidir. Bu öğreticinin çoğu CSS ve bazıları jQuery içerir. Bazıları her adımda size yardımcı olacak video talimatları içerir. Kendi başlığınızı oluşturmak için öğreticiyi takip edebilir veya dosyayı indirebilir, Divi Tema Oluşturucunuza yükleyebilir ve ihtiyacınız olan değişiklikleri yapabilirsiniz. Adım adım talimatlar, her şeyin kullanımı kolay olduğundan emin olur.
Şimdi, Divi ile yapabileceğiniz 11 başlık türü! 1. Global başlık
Bkz. Öğretici 3. Tam Ekran Global Corporation Bu, Divi Tema Oluşturucu ile Global Header Tam Ekran özelliği oluşturmak isteyen herkes için iyi bir öğreticidir. Üstbilgi tam ekranda açık bir hamburger menüsü içerir. Masaüstü ve hücresel üzerinde çalışır ve nasıl kullanılacağına dair talimatları içeren CSS ve JQuery içerir. Bu, en yaygın başlık türlerinden biridir ve nasıl yapılacağını öğrenmek için her zaman iyi bir fikirdir. Bkz. Öğreticiye 4. Duyarlı Slayt Menüsü Bu öğretici, kullanıcı Hamburger menü simgesine tıkladığında ekranın sağ tarafından kaydıran ilginç bir menünün nasıl oluşturulacağını gösterir. Simge, sayfanın görüntülenmesine izin vermek için azaltılmış bir opaklığa sahip büyük bir düğmedir. Menü, masaüstü ve hücreseldeki ekranda kayar. Etki CSS ve JQuery ile yapılır. Bkz. Öğreticiye 5. Menü Slayt’a basın
Bu öğretici, hamburger menüsü tıklandığında ekranın üstünden aşağı kayan bir menünün nasıl oluşturulacağını gösterir. Masaüstü menüsü yatay bir düzen vardır, telefon menüsü dikey olarak düzenlenir. Bu, özel CSS ve JQuery içerir ve her ekran türü için CSS içerir. Ayrıca HTML kullanarak bir hamburger simgesi oluşturdu. Ayrıca bu menüyü isteğe bağlı CSS kullanarak yapışkan hale getirebilirsiniz. Bkz. Eğitim 6. Dikey Gezinme Menüsü Bu öğretici, çeşitli dikey başlık türlerinden birini kapsar. Kullanıcı yuvarlanırken ekranın sol tarafında kalan masaüstleri için dikey bir gezinme menüsünün nasıl oluşturulacağını gösterir. Alt menü ekranda açılır. Menü CTA düğmesi ve sosyal takip içerir. Cep telefonları için menü ekranın üstüne yerleştirilir. Masaüstü ve tabletler için özel CSS ve özel CSS dahildir. Ayrıca, sayfa şablonunun gövde alanına dikey bir gezinme menüsünün nasıl ekleneceğini gösterir. Bu öğreticiyi özel bir yan çubuk oluşturmak için de kullanabilirsiniz. Bkz. Eğitim 7. Şeffaf Yüzen Menü Çubuğu Bu öğreticide, çekici bir yüzen menü çubuğunun nasıl yapılacağını öğreneceksiniz. Menü çubuğu, başlık alanının yalnızca bir kısmını alır ve kahramana bir menü eklemenin iyi bir yolu haline gelir. Masaüstü ve hücresel ekranlarda çalışır. Bu öğretici ayrıca adım adım CSS ve video talimatları içerir. Bkz. Öğretici 8. Şeffaf Yapışkan Başlık
Bu öğretici, kullanıcı eğitildiğinde değişen şeffaf bir yapışkan başlığın nasıl yapılacağını gösterir. Üstbilgi üst çubuğu, logolu alt menü kanatlarını ve iki bıçakla örtüşme davetini içerir. Şeffaf menü çubuğu. Kullanıcı yuvarlanırken, üst bıçaklar ve menü çubuğu sağlamlaşır ve rengi değiştirir. CTA menü çubuğuna yapışır ve artık örtüşmez. Bu, masaüstü ve hücresel üzerinde çalışır.
Bkz. Öğreticiye 9. Global Başlık Oynadı Web’in çoğundan farklı görünen bir menü istiyorsanız, bu öğreticiyi beğeneceksiniz. Bu en ilginç başlık türlerinden biridir. Bu, ekranın sol tarafına dikey olarak yapışan şık bir menünün nasıl oluşturulacağını gösterir. Menü bağlantısı çalınır. Logo başlık ve gövde içeriği ile örtüşüyor. Kanopinin arka planı yuvarlanan parçanın arka planını gösterir, ancak gölgeyle ayrılır. Menü, mobil cihazdaki ekranın üst kısmında yataydır. Buna CSS dahildir. Bkz. Öğretici 10. Mega Menü E -ticaretiTutorial, Woocommerce Shop ürünlerinizi ve kategorilerinizi vurgulamak için bir mega menü nasıl oluşturulacağını gösterir. Bu, daha benzersiz olan bir tür başlık türüdür. Mega menü imleci işaret ederken açıktır ve birkaç sütundaki metin bağlantıları ve görüntü bağlantıları içerir. Hücresel sürüm, ana kategorinin anahtarı ile metin bağlantısını gösterir. Bu ayrıca CSS ve JQuery içerir. Bkz. Öğreticiye 11. Gelişmiş zarif temalar için açılır menüBu blogdaki gibi gelişmiş bir menü oluşturmak istiyorsanız, bu öğretici sizin için uygundur. Bu, en sofistike başlık türlerinden biridir. Bu öğretici, burada ET web sitesindeki gibi çeşitli renklerde simgeler, metin ve CTA ile bazı açılır yuvalama menülerinin nasıl yapılacağını gösterir. Hücresel sürüm kapatılarak işlev görür. Tahmin edebileceğiniz gibi, bu öğretici dahil edilen çok sayıda CSS ve jQuery kullanır. Bir Başlık Şablonunun Nasıl Alınacağı Öğreticisine bakın Tüm bu öğreticiler, Divi Tema Oluşturucunuza yükleyebileceğiniz JSON dosyalarını içerir. Divi için başka başlıklarla ilgileniyorsanız, zarif temalar bloguna bakın. Ücretsiz Divi düzen paketine uyacak şekilde tasarlanmış birçok ücretsiz başlık vardır. “Ücretsiz gölgelik şablonu” veya benzeri anahtar kelimeler için bir blog arayın ve ne istediğinizi indirin, Divi Tema Oluşturucusuna yükleyin ve değişikliklerinizi yapın. Zihni bitirmek, Divi ile yapabileceğiniz 11 tür başlıktaki görünümümüzdür. Bu öğretici, herhangi bir amaç için nasıl basit veya karmaşık bir başlığın nasıl yapılacağını gösterir. Bu başlıkların çoğu CSS içerir ve birçoğu onlara benzersiz özellikler vermek için jQuery içerir. Bu öğretici aynı zamanda Divi şablonunuza CSS ve JQuery’nin nasıl uygulanacağını öğrenmenin iyi bir yoludur. Blog ET için bunun gibi daha fazla öğretici için. Sizden haber almak istiyoruz. Divi ile bu 11 başlık türünden birini denediniz mi? Bize yorumlardaki deneyiminizden bahsedin.
