Özel bir widget kullanarak otomatik bölüm menüsü nasıl oluşturulur (5 adımda)

Bölüm menüsü, okuyucuya diğer ilgili içerik sunarak UX’i artırabilir ve ihtiyaç duyduklarını bulmalarına ve sitelerinizin daha fazlasını keşfetmelerine olanak tanır. Genellikle, bir bölüm menüsü manuel olarak yapacaksınız, ancak çok fazla deneyiminiz yoksa bu karmaşık olabilir. Neyse ki, sayfanın parça navigasyon gerektirip gerektirmediğini tespit etmek ve gerektiğinde yapmak için özel bir widget kaydedebilirsiniz. Bu şekilde, widget’ı yan yana koyabilir ve bir gün diyebilirsiniz. Bu widget’ı web sitenizde parçaları ayarlamak için varsayılan WordPress subhhammal sistemini kullanarak kullanabilirsiniz. Bu menüleri WordPress eklentisi dizinindeki otomatik olarak üretmek için bazı eklentiler vardır. Ancak, yenileme güncellemelerinin eksikliği nedeniyle, kendiniz yapmanızı ve yönetmenizi öneririz. WordPress sitenize özel bir widget kaydetmek için özel bir widget (5 adımda) kullanarak otomatik bölüm menüsü nasıl oluşturulur, birkaç şeye ihtiyacınız vardır:
Yerel WordPress kurulumuna doğrudan erişim veya Protokol (FTP) dosya aktarım dosyasına bir tane ile uzun mesafeli bir sunucuya erişin.
Atomlar veya yüce metin gibi kod editörleri.
Oluşturmak için kullandığınız WordPress sitesine yönetimsel erişim.
Widget’ınızı kaydetmek için özel bir eklenti oluşturacaksınız, bu nedenle / wp-content / klasörüne yazılı erişim sağladığınızdan emin olun. Değilse, kodda değişiklik yapamayacaksınız. Başlayalım!
Adım 1:/WP-Concent/Eklentileri/altındaki boş bir eklenti klasörü hazırlayın/WP-Content/Eklentilerinizi/WordPress web sitenizi girin ve otomatik bölümler adlı yeni bir web sitesi oluşturun. Bu klasörde, metin düzenleyicinizde Automatic-Sections.php adlı bir dosya oluşturun ve açın. Bu dosyanın üstünde, bu kodu kopyalayıp yapıştırın: post_parent) {
// ataları al
$ Ebeveynler = Array_Revers (get_post_anncestors ($ post-> id));
// en iyi ataları kullanılabilir
Dönüş $ ebeveynler [0];
}
// iade kimliği değeri
// Bu, en üst ebeveyn veya mevcut sayfa kimliği olacaksa
Dönüş $ Post-> ID;
} Bunu yapmayı bitirdikten sonra, ana kimliğe dayalı bir bölüm menüsü oluşturma zamanı.
Adım 3: Subhhamatların Tespiti ve Listesi Bir sonraki bölüm menüsü olarak, son adımda bulduğumuz kimlik altında subhhammatları algılayacak ve ekleyeceksiniz. Bu kod parçası önceki işlevi izleyecek ve kodu doğrudan altına ekleyebilirsiniz. Her şeyden önce, yeni bir işlev hazırlayın-tüm parçalara tanıtacağımız kalan kod burada olacak: Torque_list_subpages () function () {/ * kod burada */
} Bu yeni işlev üç görev gerçekleştirecektir:
Daha önce bulduğumuz sayfa kimliğini kullanarak Subhalam bulmak için bir arama argümanı hazırlayın.
Bir subhalam olup olmadığını bulmak için bir arama yapın.
Bir subhhalam varsa, bir liste olarak iade edin.
Aşağıdaki kod şeklinde görünür.
// Adım 1: Arama argümanını ayarlamak için yüksek seviyeli bir sayfa kimliği kullanın
$ parent_id = torque_check_for_parent_page ();
$ args = dizi (
‘Child_of’ => $ parent_id,
‘derinlik’ => ‘-1’,
‘title_li’ => ”,
);
// Adım 2: Herhangi bir subhhammate arayın
$ subhalam = get_pages ($ args);
// Adım 3: Bir subhhalam varsa, liste olarak iade edin
if ($ subhhalam) {
// Listeyi yukarıdaki üst sayfa ile başlatın
?>
<a Target="_blank" href="

<? Php
} Mucize burada oldu! Ne yazık ki, bu kodu test edemediniz. Temanızın yanında tetikleyebilmeniz için bir widget'a dönüştürmeniz gerekir.
Adım 4: Menü widget'ı Kaydet Bu bölüm, otomatik menüyü temanızın yan tarafına sürükleyebileceğiniz ve serbest bırakabileceğiniz bir widget olarak değiştireceğiniz bir kısımdır. Daha önce olduğu gibi, bu kodu şimdiye kadar girdiğiniz her şeyin altına ekleyeceksiniz. Son adımda, PHP fonksiyonlarında çalışıyorsunuz. Bu sefer, PHP sınıfında çalışacağız, kabuğu nasıl ayarlayacağız: torque_automatic_section_menu class wp_widget {/ * kodu burada */
} PHP sınıf grupları, bir pakette birlikte çalışan işlevler, böylece daha sonra koddaki basit çağrılarla karmaşık özellikleri yönetebilirsiniz. Bu yeni widget sınıfı dört işlevi ele alacak:
Varsayılan widget ve seçeneğinin başlatılması.

