Ana İçeriğe Geç

3 yeni tema Twenty Seventeen özelleştirmeleri

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 901.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

Yirmi yedi WordPress'in bugüne kadarki en çok yönlü varsayılan teması. Ancak, temanın içine yerleştirilen seçenekler arzulanan bir şeyi bırakır.

Bu eğitici yazıda, bu temayı blogunuza uyacak şekilde özelleştirmenin beş yolunu göstereceğim. Temel bilgilerle başlayacağız ve daha zor ve etkili özelleştirmelere geçeceğiz.

İşimiz bittiğinde, Yirmi Onyedi'yi iş veya bloglar için güzel ve modern bir siteye dönüştürebileceksiniz. Bana inanmıyor musun Bakın, burada yaratabileceğiniz şey:

Yirmi on yedi özelleştirme

#1 Bir sosyal bağlantı menüsü oluşturun

Eh, bu ilk kısım sadece bir hack daha fazladır. Ama bu sadece Yirmi Onyedi ile ilgili bir kişiselleştirme.

Yirmi Onyedi altbilgi sosyal bağlantılar için çekici bir menü var.

Sosyal bağlantılar yirmi on yedi

Sorun, bazı kullanıcıların sosyal ağ bağlantılarını bu menüye nasıl ekleyeceklerini bulmakta zorlandıklarını bildirmiş olmalarıdır. Neyse ki, nasıl yapıldığını bildikten sonra gerçekten çok basit.

Tek yapmanız gereken, sosyal ağlarınıza bağlantılar içeren bir menü oluşturmak ve bunu Sosyal Bağlantılar Menüsünün konumuna atamaktır.

  • İşlemi inceleyelim.
  • "Özelleştirici" yi (Görünüm> Özelleştir) açarak başlayın.
  • "Menüler" seçeneğini seçin ve ardından "Sosyal Bağlantılar Menüsü" nü seçin.
  • Yeni menü adlandırın.
  • Mevcut sosyal ağların her birine bir link ekleyin.
  • "Nın yanındaki kutuyu işaretleyin Sosyal Bağlantılar Menüsü '.

İşiniz bittiğinde menünüz şöyle görünmelidir:

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]

Yirmi on yedi kişiselleştirme sayfası

Son adım, yeni menüyü kaydetmek için Özelleştiricide "Kaydet ve Yayınla" düğmesine tıklamaktır. Sosyal ağlara olan bağlantılarınız artık sayfanın altındaki menüde görüntülenecektir.

# 2 "Gururla WordPress tarafından desteklenmektedir" imzasını değiştirin

Wordpress durumu

Sitenizin "WordPress gururla desteklenmektedir" yazan altbilgideki metni düzenlemek isteyebileceğiniz iki neden vardır. "

Belki ek metin ekleyerek ikincisini genişletmek istersiniz: “Gururla WordPress tarafından desteklenmektedir, WebPress Tasarımları tarafından tasarlanmıştır ve LAMPress Hosting tarafından barındırılmaktadır. "

Belki daha kişisel bir şey için imzanızı tamamen değiştirmek istersiniz.

Yapmanız gereken ilk şey, bir çocuk teması oluşturmak ve etkinleştirmek.ipucu: hayatınızı kolaylaştırmak istiyorsanız, çocuk teması bunun için önceden tasarlanmış).

Alt temanızı oluşturup etkinleştirdikten sonra, "footer.php" dosyasını kopyalayın. Ardından, bu "footer.php" dosyasını açın ve şu kod parçasını bulun: get_template_part ('şablon-bölümler / altbilgi / site', 'bilgi');.

Şimdi iki seçeneğiniz var. Kodun hemen önüne "//" ekleyerek bu satırı yorumlayabilir veya kendi özel altbilgi metninizle değiştirmeyi düşünebilirsiniz. Altbilgi metnini oluşturmak için eklenecek kod aşağıda verilmiştir.

Özel altbilgi

#3 Gelişmiş Gezinme Menüsü

Bir gezinme sayfasında işlevsel bir gezinme menüsü oluşturmanın yanı sıra, gezinme menüsünün üzerine gelme efektini de düzeltecek ve genel deneyimi iyileştirmek için yumuşak kaydırma ekleyeceğiz.

İlk olarak, aşağıdaki kodu (alt) temanıza eklemeye başlayacağız:

/ * Bir sayfa nav kodu * / jQuery (document) .ready (function () {/ * Her ön sayfa bölümüne dolgu ve id'ler ekleyin * / jQuery ("h2.entry-title") .each (function () {var panelId = jQuery (bu) .html (). toLowerCase (). replace (/ s + / g, "-"); jQuery (bu) .wrapInner (function () {dönüş " ";})}) / * Gezinme bağlantısını vurgulayan * / jQuery ('# top-menu li') kaldır. RemoveClass ('current-menu-item current_page_item'); / * Click * / jQuery ('# top -menu li a '). on (' tıklama ', işlev (olay) {jQuery (bu) .parent (). parent (). find (' li '). (this) .parent (). addClass ('current-menu-item');}); / * Mevcut sayfa için mevcut URL'yi kontrol edin ve nav'ı vurgulayın * / jQuery ('# top-menu li a'). her (fonksiyon () {var pageUrl = jQuery (konum) .attr ('href'); var navUrl = jQuery (bu) .attr ('href'); if (navUrl == pageUrl) {jQuery (bu) .parent (). addClass ('geçerli menü öğesi');}})})

Bunu ekleyebilir bir JavaScript dosyası üzerinde kod bir çocuk teması ile yüklendi (ne tavsiye edilir) veya sitenize JavaScript eklemenize izin veren bir eklenti kullanın. JQuery yüklendikten sonra kodu yüklediğinizden emin olun.

Neler olup bittiğinin tam bir resmini görmek için koddaki yorumlara bir göz atın.

Ayrıca, yükleme ve ücretsiz bir eklenti etkinleştirerek çok daha düzgün her bölüm için hamle yapabilir: jQuery Pürüzsüz Kaydırma.

Tabii ki, bu bölümde görüntülenen sayfanın adını kullanarak her bölüme özel bir bağlantı ekleyerek navigasyon menünüzü oluşturmanız gerekecektir.

Örneğin, "Hakkında" bölümüne bağlantı oluşturmak için, özel bir bağlantı oluşturmalı ve " #about Bağlantının dayanağı olarak. Daha fazla ayrıntı için bkz. Tema nasıl özelleştirilir? " Yirmi yedi WordPress '.

Ç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]

Biraz çabayla ikna edici bir sonuca varacaksınız:

Yirmi on yedi gezinme sonucu

Bu kesinlikle Yirmi Onyedi ile yapabileceğimiz tek şey değil, daha sonra Yirmi Onyedi hakkında diğer dersler sunacağız.

Bu makale yorumları 5 içeriyor

  1. garip,

    aksanlı karakterler kabul edilmez! Herhangi bir fikir yerine soru işaretleriyle sonuçlanır mıyım?

    ps: Bu ipuçları için yine de teşekkürler!

  2. Bonjour

    Talimatlarını takip ettim ama simgelerim sadece blogumun mobil versiyonunda görünüyor, bilgisayar versiyonunda değil, eğer bana yardım edebilirsen bu harika olur!
    Teşekkür ederim
    Julie

    1. Bonjour
      Eğer menü stili aslında yüklenir kontrol etmelisiniz. Ayrıca simgeler ayı etiketleri mevcut olduğundan emin olmak için menü kodunu kontrol edilebilmektedir.

YORUM BIRAKIN

E-posta hesabınız yayımlanmayacak. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
15 hisseleri
hisse8
cıvıltı1
Enregistrer6