WordPress menüsünü oluşturmak ve ayarlamak için derinlemesine kılavuz
WordPress web sitesi menüsü ve alten olmadan fazla olmayacak. Menüyü WordPress içinden dileklerinize ayarlamak da kolaydır. Bu nedenle, WordPress menünüz yüksek bir arama sıralaması almak ve ziyaretçileri sitede tutmak için bir ‘cephe’ aracıdır.
Ücretsiz demoyu deneyin
WordPress’teki özel ekran menünüzün ne kadar karmaşık olduğunu reddediyor. Sitenizdeki çeşitli yerlerde menüleri de görüntüleyebilirsiniz. Kodlama becerileriniz varsa, WordPress menünüzü neredeyse sınırsız olanaklarla ayarlayabilirsiniz. Bu yazı için, bir WordPress menüsü oluşturmak için size derinlemesine bir kılavuz vereceğiz. Ayrıca size işlevselliği nasıl alacağınızı ve birkaç farklı şekilde artıracağınızı da göstereceğiz.
WordPress Menü Anatomisi Bilmeyenler için WordPress menüleri genellikle bir bağlantı koleksiyonudur (açılır dahil). Bu, web sitenizin omurgasında sadece bir “omur” olan işlevselliğin doğrudan bir parçasıdır.
WordPress menü örneği.
Bir sonraki bölümde web sitesindeki menüyü daha ayrıntılı olarak göreceğiniz yere gireceğiz. Şimdilik, onu görüntülemek istediğiniz yerde barındırılabileceklerini bilin. Daha önce seçilmiş birkaç seçeneğiniz olabilir (widget alanına dayanarak). Ancak, teknik anlamda, menü her yere gidebilir.
Tabii ki, WordPress menüsü web sitelerinde gezinmek için çok önemlidir. Net ve kesin bir gezinme menünüz varsa, bu, kullanıcıların sitenizi keşfetmelerine yardımcı olacak ve savaş oranınızı azaltacaktır. Ayrıca başka amaçlara da hizmet ederler: menünüz arama motoru optimizasyonunuza (SEO) yardımcı olur. SEO için WordPress menüsünü optimize etmek, girdiğinizden daha fazla ayrılacağınızla ilgilidir. Yeni başlayanlar için, bulut etiketi gibi öğeleri ortadan kaldırabilir ve düşük kaldığınız bağlantıların sayısını koruyabilirsiniz. Google, bir sayfaya 250’ye kadar bağlantı eklemenize izin verse de, “bağlantı değerinizi” tutmak çok önemlidir. Bu nedenle, harici bağlantıların sayısını azaltmak uzun vadede size yardımcı olacaktır. Bir WordPress web sitesi menüler olmadan fazla olmayacak ve alt menü, bunu nasıl yapacağınızı öğrenin, çeşitli WordPress menü yapıları türlerini anladığınız gibi tweetlemek için tıklayın. Uygulamanın ihtiyaçları hakkında, farklı bir WordPress menü yapısı seçebilirsiniz. Örneğin, başlık menüsü en yaygın olanıdır, çünkü ana site navigasyonu ile ilgilidir. Ayrıca genellikle ana navigasyonun üzerinde daha küçük bir menü göreceksiniz, çünkü burası sosyal medya simgeleri için çok iyi bir yer, arama çubuğu Mitra Kinsta Sau/Cal web sitesinde navigasyon ve sosyal bağlantılar içeren bir “Uçan” menüsü vardır:
İki menü görüntüleyen uçuş ekranı.
Bir sonraki bölümde web sitesindeki menüyü daha ayrıntılı olarak göreceğiniz yere gireceğiz. Şimdilik, onu görüntülemek istediğiniz yerde barındırılabileceklerini bilin. Daha önce seçilmiş birkaç seçeneğiniz olabilir (widget alanına dayanarak). Ancak, teknik anlamda, menü her yere gidebilir.
Tabii ki, WordPress menüsü web sitelerinde gezinmek için çok önemlidir. Net ve kesin bir gezinme menünüz varsa, bu, kullanıcıların sitenizi keşfetmelerine yardımcı olacak ve savaş oranınızı azaltacaktır. Ayrıca başka amaçlara da hizmet ederler: menünüz arama motoru optimizasyonunuza (SEO) yardımcı olur. SEO için WordPress menüsünü optimize etmek, girdiğinizden daha fazla ayrılacağınızla ilgilidir. Yeni başlayanlar için, bulut etiketi gibi öğeleri ortadan kaldırabilir ve düşük kaldığınız bağlantıların sayısını koruyabilirsiniz. Google, bir sayfaya 250’ye kadar bağlantı eklemenize izin verse de, “bağlantı değerinizi” tutmak çok önemlidir. Bu nedenle, harici bağlantıların sayısını azaltmak uzun vadede size yardımcı olacaktır. Bir WordPress web sitesi menüler olmadan fazla olmayacak ve alt menü, bunu nasıl yapacağınızı öğrenin, çeşitli WordPress menü yapıları türlerini anladığınız gibi tweetlemek için tıklayın. Uygulamanın ihtiyaçları hakkında, farklı bir WordPress menü yapısı seçebilirsiniz. Örneğin, başlık menüsü en yaygın olanıdır, çünkü ana site navigasyonu ile ilgilidir. Ayrıca genellikle ana navigasyonun üzerinde daha küçük bir menü göreceksiniz, çünkü burası sosyal medya simgeleri için çok iyi bir yer, arama çubuğu Mitra Kinsta Sau/Cal web sitesinde navigasyon ve sosyal bağlantılar içeren bir “Uçan” menüsü vardır:
İki menü görüntüleyen uçuş ekranı.
Bu menü, sitelerde gezinmek yerine WordPress menüsü için daha fazla kullanım vakası olduğunu göstermektedir. Varsayılan WordPress işlevselliğini kullanarak (daha sonra bunun hakkında daha fazla bilgi), ihtiyacınız olan hemen hemen her şey için bir menü oluşturabilirsiniz. Üstbilgi navigasyonu kadar popüler bir altbilgidir. Aşağı kaydıran kullanıcılar için ana navigasyonu tekrarlamak için bu alanı genellikle kullanacaksınız. Buna ek olarak, ürün ve hizmetleriniz için daha fazla bağlam tabanlı bağlantılar sunmak için çok iyi bir yer: Kinsta dipnot menüsü.
Site kullanıyorsa, yan çubukta menüyü de göreceksiniz:
Site kullanıyorsa, yan çubukta menüyü de göreceksiniz:
Kenar çubuğu navigasyonu örnekleri.
Birçok durumda burada ana navigasyonu görmeyecek olsanız da, burası sosyal bağlantılar, blog yazısı arşivleri ve daha fazlası için geleneksel bir yerdir. WordPress Özel Menüsü Nasıl Yapılır (3 Yöntem) Bir WordPress menüsü yapmak, uzmanlık düzeyinize bakılmaksızın mantıksız bir işlemdir. Çalışmayı tamamlamanın üç ana yolu vardır: varsayılan WordPress işlevselliğini kullanın; Uygun eklentiyi yükleyin veya kodla ellerinizi kirletin. Ardından, bu üç yaklaşımı kullanarak bir WordPress menüsünün nasıl oluşturulacağını göstereceğiz.
Birçok durumda burada ana navigasyonu görmeyecek olsanız da, burası sosyal bağlantılar, blog yazısı arşivleri ve daha fazlası için geleneksel bir yerdir. WordPress Özel Menüsü Nasıl Yapılır (3 Yöntem) Bir WordPress menüsü yapmak, uzmanlık düzeyinize bakılmaksızın mantıksız bir işlemdir. Çalışmayı tamamlamanın üç ana yolu vardır: varsayılan WordPress işlevselliğini kullanın; Uygun eklentiyi yükleyin veya kodla ellerinizi kirletin. Ardından, bu üç yaklaşımı kullanarak bir WordPress menüsünün nasıl oluşturulacağını göstereceğiz.
1. WordPress menüsünüzün bir menü oluşturmanıza yardımcı olacak varsayılan bir aracı olması için varsayılan WordPress işlevini kullanın. WordPress Yöneticisi’ndeki özel ekran, en son kullanıcılar hariç herkes için aşina olacaktır.
WordPress menü ekranı.
Tabii ki, WordPress menünüzü yapmak için orijinal işlevselliği kullanmanın birçok faydası vardır. Yeni başlayanlar için sitenizle tam uyumluluğunuz var. Ayrıca, tanıdık bir arayüz ve orijinal araçlar kullanarak bir menü yapabilirsiniz. Oraya ulaşmak için WordPress: WordPress menü bağlantısında görünüm> menü sayfasını açın.
WordPress menü ekranı.
Tabii ki, WordPress menünüzü yapmak için orijinal işlevselliği kullanmanın birçok faydası vardır. Yeni başlayanlar için sitenizle tam uyumluluğunuz var. Ayrıca, tanıdık bir arayüz ve orijinal araçlar kullanarak bir menü yapabilirsiniz. Oraya ulaşmak için WordPress: WordPress menü bağlantısında görünüm> menü sayfasını açın.
Bu ekran birkaç farklı parçaya ayrılmıştır. Üstte, geçerli menüyü seçme veya yeni bir menü oluşturma seçeneğini bulacaksınız:
Açılır menü seçenekleri.
Açılır menü seçenekleri.
Yeni bir menü oluşturmaya karar verirseniz, Menü Ayarları bölümünü adlandırın ve kontrol edin:
“Menü Ayarları” bölümü.
“Menü Ayarları” bölümü.
Burada birçok onay kutusu var, ancak iki ana karar vermelisiniz:
En üst düzey sayfayı menüye otomatik olarak ekleyin. Burada “Üst Seviye”, WordPress’te oluşturduğunuz diğer sayfaların bir türevi olmayan sayfası anlamına gelir. Örneğin, blog girişleri üst düzey sayfalar değildir, çünkü çoğu durumda bir ana arşiv sayfası (örn. /Blog) olacaktır. Öte yandan, genellikle bir üst sayfaları olmadığı için iletişim sayfaları genellikle en üst düzeydedir.
En üst düzey sayfayı menüye otomatik olarak ekleyin. Burada “Üst Seviye”, WordPress’te oluşturduğunuz diğer sayfaların bir türevi olmayan sayfası anlamına gelir. Örneğin, blog girişleri üst düzey sayfalar değildir, çünkü çoğu durumda bir ana arşiv sayfası (örn. /Blog) olacaktır. Öte yandan, genellikle bir üst sayfaları olmadığı için iletişim sayfaları genellikle en üst düzeydedir.
Menü konumu. Her temanın kendi menü konumu olacaktır. Tema çekirdek dosyanızı değiştirmediğiniz sürece, tema geliştiricisi bu menünün konumunu zor kodladı. Bazı temalar bunu ayarlarında ayarlamanıza olanak tanır.
Hazır olduktan sonra Menü Oluştur düğmesini tıklayın. Ekran yenilenecek ve yeni bir menüde olduğunuzu gösterecektir. Ardından, ekranın sol tarafına bakın:
Menü Öğesi Menü Menü Menüsü.
Bu ekran, sitenize bağlanabilecek tüm yayınları, sayfaları, taksonomiyi ve diğer varlıkları içerir. Soldaki kutuyu kontrol ederek menünüzü oluşturun, ardından menüye ekle düğmesini tıklayarak. Menü ekranının ortasına taşır: Menü yapısındaki öğeleri sürükleyin ve bırakın.
Burada, menü öğesini onun yerine çekebilir ve kaldırabilirsiniz. Her öğenin yanındaki genişletme okuna tıklarsanız, menü öğeniz için bir etiket de ayarlayabilir veya silebilirsiniz:
Hazır olduktan sonra Menü Oluştur düğmesini tıklayın. Ekran yenilenecek ve yeni bir menüde olduğunuzu gösterecektir. Ardından, ekranın sol tarafına bakın:
Menü Öğesi Menü Menü Menüsü.
Bu ekran, sitenize bağlanabilecek tüm yayınları, sayfaları, taksonomiyi ve diğer varlıkları içerir. Soldaki kutuyu kontrol ederek menünüzü oluşturun, ardından menüye ekle düğmesini tıklayarak. Menü ekranının ortasına taşır: Menü yapısındaki öğeleri sürükleyin ve bırakın.
Burada, menü öğesini onun yerine çekebilir ve kaldırabilirsiniz. Her öğenin yanındaki genişletme okuna tıklarsanız, menü öğeniz için bir etiket de ayarlayabilir veya silebilirsiniz:
Genişleyen menü öğeleri.
Menüyü Kaydet’i tıkladıktan sonra, yapmaya hazırsınız. Ancak, ekranın üst kısmındaki ekran seçeneği menüsünü genişletirseniz, WordPress menünüzle yapabileceğiniz daha fazlası vardır:
Menüyü Kaydet’i tıkladıktan sonra, yapmaya hazırsınız. Ancak, ekranın üst kısmındaki ekran seçeneği menüsünü genişletirseniz, WordPress menünüzle yapabileceğiniz daha fazlası vardır:
Ekran Seçenek Paneli.
Ekran öğesi grubu, Sol taraftaki Meta menü kutusunu görüntülemenizi sağlar. Tersine, grup gelişmiş menü özelliğini görüntüler, listeler için hedef bağlantıları, açıklamaları ve CSS sınıflarını görüntüler. Menü ekranının dikkat edilmesi gereken bir yönü daha var. Özel bağlantı kutusu, sitenizde önceden belirlenmiş bir sayfa değil, istediğiniz bağlantıyı ayarlamanıza olanak tanır:
Ekran öğesi grubu, Sol taraftaki Meta menü kutusunu görüntülemenizi sağlar. Tersine, grup gelişmiş menü özelliğini görüntüler, listeler için hedef bağlantıları, açıklamaları ve CSS sınıflarını görüntüler. Menü ekranının dikkat edilmesi gereken bir yönü daha var. Özel bağlantı kutusu, sitenizde önceden belirlenmiş bir sayfa değil, istediğiniz bağlantıyı ayarlamanıza olanak tanır:
Özel bağlantı meta kutusu.
Bu seçenek, WordPress menünüze nasıl sosyal medya bağlantıları ekleyebileceğinizdir. Platform, seçtiğiniz siteye göre sizin için doğru simgeyi çekecektir, seçtiğiniz site için logoyu iyi görüntüleme fırsatı verecektir.
Bu seçenek, WordPress menünüze nasıl sosyal medya bağlantıları ekleyebileceğinizdir. Platform, seçtiğiniz siteye göre sizin için doğru simgeyi çekecektir, seçtiğiniz site için logoyu iyi görüntüleme fırsatı verecektir.
2. Özel bir WordPress menüsü oluşturmak için bir eklenti kullanın, eklenti üzerinden WordPress’e işlevsellik eklemek için doğrudan doğrudan bir çözüm. Önceki bölüm, orijinal WordPress seçeneğinin neden ihtiyacınız olan her şey olduğunu tartıştı, ancak eklenti işlevselliği genişletebilir. Bir WordPress menüsü oluşturmak için özel (ve ek) bir eklentiye ihtiyacınız olup olmadığı bir soru var, ancak bunu yapmak için birçok iyi neden var. Yeni başlayanlar için, genellikle varsayılan ayarlar altında erişemeyeceğiniz bir stile dayalı bir menü oluşturacaksınız. Özel duyarlı tasarım, “mega menü” ve daha fazlası eklentiler aracılığıyla sizin için kullanılabilir. Dahası, özel bir düzenleyici kullanarak bir menü oluşturabilir ve birçok durumda Prasetel şablonundan seçim yapabilirsiniz. Geniş bir ayarlama seçeneği ile birleştiğinde, siteniz için işlev gören bir WordPress menüsü sağlayacak bir “Kodsuz” çözümünüz var. Örneğin, Max Mega Menü eklentisi, elde edebileceğiniz herhangi bir sürpriz vermez: Max Mega Menü eklentisi.
Kurulduktan ve etkinleştirildikten sonra, WordPress’te yeni bir mega menü paneli bulacaksınız:
Kurulduktan ve etkinleştirildikten sonra, WordPress’te yeni bir mega menü paneli bulacaksınız:
WordPress konum menüsü.
Menü konumunun ekranını görürseniz, kullanabileceğiniz daha fazla ayar olduğunu göreceksiniz:
Max mega menü için ekran konumu menüsü.
Menü konumunun ekranını görürseniz, kullanabileceğiniz daha fazla ayar olduğunu göreceksiniz:
Max mega menü için ekran konumu menüsü.
Ayrıca menü temalarını da uygulayabilir ve piyasadaki en iyi sayfa yapımcılarına benzer bir kapsama alanını düzenleyebilirsiniz:
Max Mega Menüde Menü Tema Ekranı.
Max Mega Menüde Menü Tema Ekranı.
Kendimizi tekrar edeceğimize rağmen, burada keşfedebileceğimiz çok daha fazlası var. WordPress menü eklentisi hakkındaki önceki yayınlarımızı kontrol etmenizi öneririz. Sizin için doğru eklentiyi nasıl seçeceğiniz ve nasıl kullanılacağı hakkında ayrıntılı olarak tartışıyoruz. Bültenlere kaydolun
Trafiğimizi%1000’den fazla nasıl artırdığımızı bilmek ister misiniz? Haftalık bültenimizi içerideki WordPress insanlar hakkında ipuçlarıyla alan 20.000’den fazla insana katılın!
Trafiğimizi%1000’den fazla nasıl artırdığımızı bilmek ister misiniz? Haftalık bültenimizi içerideki WordPress insanlar hakkında ipuçlarıyla alan 20.000’den fazla insana katılın!
Şimdi abone olun
3. Bir WordPress özel menüsü oluşturmak için kodu yazın Kendi WordPress menünüzü kodlarsınız, cesur olanlar için hedefinize ulaşmanın güvenilir bir yoludur (veya yeni bir WordPress teması oluşturan bir geliştiriciyseniz). Tabii ki, bir menü eklemek için her gün kod düzenleyicisini açmayacaksınız. Bunun için orijinal WordPress’i (veya belki eklentiyi) kullanacaksınız. Bu nedenle, temayı geliştirmek istiyorsanız, WordPress menü kodunun nasıl oluşturulacağını öğrenmek önemli bir gereksinimdir. Başarı için dört bölüm vardır:
3. Bir WordPress özel menüsü oluşturmak için kodu yazın Kendi WordPress menünüzü kodlarsınız, cesur olanlar için hedefinize ulaşmanın güvenilir bir yoludur (veya yeni bir WordPress teması oluşturan bir geliştiriciyseniz). Tabii ki, bir menü eklemek için her gün kod düzenleyicisini açmayacaksınız. Bunun için orijinal WordPress’i (veya belki eklentiyi) kullanacaksınız. Bu nedenle, temayı geliştirmek istiyorsanız, WordPress menü kodunun nasıl oluşturulacağını öğrenmek önemli bir gereksinimdir. Başarı için dört bölüm vardır:
Menünüzü kaydedin.
Ön uçtaki WordPress menüsünü gösterin.
Menünüzde veya öğenizde ek içerik gösterin.
Arka çağrıyı belirleyin.
Bir kod düzenleyicisiyle yararlı olduğunuzu, iş için bir geliştirme ortamınız olduğunu ve becerilerinizin keskin olduğunu varsayacağız. Yapmanız gereken bir temanız yoksa, varsayılan WordPress seçeneğini kullanabilir veya en hızlı WordPress temalarımızdan birini seçebilirsiniz.
Hazır olduğunuzda, function.php dosya temasını açmak istersiniz.Bunun aynı ada sahip genel WordPress dosyasından farklı olduğunu unutmayın.Burada, menünüzü kaydetmeniz gerekiyor.Başka bir deyişle, görünüm> menüler sayfasında hangi wordpress görüntüleneceğini söylemelisiniz.Bunu yapmak için Rigber_nav_Menus () () işlevini kullanırsınız: function register_my_menus () {register_nav_menus (‘başlık’ => __ (‘başlık menüsü’), ‘diğer’ = __ (‘diğer menü’)));} Add_action (‘init’, ‘register_my_menus’);Bu kod, iki menü görüntülemek için WordPress’teki Locations’ı Yönet sekmesini anlatır: başlık menüsü ve diğer menü: Menüyü WordPress’e kaydedin.
Ardından, menünüzü WP_NAV_MENU () işlevini kullanarak görüntülemeniz gerekir. Bunu menüyü görüntülemek için yerinize uygun şablon dosyasına ekleyeceksiniz. Bizim durumumuzda, başlığı kullanacağız, bu yüzden başlayıcımıza aşağıdaki kodu ekleyeceğiz. Bu kod, diğer menülerinizle birlikte bir IF ifadesine sarılmış olabilir, bu nedenle bulduğunuz kongreyi takip etmelisiniz. Bu noktada, diğer menüler gibi WordPress’te bir menü ile çalışabilirsiniz. Aslında, menü öğenize ek içerik eklemeyi de düşünebilirsiniz. Örneğin, belirtilen diziyi çıktıda oluşturulacak HTML etiketini ekleyecek şekilde genişletebilirsiniz: wp_nav_menu (dizi (‘menü’ => ‘birincil’, ‘link_before’ => ”, ‘link_aft’ => ‘, ); Buradaki son göreviniz bir geri çağrı tanımlamaktır. Varsayılan olarak, WordPress, belirlenmediğinde doldurulmuş bir menü görüntüler. Alternatif olarak WordPress, özel bir menü seçilmediğinde sayfa menüsünü görüntüleyecektir. İstediğiniz eylem değilse, tema kaybı argümanı için farklı parametreleri ayarlayabilir ve ayrıca LObback_CB argümanını ekleyebilirsiniz: wp_nav_menu (dizi (‘menü’ => ‘birincil’, // ilk olmayana geri dönmeyin Interty menü ‘tema_lokasyon’ => ‘__no_such_location’, // wp_page_menu () ‘geri alım_cb’ => false).
Bir WordPress menüsünün nasıl oluşturulacağını anladıktan sonra, işlevselliğini geliştirmeye başlayabilirsiniz. WordPress için özel bir meta menü kutusu oluşturmak için bunu son bölümümüzde göreceğiz. WordPress menünüz, yüksek bir arama sırası almak ve ziyaretçileri sitede tutmak için bir ‘cephe’ aracıdır. Bu kılavuzla işlevselliğinizi nasıl geliştireceğinizi öğrenin WordPress menünüzü nasıl artıracağınız için tıklayın Bu bölüm devam ettiğinden, devam etmeden önce bazı varsayımlar yapacağız: E-Niaga web siteniz için çok hızlı, güvenilir ve tamamen güvenli olan barındırma ihtiyacımız var ? Kinsta, tüm bunları ve WooCommerce uzmanlarının 7/24 dünya standartlarında desteği sunmaktadır. Planımıza bakın
PHP kullanarak bir WordPress menüsünün nasıl oluşturulacağını biliyorsunuz.
PHP becerileriniz birkaç gelişmiş konu izleyecek kadar iyidir.
WordPress eklentilerini nasıl kaydedeceğinizi ve başlatacağınızı biliyorsunuz.
Ön uçtaki WordPress menüsünü gösterin.
Menünüzde veya öğenizde ek içerik gösterin.
Arka çağrıyı belirleyin.
Bir kod düzenleyicisiyle yararlı olduğunuzu, iş için bir geliştirme ortamınız olduğunu ve becerilerinizin keskin olduğunu varsayacağız. Yapmanız gereken bir temanız yoksa, varsayılan WordPress seçeneğini kullanabilir veya en hızlı WordPress temalarımızdan birini seçebilirsiniz.
Hazır olduğunuzda, function.php dosya temasını açmak istersiniz.Bunun aynı ada sahip genel WordPress dosyasından farklı olduğunu unutmayın.Burada, menünüzü kaydetmeniz gerekiyor.Başka bir deyişle, görünüm> menüler sayfasında hangi wordpress görüntüleneceğini söylemelisiniz.Bunu yapmak için Rigber_nav_Menus () () işlevini kullanırsınız: function register_my_menus () {register_nav_menus (‘başlık’ => __ (‘başlık menüsü’), ‘diğer’ = __ (‘diğer menü’)));} Add_action (‘init’, ‘register_my_menus’);Bu kod, iki menü görüntülemek için WordPress’teki Locations’ı Yönet sekmesini anlatır: başlık menüsü ve diğer menü: Menüyü WordPress’e kaydedin.
Ardından, menünüzü WP_NAV_MENU () işlevini kullanarak görüntülemeniz gerekir. Bunu menüyü görüntülemek için yerinize uygun şablon dosyasına ekleyeceksiniz. Bizim durumumuzda, başlığı kullanacağız, bu yüzden başlayıcımıza aşağıdaki kodu ekleyeceğiz. Bu kod, diğer menülerinizle birlikte bir IF ifadesine sarılmış olabilir, bu nedenle bulduğunuz kongreyi takip etmelisiniz. Bu noktada, diğer menüler gibi WordPress’te bir menü ile çalışabilirsiniz. Aslında, menü öğenize ek içerik eklemeyi de düşünebilirsiniz. Örneğin, belirtilen diziyi çıktıda oluşturulacak HTML etiketini ekleyecek şekilde genişletebilirsiniz: wp_nav_menu (dizi (‘menü’ => ‘birincil’, ‘link_before’ => ”, ‘link_aft’ => ‘, ); Buradaki son göreviniz bir geri çağrı tanımlamaktır. Varsayılan olarak, WordPress, belirlenmediğinde doldurulmuş bir menü görüntüler. Alternatif olarak WordPress, özel bir menü seçilmediğinde sayfa menüsünü görüntüleyecektir. İstediğiniz eylem değilse, tema kaybı argümanı için farklı parametreleri ayarlayabilir ve ayrıca LObback_CB argümanını ekleyebilirsiniz: wp_nav_menu (dizi (‘menü’ => ‘birincil’, // ilk olmayana geri dönmeyin Interty menü ‘tema_lokasyon’ => ‘__no_such_location’, // wp_page_menu () ‘geri alım_cb’ => false).
Bir WordPress menüsünün nasıl oluşturulacağını anladıktan sonra, işlevselliğini geliştirmeye başlayabilirsiniz. WordPress için özel bir meta menü kutusu oluşturmak için bunu son bölümümüzde göreceğiz. WordPress menünüz, yüksek bir arama sırası almak ve ziyaretçileri sitede tutmak için bir ‘cephe’ aracıdır. Bu kılavuzla işlevselliğinizi nasıl geliştireceğinizi öğrenin WordPress menünüzü nasıl artıracağınız için tıklayın Bu bölüm devam ettiğinden, devam etmeden önce bazı varsayımlar yapacağız: E-Niaga web siteniz için çok hızlı, güvenilir ve tamamen güvenli olan barındırma ihtiyacımız var ? Kinsta, tüm bunları ve WooCommerce uzmanlarının 7/24 dünya standartlarında desteği sunmaktadır. Planımıza bakın
PHP kullanarak bir WordPress menüsünün nasıl oluşturulacağını biliyorsunuz.
PHP becerileriniz birkaç gelişmiş konu izleyecek kadar iyidir.
WordPress eklentilerini nasıl kaydedeceğinizi ve başlatacağınızı biliyorsunuz.
Bu, bu makalenin kapsamı dışındadır, ancak yeni bir standart eklenti şablonu oluşturmak için WordPress eklentisi Bolarplate jeneratörünü kullanabilirsiniz.
WordPress eklentisi Bolarplate Jenerator.
Hazır olduğunuzda, eklentinizi WordPress’e yapın ve yükleyin:
Yeni eklenti WordPress’e yüklendi.
Ardından, eklenti klasörüne gidin ve ana dosyayı açın. Burada, aşağıdaki kodu ekleyin:/** * Meta kutusu menüsü ekle * * @param nesnesi $ Nesne Meta kutusu nesnesi * @ink https://deceloper.wordpress.org/reference/fonction/add_meta_box/ */function Custom_add_Menu_meta_box ( $ object) {add_meta_box (‘custom-menu-metabox’, __ (‘yazar’), ‘Custom_menu_meta_box’, ‘nav -us’, ‘yan’, ‘varsayılan’); $ Nesne döndür; } add_filter (‘nav_menu_meta_box_object’, ‘Custom_add_menu_meta_box’, 10, 1); Add_meta_box () WordPress işlevi, WordPress yöneticisine meta kutusunu kaydeder. Resmi belgelere başvurmak istediğiniz birkaç argüman vardır. Ayrıca NAV_MENU_META_MOX_OBJECT () filtresini kullanıyoruz çünkü Nav -us.php dosyasında bağlanacak bir işlem yok. Bu ifade, nesne türü için Meta öğe menü kutusunun eklenmediğini belirler. Filtre çalıştığında, add_meta_box özel bir meta kutu kaydeder. Bir sonraki dönüş çağrısı işlevini tanımlayarak, meta kutusu için HTML içeriği üretmek için Dönüş Çağrısı işlevini tanımlayabiliriz: /*** Bir yazar menüsü için bir Metabox görüntüler. * * @global int | String $ NAV_MENU_SELEDTED_ID (ID, NAME veya SLUG) şu anda seçilmiş menünün */ function_menu_meta_box () {global $ nav_menu_seseluted_id; $ walker = new walker_nav_menu_checklist ();
…} Global Değişken Geçerli menü kimliğini göz önünde bulundururken, $ Walker Walker_NAV_MENU_CHECKLIST nesnesinden yeni örnekleri saklar. HTML öğe menüsünün bir listesini oluşturacaktır. Buradan, Özel Meta kutusundaki etkin sekmeyi belirlemeliyiz. Bunu yapmak için, önceki kod bloğunda ayarlanan bir Ellipsis’te çalışan $ current_tab değeri belirledik. Burada iki sekme kullanıyoruz, ancak ihtiyacınız olduğu kadar ekleyebilirsiniz: $ current_tab = ‘all’; if (isset ($ _Request [‘authorfivive-tab’])) && ‘yöneticiler’ == $ _request [‘authorfivive-tab’]) {$ current_tab = ‘admins’; } elseif (isset ($ _request [‘authorramerarch-tab’]) && ‘all’ == $ _request [‘authorramerarch-tab’]) {$ current_tab = ‘all’; } Aşağıdaki satırlar doğru yazma ile tüm kullanıcıları alacak ve nesneye birçok özellik ekleyecektir. > ‘Yazarlar’)); $ yöneticiler = array (); / * Gerekli öğe özelliklerine değer ayarlar */ foreach ($ yazar olarak & $ yazar) {$ yazar-> classses = array (); $ yazar-> type = ‘özel’; $ yazar-> object_id = $ yazar-> takma ad; $ yazar-> başlık = $ yazar-> takma ad. ‘ -‘. improde (‘,’, $ yazar-> roller); $ yazar-> object = ‘özel’; $ yazar-> url = get_author_posts_url ($ yazar-> id); $ yazar-> attr_title = $ yazar-> displayName; if ($ yazar-> Has_cap (‘edit_users’))) {$ yöneticiler [] = $ yazar; }} $ Removed_args = Array (‘Action’, ‘CustomLink-Tab’, ‘Düzenle miem-item’, ‘menü-öğe’, ‘sayfa-örgü’, ‘,’
_wpnonce ‘); ?> Burada, get_users, belirtilen parametre tarafından seçilen $ kullanıcı nesnesi dizisini döndürür. DSÖ parametreleri, WordPress’i yazma hakkı olan kullanıcılar için veritabanları istemeye zorlayacaktır. Ayrıca, $ admin hattı yazarın dizisini kaydederken, $ Removed_args silinecek sorgu değişkenlerinin bir listesini kaydedecektir. Artık meta kutu işaretlemesini yazdırabilirsiniz. Bunu yapmak için bir sekme etiketi ve bağlantı yapalım.
<li > <a class = "nav-tab-link" data-type = "sekmeler-panel-authararchive-ales" href = "#tabs-panel-authorarchive-all “>
<li > <a class = "nav-tab-link" data-type = "sekmeler-panel-sutarchive-admins" href = "
Meta kutusu öğesine sınıf adını, kimliğini ve doğru veri özniteliklerini belirlemeyi unutmayın;
Değilse, menü beklendiği gibi çalışmaz.add_query_arg ve remover_query_arg Authorrasis-aysının özel bir değerini, otorite-ays değişkenini ayarlayın ve gereksiz değişkenleri silin.Bu noktada, belirli bir sekmeye sahip bir meta kutumuz var: sekme yazarın meta kutusunda doldurulmaz.
Bir sonraki adımımız bir HTML sekmesi içeriği oluşturmaktır. Meta Kutusu sekmesi için HTML İçeriği Oluşturma Bir önceki bölümdeki kodu izlemek isteyeceksiniz, Custom_menu_meta_box () () () () Fonksiyon sekmesinde. İçerik oluşturmak için, son bölümde yazdığınız
etiketinde aşağıdakileri kullanın: <div class = "sekmeler-panel panel-view-all “>
$ walker)); ?>
<div class = "sekmeler-panel sekmeleri-panel-view-admins “>
> $ walker)); ?> Kısacası, her sekme bir onay kutuları listesi içerir. Function walk_nav_menu_tree () üç argüman kullanarak bir liste attı: $ öğeler, $ derinlik ve $ r – hepsi gerekli. Dizi $ öğeler depolama yönetici kullanıcı dizileri. Array_map () işlevi wp_setup_nav_menu_item () işlevini $ admin to to to to to dizil öğesine ekler. Yazarın meta kutusu kullanıcılarla dolu.
Hazır olduğunuzda, eklentinizi WordPress’e yapın ve yükleyin:
Yeni eklenti WordPress’e yüklendi.
Ardından, eklenti klasörüne gidin ve ana dosyayı açın. Burada, aşağıdaki kodu ekleyin:/** * Meta kutusu menüsü ekle * * @param nesnesi $ Nesne Meta kutusu nesnesi * @ink https://deceloper.wordpress.org/reference/fonction/add_meta_box/ */function Custom_add_Menu_meta_box ( $ object) {add_meta_box (‘custom-menu-metabox’, __ (‘yazar’), ‘Custom_menu_meta_box’, ‘nav -us’, ‘yan’, ‘varsayılan’); $ Nesne döndür; } add_filter (‘nav_menu_meta_box_object’, ‘Custom_add_menu_meta_box’, 10, 1); Add_meta_box () WordPress işlevi, WordPress yöneticisine meta kutusunu kaydeder. Resmi belgelere başvurmak istediğiniz birkaç argüman vardır. Ayrıca NAV_MENU_META_MOX_OBJECT () filtresini kullanıyoruz çünkü Nav -us.php dosyasında bağlanacak bir işlem yok. Bu ifade, nesne türü için Meta öğe menü kutusunun eklenmediğini belirler. Filtre çalıştığında, add_meta_box özel bir meta kutu kaydeder. Bir sonraki dönüş çağrısı işlevini tanımlayarak, meta kutusu için HTML içeriği üretmek için Dönüş Çağrısı işlevini tanımlayabiliriz: /*** Bir yazar menüsü için bir Metabox görüntüler. * * @global int | String $ NAV_MENU_SELEDTED_ID (ID, NAME veya SLUG) şu anda seçilmiş menünün */ function_menu_meta_box () {global $ nav_menu_seseluted_id; $ walker = new walker_nav_menu_checklist ();
…} Global Değişken Geçerli menü kimliğini göz önünde bulundururken, $ Walker Walker_NAV_MENU_CHECKLIST nesnesinden yeni örnekleri saklar. HTML öğe menüsünün bir listesini oluşturacaktır. Buradan, Özel Meta kutusundaki etkin sekmeyi belirlemeliyiz. Bunu yapmak için, önceki kod bloğunda ayarlanan bir Ellipsis’te çalışan $ current_tab değeri belirledik. Burada iki sekme kullanıyoruz, ancak ihtiyacınız olduğu kadar ekleyebilirsiniz: $ current_tab = ‘all’; if (isset ($ _Request [‘authorfivive-tab’])) && ‘yöneticiler’ == $ _request [‘authorfivive-tab’]) {$ current_tab = ‘admins’; } elseif (isset ($ _request [‘authorramerarch-tab’]) && ‘all’ == $ _request [‘authorramerarch-tab’]) {$ current_tab = ‘all’; } Aşağıdaki satırlar doğru yazma ile tüm kullanıcıları alacak ve nesneye birçok özellik ekleyecektir. > ‘Yazarlar’)); $ yöneticiler = array (); / * Gerekli öğe özelliklerine değer ayarlar */ foreach ($ yazar olarak & $ yazar) {$ yazar-> classses = array (); $ yazar-> type = ‘özel’; $ yazar-> object_id = $ yazar-> takma ad; $ yazar-> başlık = $ yazar-> takma ad. ‘ -‘. improde (‘,’, $ yazar-> roller); $ yazar-> object = ‘özel’; $ yazar-> url = get_author_posts_url ($ yazar-> id); $ yazar-> attr_title = $ yazar-> displayName; if ($ yazar-> Has_cap (‘edit_users’))) {$ yöneticiler [] = $ yazar; }} $ Removed_args = Array (‘Action’, ‘CustomLink-Tab’, ‘Düzenle miem-item’, ‘menü-öğe’, ‘sayfa-örgü’, ‘,’
_wpnonce ‘); ?> Burada, get_users, belirtilen parametre tarafından seçilen $ kullanıcı nesnesi dizisini döndürür. DSÖ parametreleri, WordPress’i yazma hakkı olan kullanıcılar için veritabanları istemeye zorlayacaktır. Ayrıca, $ admin hattı yazarın dizisini kaydederken, $ Removed_args silinecek sorgu değişkenlerinin bir listesini kaydedecektir. Artık meta kutu işaretlemesini yazdırabilirsiniz. Bunu yapmak için bir sekme etiketi ve bağlantı yapalım.
<li > <a class = "nav-tab-link" data-type = "sekmeler-panel-authararchive-ales" href = "#tabs-panel-authorarchive-all “>
<li > <a class = "nav-tab-link" data-type = "sekmeler-panel-sutarchive-admins" href = "
Meta kutusu öğesine sınıf adını, kimliğini ve doğru veri özniteliklerini belirlemeyi unutmayın;
Değilse, menü beklendiği gibi çalışmaz.add_query_arg ve remover_query_arg Authorrasis-aysının özel bir değerini, otorite-ays değişkenini ayarlayın ve gereksiz değişkenleri silin.Bu noktada, belirli bir sekmeye sahip bir meta kutumuz var: sekme yazarın meta kutusunda doldurulmaz.
Bir sonraki adımımız bir HTML sekmesi içeriği oluşturmaktır. Meta Kutusu sekmesi için HTML İçeriği Oluşturma Bir önceki bölümdeki kodu izlemek isteyeceksiniz, Custom_menu_meta_box () () () () Fonksiyon sekmesinde. İçerik oluşturmak için, son bölümde yazdığınız
etiketinde aşağıdakileri kullanın: <div class = "sekmeler-panel panel-view-all “>
$ walker)); ?>
<div class = "sekmeler-panel sekmeleri-panel-view-admins “>
> $ walker)); ?> Kısacası, her sekme bir onay kutuları listesi içerir. Function walk_nav_menu_tree () üç argüman kullanarak bir liste attı: $ öğeler, $ derinlik ve $ r – hepsi gerekli. Dizi $ öğeler depolama yönetici kullanıcı dizileri. Array_map () işlevi wp_setup_nav_menu_item () işlevini $ admin to to to to to dizil öğesine ekler. Yazarın meta kutusu kullanıcılarla dolu.
Buradan son bir dokunuş ekleyebiliriz.Gönder düğmesini ve “döndürme” işleme simgesini eklememiz gerekse de, çoğu özel meta kutu için Gönder düğmesini ekleyin.İşte önceki bloktan hemen sonra yerleştirebileceğiniz kısa bir kod parçası:
<a href = " hepsi ‘,’ selectall ‘=> 1,), remit_query_arg ($ removed_args));>#authrasis hepsi’);?> class = “düğme-saniye gönder-add-menu hakları” değer = ”
WordPress’te tamamlanan meta kutu yazarı.
<a href = " hepsi ‘,’ selectall ‘=> 1,), remit_query_arg ($ removed_args));>#authrasis hepsi’);?> class = “düğme-saniye gönder-add-menu hakları” değer = ”
WordPress’te tamamlanan meta kutu yazarı.