WordPress panelinizde kullanılmak üzere kullanıcı arayüzünü (UI) oluşturun, böylece widget alanına yerleştirebilirsiniz.
WordPress kontrol panelinde UI kullanarak yapılan tüm değişiklikleri kaydedin.
Web sitenizin ön ucunda görüntülenen çıktıyı üretin.
Bu işlevlerin her birini adım adım tartışalım. Bunların her birini birkaç dakika önce yaptığınız sınıf ambalajına ekleyeceksiniz. İlk olarak, widget’ı başlatmamız ve varsayılan seçeneği WordPress: function __construction () {{
$ widget_options = dizi (
‘sınıf adı’ => ‘tork_automatic_section_menu’,
‘Açıklama’ => ‘Mevcut web sitesi bölümü için otomatik bir menü oluşturun.’
);
Ebeveyn :: __ yapı (‘tork_automatic_section_menu’, ‘bölüm menüsü’, $ widget_options);
} Ardından, WordPress kontrol paneli için küçük bir HTML formu oluşturacaksınız. Bu, görünüm> Widgets sayfasında ve özelleştirici: işlev formunda ($ örnek) {{
?>
<label for = " get_field_id (‘başlık’);?>”> başlık:
<giriş sınıfı = "widefat" type = "text" name = " get_field_name (‘başlık’);

widget’ı açın. Yeni bölüm menüsü widget’ınızı bulun ve yan bıçaklarınızın alanına sürükleyin ve değişikliklerinizi kaydedin:
Son olarak, WordPress sitenizdeki subhalamlardan birine bakın:
Her şey yolunda giderse, aynı bölümde, kenar çubuğunuzda düzgün bir şekilde görüntülenen diğer tüm ilgili sayfaları göreceksiniz!Sonuç Büyük veya karmaşık bir web sitesi çalıştırıyorsanız, bölüm menüsü kullanıcılarınız için çok kullanışlı olabilir.Kenar çubuğunuzda kullanılmak üzere otomatik bölüm menüsünü kaydetmek, bunu ziyaretçilerinize sunmanızı ve UX’i artırarak oranınızı azaltmanızı sağlar.Bu makalede, bu gezinmeyi üretmek için özel bir widget eklentisi oluşturmak için beş adımda size rehberlik ettik: /WP-Content altında boş bir eklenti klasörü hazırlayın.
Üst sayfayı bulun ve kimliği döndür.
Algılama ve Subhalam’ı bir bölüm menüsü olarak kaydedin.
Bölüm menüsü widget’ı kaydedin.