Gezinme menü sistemi WordPress 3.0 ile piyasaya sürüldüğünde, WordPress'i bir blog platformundan güçlü bir CMS'ye dönüştüren faktörlerden biri buydu.

Bu, özel bağlantılar dahil olmak üzere web sitenizin gezinme menülerine istediğiniz herhangi bir içeriği ekleyebileceğiniz anlamına geliyordu. "Sürükle ve bırak" arayüzü, herhangi birinin herhangi bir kodlama becerisi olmadan kendi özel menüsünü oluşturabileceği anlamına geliyordu.

Ama bazen ona güvenmek istemezsin. Web sitesine sayfa ekleyecek bir müşteri için bir web sitesi geliştiriyorsanız, becerilere sahip olduklarında veya eksik olduklarında gezinme menülerini güncelleme olasılıkları düşüktür. .

İşte burada otomatik navigasyon menüsü devreye giriyor.

Bu öğreticide, web sitenizin tüm sayfalarını ve gezinme menüsünde ikinci düzey girdiler olarak görüntülenen alt sayfaları görüntüleyen otomatik bir gezinme menüsünün nasıl oluşturulacağını göstereceğim.

Daha sonra bu kodu isterseniz temanızın sayfa başlığına, kenar çubuğuna veya altbilgisine ekleyebilirsiniz ve kullanıcılarınıza ne zaman otomatik olarak güncellenen bağlantıları gösterecektir. web sitenize yeni içerik eklenir.

Ancak, WordPress'i hiç yüklemediyseniz, keşfedin Bir WordPress blog 7 adımlarını nasıl yüklenir et Nasıl bulmak yüklemek ve blogunuzda bir WordPress tema etkinleştirmek için 

O zaman neden burada olduğumuza dönelim.

WordPress gezinme menülerini otomatikleştirmek için gerekenler:

• Birkaç sayfa ve alt sayfa eklenmiş bir WordPress geliştirme veya test kurulumu
• Bir kod editörü.

Ayar kodu

WordPress temasını değiştirsem bile kalıcı olması için bu kodu bir eklentiye ekleyeceğim. Bu şekilde, navigasyon menüsünü istediğim yere eklemek için eklentimin işlevini temama ekleyebilirim. WordPress temanızda " kancalar Bu kodu enjekte etmek için bir veya daha fazla kullanabilirsiniz.

Ayrıca listemize bakın Bir geri sayım oluşturmak için 10 WordPress eklentileri

Hook'ları olmayan üçüncü taraf bir WordPress temasıyla çalışıyorsanız, temaya kod eklemeniz gerekecektir. Doğrudan temaya kodlamayın: bunun yerine, bir alt tema oluşturun ve kodunuzu buna ekleyin. Düzenlemek istediğiniz ana temadan tema şablon dosyasının bir kopyasını oluşturun, bunu alt temanıza ekleyin ve düzenleyin.

ilk adım

İlk adım eklentiyi oluşturmaktır. İçinde bir klasör oluşturuyorum " wp-content / plugins ". Bir klasör oluşturmak, gerekirse bir stil sayfası gibi veya dosya dahil etmek zorunda kalırsam, eklentiye daha fazla dosya ekleyebileceğim anlamına gelir.

Öncelikle, WordPress'e ne olduğunu söylemek için eklentinizin giriş kodunu yorumlara eklemeniz gerekir:

<?php
/**
 *Eklenti Adı: Eklenti
 * Eklenti URI'si: http://blogpascher.com
 * Açıklama: WordPress Eklentisi
 * Sürüm: 1.0
 * Yazar: Herve
 * Yazar URI'si: http://blogpascher.com
 *
 */

Şimdi eklentiyi etkinleştirin.

Ardından, bir alt tema kullanıyorsanız, onu yapılandırın. Twenty Seventeen temasından çocuk temasını kullanıyorum - işte stil sayfam:

<?php
/**
 *Eklenti Adı: Eklenti
 * Eklenti URI'si: http://blogpascher.com
 * Açıklama: WordPress Eklentisi
 * Sürüm: 1.0
 * Yazar: Herve
 * Yazar URI'si: http://blogpascher.com
 *
 */

@import url( " ../twentyseventeen/style.css " );

Bunu yaptıktan sonra, web sitenizde henüz hiç sayfa yoksa, birkaç tane ekleyin. Birkaç seviyede bir yapıya sahip olmaları gerekir. Sahte sayfalarım şöyle görünüyor:

Şimdi kodu eklentiye eklemeye başlayalım.

Tüm sayfaları hiyerarşik olarak listelemek için bir işlev oluşturun

«Fonksiyonunu kullanacağız wp_list_pages () Tüm sayfaları almak ve bunları bağlantılarla listelemek için. Ama önce bunun için bazı argümanlar tanımlamamız gerekiyor. İşlevinizi oluşturarak başlayın ve şu bağımsız değişkenleri ekleyin:

wpmu_list_pages () {wpmu_list_pages () {$ args = array ('derinlik' => 2); }

Argümanlar çok basit - yapmak istediğimiz sayfaların seviyesi için sadece bir tane var. "2" ayarı, üst düzey sayfaların ve alt sayfalarının görüntüleneceği, ancak artık görüntülenmeyeceği anlamına gelir.

Keşfedin 5 bağlantısı ortak hatalar ve WordPress çözümleri

Şimdi argümanlardan sonra "wp_list_pages ()" fonksiyonunu ekleyelim:

wp_list_pages ($ args);

İşte tam fonksiyon:

wpmu_list_pages () {wpmu_list_pages () {$ args = array ('derinlik' => 2); wp_list_pages ($ değiştirgeler); }

İşlevin temaya eklenmesi

Şu anda, işlev web sitemde hiçbir şey göstermiyor. Bunu değiştirmek için ana tema başlığının bir kopyasını alt temaya eklememiz ve düzenlememiz gerekir.

Ayrıca bakınız: WordPress çalışmanızı istemci web sitelerinde nasıl korursunuz

Başlık dosyanızı alt temanıza kopyalayarak başlayın ve açın. Yirmi Onyedi'de, gezinme menü kodu " Şablonlar-parçalar / gezinme / navigation-top.php Bu, bu dosyanın bir kopyasını alt temamdaki aynı yere eklemem gerektiği anlamına geliyor.

Daha ileri gitmek için keşfedin Bir WordPress alt tema nasıl yüklenir

Temanızda bu dosya olabilir header.php kopyalanmalıdır.

Temanıza bağlı olarak menü kodu farklı olacaktır. Kullandığım kodda, değiştirmem gereken kod bu:

'top', 'menu_id' => 'üst menü',)); ?>

Mevcut kod "else {}" bildiriminde olacak şekilde yeni bir işlev eklemek için navigasyon menünüzün kodunu değiştirin:

'top', 'menu_id' => 'üst menü',)); }?>

Koşullu ifadeler önemlidir: ilk olarak, eklentinize eklediğiniz işlevin mevcut olup olmadığını kontrol eder (yani eklenti etkinleştirildiyse) ve eğer öyleyse, işlevi buradan gerçekleştirir. Aksi takdirde normal çalışır.

Rehberimize de bakınız. WordPress reklam blokları göstermek için nasıl

Şimdi web siteme bak:

Bağlantılar görünüyor, ancak bazı sorunlar var. En üstte "Sayfalar" görüntülenmesini istemiyorum (işlev için varsayılan değer wp_list_pages () ) ve sayfaları daha verimli bir şekilde sipariş etmek istiyorum. İdeal olmayan ana sayfanın listenin ortasında olduğunu göreceksiniz.

Fonksiyonu geliştirmek

Eklenti koduna geri dönelim ve bu sorunları düzeltmek için uyarlayalım.

Daha önce tanımladığınız argümanları bulun wp_list_pages ():

$ değiştirgeler = array ('derinlik' => 2);

Ve düzenleyin:

$ args = array ($ args = array ('derinlik' => 2, 'title_li' => ' '. __ ('Menü', 'bpc'). ' ',' sıralanacak_sütun '=>' menü düzeni ');

Bu iki ek argüman ekler:

• Şimdi "yazan listeden önceki işaretleme" Menü Yerine Sayfalar '.
• Sayfaların görüntülendiği sıra.

Sayfalarınızın düzenleme ekranlarına dönmeli ve her biri için sayfaların sırasını belirlemelisiniz. Ana sayfanızı "0" değerine ayarlayın ve diğer üst düzey sayfalar bunlardan daha yüksektir. 

Ayrıca kılavuzumuzu okuyun : Facebook ve Disqus yorumları yavaş yavaş nasıl yüklenir

Şimdi, menüyü görüntülediğinizde şöyle görünecektir:

İkinci düzey sayfaların menü sırasını da değiştirebilirsiniz. Bu hiçbir zaman üst düzey sayfaların üzerinde görünmeyecektir, bu nedenle her alt sayfa grubu için 0 veya 1'den başlayabilirsiniz.

Ayrıca bazı premium WordPress eklentilerini keşfedin  

diğer kullanabilirsiniz WordPress eklentileri modern bir görünüm vermek ve blogunuz veya web sitenizle olan bağlantıyı optimize etmek için.

Size, bu konuda yardımcı olacak bazı premium WordPress eklentileri sunuyoruz.

1. Yerçekimi Formları

Bir işletme sahibi olarak, müşterilerinizin sizinle iletişim kurmasına izin vermek önceliğiniz olmalıdır. Yerçekimi Formları eklentisi İletişim formu WordPress'teki en popüler.

İçin kullanabilirsiniz herhangi bir form oluşturteklif formu, anketler ve daha fazlası gibi.

Indir | gösteri | Web hosting

2. eForm

eForm, mevcut bir WordPress web sitesine entegre edilebilen gelişmiş ve esnek bir form oluşturucudur. Tam bir form yönetimi çözümüdür. Bu, diğer şeylerin yanı sıra, sınavlar, anketler, veri toplama, ödeme tahmini ve kullanıcı yorumlarıyla ilgilidir.

Böyle bir form tasarımcısıyla, formları sınırsız bir şekilde tasarlayabilir ve kontrol panelinden yönetebilirsiniz. Tüm istekler veritabanınızda saklanır, kaydettiğiniz verileri görebilir, izleyebilir, analiz edebilir ve işlem yapabilirsiniz.

Ayrıca bizim makalemizi okuyun. Içerik nasıl pazarlama blogunuzun SEO etkiler

Ek olarak, bir kullanıcı portalı, kayıtlı kullanıcıların isteklerini de gözden geçirmesine ve izlemesine izin verir.

Indir | gösteri | Web hosting

3. Mailster

Postacı bir WordPress Plugin Bir bülteni web sitenize entegre etmenize yardımcı olacak kullanımı kolay premium. İkincisi ile çok fazla uğraşmadan kampanyalarınızı oluşturabilecek, gönderebilecek ve takip edebileceksiniz.

Başlıca özellikleri: açık e-postaları, tıklamaları, abonelikleri ve hemen çıkma oranlarını izleme yeteneği, kampanyalarınızı hedefleme yeteneği, kampanya yönetimi ve planlama, 6 tür otomatik yanıtlayıcı için destek, sınırsız oluşturma kayıt formları, kullanıcı dostu bir arayüz, arka planın özelleştirilmesi, çok dilli için destekVe çok daha fazlası.

Indir | gösteri | Web hosting

Önerilen Kaynaklar

Web sitenizi oluşturmanıza ve yönetmenize yardımcı olacak diğer önerilen kaynaklar hakkında bilgi edinin.

• Blogunuzda bir megamenu oluşturmak için 8 WordPress eklentileri
• WordPress'de son makaleler nasıl görüntülenir
• WordPress'te Slider Revolution ile slayt gösterisi oluşturma
• WordPress reklam blokları göstermek için nasıl

Sonuç

Burada ! Bu eğitim için hepsi bu, umarım menülerinize otomatik olarak sayfa eklemenize izin verir. Bu alanda herhangi bir endişeniz veya öneriniz varsa, haydi kendimizi bulalım. tartışılacak yorumlar bölümü.

Bununla birlikte, ayrıca bize danışabilirsiniz kaynakların bulunduğuİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.

Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.

...