Divi: Kullanılacak en kolay WordPress teması
Divi: Tüm zamanların en iyi WordPress teması!
daha fazla 600.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]
Küresel bir Divi başlığına dinamik site başlığı ve slogan eklemeyi bilmek, Divi web siteleri oluştururken faydalı olacaktır. Bunu yapmak için birkaç iyi neden var. Bir yandan, tüm sitelerin logosu yoktur. Site başlığı iyi bir logo değişimidir. Diğer bir neden ise, sitenize herkesin göreceği hayati bilgileri ekleyerek markanızı güçlendirmektir.
Bu öğreticide, genel Divi başlığına dinamik site başlığı ve sloganı nasıl ekleyeceğinizi göstereceğiz. Bu çözüm, site başlığını ve arka uç sloganını dinamik olarak WordPress'ten ayıklayacaktır. Ayrıca, başlığı özelleştirmek ve sloganı istediğiniz gibi özelleştirmek için Divi'nin tüm güçlü tasarım seçeneklerine sahip olacaksınız!
Olası Sonuç
İşte bu eğitimde yapacağımız tasarımın bir önizlemesi.
Dinamik olarak görüntülenen başlığın ortasındaki en üstteki site başlığını ve sloganını not edin.
Bedava indir
Divi Newlsetter'e katılın ve size tonlarca diğer ücretsiz ve şaşırtıcı Divi kaynakları, ipuçları ve püf noktaları ile birlikte nihai Divi açılış sayfası düzen paketinin bir kopyasını e-postayla gönderelim. Onu takip edin ve kısa sürede bir Divi ustası olacaksınız. Zaten abone olduysanız, e-posta adresinizi aşağıya girin ve düzen paketine erişmek için indir'i tıklayın.İNDİR
Şablonu içe aktarmak için Divi> Tema oluşturucu'ya gidin.
Sayfanın sağ üst kısmındaki taşınabilirlik simgesini tıklayın.
Taşınabilirlik açılır penceresinde, içe aktarma sekmesini seçin ve bilgisayarınızdan indirme dosyasını seçin.
Ardından içe aktar düğmesine tıklayın.
Tamamlandığında, genel başlık şablonu Divi Tema Oluşturucu'da kullanılabilir.
Takip eden bölümde tasarıma geçeceğiz.
WordPress'teki sitenin başlığı ve sloganı
Her WordPress sitesinin bir site başlığı ve bir sloganı vardır. Sitenin başlığı temel olarak sitenin adıdır ve sloganı genellikle ne olduğunu açıklayan kısa bir cümledir.
WordPress'i yüklerken sitenin başlığını eklemek ve unutmak nadir değildir.
Elementor ile web sitenizi kolayca oluşturun
Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]
Ve bazı insanlar sloganın var olduğunu fark etmiyorlar, sadece güncellemek için zaman ayırın. Ayrıca, Divi temasını kullanırken, site başlığı ve sloganı varsayılan sitenizde görünmez, bu yüzden onları yok saymak kolaydır. Ancak, site başlığı ve sloganı web sitesinin temel unsurlarıdır ve arama motorları tarafından tanınacaktır.
WordPress kontrol paneline erişip Ayarlar> Genel'e giderek WordPress'te site başlığını ve sloganını bulabilir ve güncelleyebilirsiniz.
Veya genel ayarlar altında site başlığını güncellemek için tema özelleştiriciyi kullanarak başka bir rotaya gidebilirsiniz.
Artık site başlığı ve sloganın WordPress arka ucunda nerede olduğunu bildiğimize göre, bunları bir Divi başlığına nasıl ekleyebileceğimizi keşfedelim!
Divi'de küresel bir başlığa dinamik site başlığı ve sloganı ekleme
Önceden tasarlanmış global başlık şablonunu içe aktarma
Bu eğitici yazıda, sıfırdan tam bir başlık oluşturmak yerine mevcut site başlığına dinamik site başlığı ve sloganı nasıl ekleyeceğimize odaklanacağız. Bu size zaman kazandıracak ve netliği artıracaktır. Bu başlık tasarımına başlamak için, önceden tanımlanmış bir küresel başlık şablonunu dördüncü tema üreteci paketi .
Ardından Divi> Tema Oluşturucu'ya gidin.
Sağ üstteki taşınabilirlik simgesini tıklayın. Taşınabilirlik açılır penceresinde, varsayılan web sitesi şablonu JSON dosyasını seçin ve İçe Aktar düğmesini tıklayın.
Şablon tema oluşturucuya eklendikten sonra, altbilgi şablonunu silin ve genel üstbilgiyi değiştirmek için tıklatın.
En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?
Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]
Başlığa dinamik site başlığı ve sloganı ekleme
Şablon mizanpaj düzenleyicisinin içinde, önceden tasarlanmış üstbilgiyi göreceksiniz. Özelleştirmelerimizi hemen yapmaya başlayabiliriz.
Logoyu taşı
Başlamak için, logoyu (dinamik olarak) gösteren görüntü modülünü üst satırın orta sütunundan üst satırın sol sütununa sürükleyin.
Site başlığını ve sloganını görüntülemek için bir eylem çağrısı modülü ekleyin
Ardından, üst satırın orta sütununa (logonun bulunduğu yer) yeni bir Harekete Geçirici Mesaj modülü ekleyin.
Site başlığını ve sloganını görüntülemek için Harekete Geçirici Mesaj modülünü kullanacağız.
Ancak içerik eklemeye başlamadan önce arka plan rengini kullanmak için HAYIR'ı seçin.
Dinamik bir site başlığı ekleyin
İçerik ayarlarının altında, başlık giriş alanının üzerine gelin ve "Dinamik içeriği kullan" simgesini tıklayın. Ardından listeden "Site Başlığı" nı seçin.
Dinamik bir site sloganı ekleyin
Ardından, fareyle gövde alanının üzerine gelin ve "Dinamik içeriği kullan" simgesini seçin. Ardından listeden "Site Kısa Açıklaması" nı seçin.
Dinamik bir ana sayfa bağlantısı ekleyin
Site logosunun, özellikle logoyu değiştirdiğinizde, tıklandığında ana sayfaya yönlendirilmesi yaygındır. Tüm modülü giriş sayfasına yönlendirmek için, giriş sayfası bağlantısını modül bağlantı URL'sine dinamik içerik olarak ekleyin.
Başlık metninin ve sitenin sloganının tasarımı
Artık site başlığı ve kısa açıklama, başlıkta dinamik olarak görüntülenir. Şimdi tek yapmamız gereken biraz stil eklemek. Unutmayın, site başlığını tasarlamak için başlık metnini ve sloganı tasarlamak için gövde metnini özelleştirmemiz gerekir.
Tasarım sekmesine atlayın ve aşağıdakileri güncelleyin:
- Başlık Yazı Tipi: Heebo
- Başlık Yazı Tipi Ağırlığı: Kalın
- Başlık Yazı Tipi Stili: TT
- Başlık Metin Boyutu: 32 piksel (masaüstü), 24 piksel (tablet ve telefon)
- Başlık Mektubu Aralığı: 0.3em
- Gövde Yazı Tipi: Roboto
- Gövde Yazı Tipi Stili: italik
- Gövde Metin Rengi:
- Gövde Metin Boyutu: 13 piksel
- Gövde Mektubu Aralığı: 0.1em
- Gövde Hattı Yüksekliği: 1em
Merkezlemeye yardımcı olması için, Promo Açıklaması'na aşağıdaki özel CSS'yi ekleyerek gövde metninin altındaki varsayılan dolguyu çıkarın:
dolgu alt: 0 piksel
Ek Tasarım Ayarları
Eğiticinin bu son kısmı için, öğelerin her sütunda dikey olarak ortalanmış kaldığından emin olmak ve düğmeye benzersiz bir tasarım vermek için başlığa bazı ek tasarım ayarlamaları yapacağız. Ayrıca slogana dalgalı bir çizgi öncesi ve sonrası satır ekleyeceğiz (sadece vuruşlar için).
Sütunları / İçeriği Dikey Olarak Ortalama
Şu anda en üst satır, flex özelliğini kullanan “Sütun Yüksekliklerini Eşitle” etkin. Tüm sütunların satır içinde dikey olarak ortalanmış olduğundan emin olmak için küçük bir css snippet'i ekleyerek bundan yararlanabiliriz. Bunu yapmak için, üst satırın ayarlarını açın ve Ana Öğeye aşağıdaki CSS'yi ekleyin:
hizalama ögeleri: orta;
Sütunu Düğmeyle Güncelleme
Ardından, üst satırdaki sütun 3 ayarlarını açın ve arka plan rengini ve dolguyu çıkarın.
Çevrimiçi Mağazanızı kolayca oluşturun
WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Önerilen]
Düğme Arka Planını Güncelleme
Ardından düğme modülü ayarını açın ve arka planı aşağıdaki gibi yeni bir arka plan gradyanıyla güncelleyin:
- Degrade arka plan Sol renk: #ffffff
- Sağ arka plan gradyan rengi: # 1dbf73
- Gradyan Yönü: 135deg
- Başlama Konumu:% 10
- Bitiş Pozisyonu:% 0
Slogana karakter öncesi ve sonrası ekleme
Her dinamik içerik parçası dişli çark simgesine tıklayarak düzenlenebilir. Slogana önce ve sonra karakterler eklemek için sloganı içeren harekete geçirici mesaj modülünün parametrelerini açın ve site sloganının dinamik içeriğindeki değişiklik simgesini tıklayın. Ardından, karakterleri önceki ve sonraki girişlere ekleyin.
Nihai sonuç
Sonucu görmek için sitenizdeki herhangi bir sayfayı açın. Dinamik site başlığı ve sloganının güzel görüntülendiğini görmelisiniz!
Son düşünceler
Dinamik bir site başlığı ve sloganı ile küresel bir başlığı özelleştirebilmeniz gerçekten güzel. Bu, birçok site için yararlı olacak bir şey gibi görünüyor. Ayrıca markanın daha güçlü bir temsili için logonun yanı sıra site başlığı ve sloganı dahil etme fikrini de seviyorum.
Kaynak: Zarif Tema