HTML – WordPress Tema Öğreticileri: Adım 3 – Menü, Widget ve Fonksiyonlar

Şimdi Static HTML’den ilk WordPress temamızın üç bölümünün sonundayız. Şimdiye kadar, index.html dosyanızı bir PHP dosyasına dönüştürerek, bir şablon etiketi ekleyerek ve bir tema şablonu dosyasına bölerdünüz. Daha sonra farklı içerik türlerini görüntülemek için ek bir şablon dosyası oluşturursunuz. Bu amaçla temanızı yapma sürecini tamamlayacağız. Aşağıdakileri yapacağız:
Birkaç önemli tema işlevselliğine sahip bir işlev dosyası oluşturun.
Kenar çubuğuna ve altbilgiye widget alanını ekleyin.
WordPress yöneticisindeki menü ekranından doldurulabilen bir gezinme menüsü ekleyin.
Bu gönderiyi takip etmeniz gereken şeylere ihtiyacınız var, bazı araçlara ihtiyacınız var:
WordPress geliştirme kurulumu, tercihen yerel makinenizde.
Bir kod editörü.
Bu serinin birinci ve iki bölümünde yaptığınız kod – yoksa, kullandığım dosyayı indirebilirsiniz.
Bu işi geliştirme sitesinde yaptığınızdan emin olun, doğrudan bir sitede değil – dünyanın temalarınızı hazır görmesini istemezsiniz. Dosya Dosya Oluşturma ve Doldurma İşlevleri Tema İşlevleri Şablon Dosyaları değildir – İçeriği görüntülemek için kullanılmaz. Tersine, bu, temanızı ve sitenizi ayarlamak için WordPress tarafından kullanılacak işlevleri içerir. Kendinizi işlev dosyanıza birçok ek işlev eklediğinizi görürseniz, bunun yerine bir eklenti oluşturmanız gerekir. Ancak function.php aracılığıyla eklemeniz gereken birkaç işlev var ve buraya ekleyeceğiz.
Not: Bu dosya hakkında daha fazla bilgi edinmek istiyorsanız, tema işlevi dosyası için ana kılavuzumuza bakın. Tema Hazırlama İşlev dosyası tarafından gerçekleştirilen işlerden biri tema ayarlarıdır. Bunlar arasında gezinme menüsünü etkinleştirmek ve üstün görüntüler gibi şeyler içerir. Tema klasörünüzde, Function.php ve Open adlı yeni bir dosya oluşturun. Üstte <? PHP açılış etiketi ekleyin (kapak etiketini alttan eklemeyin, WordPress'e ihtiyaç duymaz ve daha sonra satırların bir duraklaması eklerseniz hata olasılığını en aza indirir). Şimdi bu kodu dosyanıza ekleyin: Core 2B69372168DBA8BCC578B8DE9824642
Bu ekledi:
Çevirmek
Post format için destek
Mesajlarda ve sayfalardaki küçük resim yayınları için destek
RSS Bağlantı Desteği
Bir navigasyon menüsü.
Şimdi stil sayfanızı açarak çeviri ayarlarını tamamlayın. Bu satırı üstte yorumlanan metne ekleyin:
Çekirdek 2B693721668dba8bcc578b8de9824642 ​​içerir
Bu, WordPress'in bu temanın metin alanı olduğunu söyler, böylece çeviri için sağladığınız herhangi bir kodla kullanılabilir. Bu konuda daha fazla bilgi için, çeviri için bir tema hazırlama kılavuzumuza bakın. Metnin bir kısmını uluslararasılaşmayı içeren bir işlev dosyasına eklediğimi fark edebilirsiniz. Bu, yönetici ekranındaki gezinme menüsünün adı içindir.
Son olarak, işleviniz, etkinleştirilmeyecek olan Afterl_seup_theme kancasına bağlanır. Bu yüzden tema şimdi düzenlendi ve doldurabileceğimiz bir navigasyon menümüz var. Ancak, sitede görüntülenmeyecektir. Hadi düzeltelim. Geçerli gezinme menüsünü ekleyin, menü zor kodların bir listesidir. WordPress yönetici ekranında oluşturduğumuz menüyü görüntüleyecek bir işlevle değiştirelim. Header.php dosyasını açın ve menü kodu bulun: Çekirdek 2B69372168DBA8BCC578B8DE9824642
Bununla değiştirin:
Çekirdek 2B693721668dba8bcc578b8de9824642 ​​içerir
Bu bir navigasyon menüsü üretecektir. Menü geçerli menü ekranından eklemeyi deneyin (başlık dosyanızı ve işlevinizi kaydettikten sonra).
Bu yöneticideki menümüm:
Ve sitemin ön ucunda:
Widget Alanı Ekle Bir sonraki adım, widget alanını kenar çubuğumuza ve altbilgimize eklemektir. Bu, mevcut sabit kod içeriğinin yerini alacaktır. İlk widget alanını kaydederek Widget alanını işlev dosyamıza kaydetmemiz gerekir. Açın ve şunu ekleyin: