WordPress’e yan çubuk nasıl eklenir »Ana adım için adım adım kılavuz
Bu şablon etiketi, WordPress kenar çubuğu eklemek istediğiniz yere eklenebilir. Ancak WordPress kenar çubuğunu göstermeye başlamadan önce, şablonda çağırmadan önce tema kodunuzda olmasını sağlayacağını öğrenmemiz gerekir. WordPress’e bir kenar çubuğu eklemek için izlemeniz gereken iki ana adım vardır; Bu adımlar şunları içerir: yan bıçakların kaydedilmesi, yan bıçakların aranması, WordPress’e adım adım WordPress’e nasıl ekleneceğini çağırmak, böylece WordPress’e yeni bir kenar çubuğu eklemek veya WordPress’te özel bir kenar çubuğu oluşturmanız için aşağıdaki adımları izlemeniz gerekir:
İlk olarak, WordPress Tema Rezervinizin bir kopyasını yapın
Anne WordPress temasından bir çocuk teması oluşturun ve çocuk temasının bir dosya işlevi olması gerekir.php
Functions.php dosyasında çocuğunuzun temasından, bir kenar çubuğu yapmak için Register_sideBar () işlevini kullanacaksınız.
Bir kenar çubuğu.php dosyası oluşturun ve bu dosyaya dynamic_sidebar () işlevini bu dosyaya ekleyin, bu-dynamic_sidebar (‘kenar çubuğu-1’) gibi kenar çubuğu adıyla, burada kenar çubuğu-1, kaydedilirken eklediğiniz kenar çubuğunun kimliğidir. Kenar çubuğu. Tema şablonu dosyanızda, artık get_idabar () şablon etiketini kullanarak kenar çubuğunu arayabilirsiniz.
Özel bir yan çubuk oluşturduysanız, özel yan çubuğu görüntülemek için Dynamic_sideBar () işlevini kullanabilirsiniz.
WordPress tarafının anatomisi, kenar çubuğunun WordPress’te nasıl çalıştığını derinlemesine anlamak için, kenar çubuğu kodunun çeşitli WordPress tema dosyalarına nasıl yayıldığını öğrenmeniz gerekir.
WordPress tarafının işlevi, WordPress kenar çubuğunun eklenmesiyle ilişkili üç işlevinin şu olduğunu bilmek önemlidir:
Kenar Çubuğu Listesi – Register_sideBar ()
Dinamik Kenar Çubuğu – Dynamic_idabar ()
Tarafı Al – Get_idabar () tarafı Bilah
Sidear Liste – Bu işlevin ilk adımı Rigber_sideBar (), kenar çubuğunu yapan ve File Fonksiyonunda bulunan ilk işlevdir. Function.php dosyanızı açtığınızda, temanızda görüntülenen çeşitli kenar çubuğunu kaydeden bu register_sidebar () işlevini göreceksiniz. Varsayılan yirmi on yedi WordPress temasına gelince, kodun altındaki resimde, temaya kenar çubuklarını kaydeden görebilirsiniz:
Temel olarak, bu işlev, kayıt tarafının işlevinin tarafının parametresini kaydetmek için her şeyi başlatmasıdır. Diziler veya dizeler şeklinde veri şeklinde olabilecek çeşitli argümanlar alan bir işlev olarak bildirilmiştir. Genel olarak, aşağıdaki gibi belirtilebilir: Register_sray (Array | String $ args = Array ()) Aşağıda, WordPress temasında kullanılan Register_ideBak’ın, işleyişte aktarılan diziye farklı parametrelerin eklendiği bir görüntüdür. Fonksiyonun: Bu WordPress işlevi, PHP String veya PHP dizisi şeklinde olabilecek çeşitli kabul edilebilir argümanlara sahiptir. Bu argümanlar şunları içerir: İsim – Bu, bir dize olması gereken yan çubuğun adı veya başlığıdır. ID – Bu, yan çubuğu aramak için Dynamic_IdeBar () işlevini kullanacağınız yan bıçakların benzersiz bir tanımlamasıdır.
Açıklama – Bu, widget arayüzünde ve bir dize şeklinde görüntülenen yan çubuğun bir açıklamasıdır.
Bu sınıf, düzenlemede size yardımcı olacak yan bıçaklara ek CSS sınıfı eklemek için bir argümandır.
Önce_widget – Bu, her bir kenar çubukları yayınlanmadan önce eklenen bir HTML içeriğidir
After_widget-Bu, her kenar çubuğu çıktıktan sonra eklenen bir HTML içeriğidir
Önce_title Bu, görüntülendiğinde kenar çubuğu başlığına eklenecek bir HTML içeriğidir ve varsayılan genellikle HTML etiketi
.
After_title, bu, görüntülendiğinde kenar çubuğu başlığına eklenecek bir HTML içeriğidir ve varsayılan genellikle HTML etiketi
.
Bu işlev Fonksiyon.php dosyasına eklenir ve aşağıda paylaşıldığı gibi eylem kancasını kullanarak WordPress kenar çubuğunu kaydettirir:
Add_action (‘widgets_init’, ‘njengah_tutorial_idiambars’); Kenar çubuğunu kaydetmek için widgets_init etkinliğine bağlanmamız gerekiyor ve bu durumda seçtiğimiz adıyla bir geri arama işlevimiz var. Kenar çubuğunu kaydetmek için aşağıdaki gibidir: __ (‘Örnek Kenar Çubuğu’, ‘Textolinain’),
‘id’ => ‘yan 1’,
‘Açıklama’ => __ (‘Blog yayınlarında ve arşiv sayfalarında kenar çubuğunuzda görünmek için widget’lar ekleyin.’, ‘Textodain’),),
‘Önce_widget’ => ‘‘,
‘After_widget’ => ”,
‘Önce_title’ => ‘
‘,
‘After_title’ => ‘
Bu işlev Fonksiyon.php dosyasına eklenir ve aşağıda paylaşıldığı gibi eylem kancasını kullanarak WordPress kenar çubuğunu kaydettirir:
Add_action (‘widgets_init’, ‘njengah_tutorial_idiambars’); Kenar çubuğunu kaydetmek için widgets_init etkinliğine bağlanmamız gerekiyor ve bu durumda seçtiğimiz adıyla bir geri arama işlevimiz var. Kenar çubuğunu kaydetmek için aşağıdaki gibidir: __ (‘Örnek Kenar Çubuğu’, ‘Textolinain’),
‘id’ => ‘yan 1’,
‘Açıklama’ => __ (‘Blog yayınlarında ve arşiv sayfalarında kenar çubuğunuzda görünmek için widget’lar ekleyin.’, ‘Textodain’),),
‘Önce_widget’ => ‘‘,
‘After_widget’ => ”,
‘Önce_title’ => ‘
‘,
‘After_title’ => ‘
‘,
)
);
}
// aksiyon kancası
Add_action (‘widget_init’, ‘njengah_register_ideBar_tutorial’); Dinamik Kenar Çubuğu – Dynamic_sideBar () işlevinin ikinci adımı artık yukarıdaki ilk adımda kaydettiğimiz kenar çubuğunu çağırıyor ve kod kenar çubuğu.php dosyasına veya sahip olduğumuz kenar çubuğunu görüntülemek istediğimiz diğer dosyalara yerleştirildi. ilk adımda yapıldı.
Dynamic_ideBar () işlevinin genel ifadesi aşağıdaki gibidir: Dynamic_ideBar (int | String $ index = 1) Bu işlev bir tamsayı veya dize bağımsız değişkeni alır ve bu, ilk yan çubuğu kaydederken kullanılan bir ad veya parametre kimliği olabilir adım. Sidebar.php dosyasını açtığınızda, yirmi -yedi Varsayılan WordPress temalarında, aşağıdaki resimde gösterildiği gibi Dynamic_sideBar () işlevini göreceksiniz: Bu durumda, parametre kimliğini Register_sideBar işlevinden parametre kimliğine devam ettiğimizi görebilirsiniz. Kenar çubuğunu varsayılan kenar çubuğu olarak görüntüleyebilmemiz için Dynamic_sidebar işlevi. Aşağıdaki resimde gösterildiği gibi:
Bu yan çubuğu özel bir yan çubuk olarak kaydedersek, dahil edilebilecek herhangi bir tema şablonu dosyasında görüntülenmek için yukarıdaki kodu kullanacağız; Üstbilgiler, altbilgi, beden ve diğerleri. Yani kenar çubuğunu görüntüleme kodu aşağıdaki gibi olmalıdır:
Üçüncü taraf çubuğunu alın Varsayılan bir WordPress Kenar Çubuğu Kayıt yapmanız, bir kenar çubuğu.php dosyası oluşturmanız ve son olarak şablona kenar çubuğunu yüklemek için get_idabak () t şablon etiketini kullanın. Get_idabar, farklı sayfalarda farklı kenar çubuğu görüntülemek için kullanılabilir, çünkü varsayılan olarak işlev kenar çubuğunun adına eşdeğer bir dize bağımsız değişkeni alır. Yukarıdaki adımlarda açıklandığı gibi yanları veya parametre kimliğini kaydetmek için kullandığınız adı. Get_idabar (String $ name = null) Yani ‘Cool Consicture’ adlı bir kenar çubuğunuz varsa, özel sayfa şablonundaki kenar çubuğunu aşağıdaki gibi çağırabilirsiniz: get_idabar (‘Cool-Sidebar’); Her sayfa için birkaç tarafınız da olabilir ve sayfaların her bir tarafını üç tarafımızın olduğu bu kodda olduğu gibi görüntülemek için IF/ELS ifadesini kullanabilirsiniz; Biri ana sayfa, diğeri 404 ve varsayılan yan bıçaklar için: if (is_home ()):
Get_idabar (‘ev’);
elseif (IS_404 ()):
get_idarbar (‘404’);
Değilse:
get_idarBar ();
eğer sona erdi; WordPress yan dosyası, kenar çubuğu kodunun eklendiği yedi genel WordPress tema dosyasının şunlar olduğunu öğrenmek için önemlidir:
Function.php dosyası
sidebar.php dosyası
Sayfalar dosyaları
Dosyaları Gönder
Özel Gönderiler Tür Dosyaları
Footer.php dosyası
header.php dosyası
Kod ayrıca, en yaygın WordPress widget eklentilerinden bazıları gibi yan çubuk widget’ı kaydettiğiniz ve görüntülediğiniz eklentiye eklenebilir. WordPress’in nasıl çalıştığını inceleyen bir WordPress geliştiricisi veya WordPress acemi iseniz, bu dosyaların WordPress kenar çubuğunu ekleme ve görüntüleme ile nasıl ilişkili olduğunu anlamak, profesyonel olmak için iyi bir adım olacaktır. Kenar çubuğu kodunun her WordPress dosyasında kısa bir temada nasıl çalıştığı, üç işlev, aşağıdaki tabloda gösterilen bu dosyaların her birine yerleştirilen WordPress’e kenar çubuğunu ekle: > Function
td> page.php
single.php
Dynamic_ideBar (), get_ideBar ();
dynamic_ideBar (), get_ideBar ();
WordPress'e kenar çubuğu eklemek için: Bu WordPress geliştirme eğitiminde tarif ettiğimiz üç adımı izlemelisiniz: Kayıt - Kayıt Kayıt Kayıt - Functions.php register_idabar () kullanarak
Varsayılan kenar çubuğu/ özel kenar çubuğunu arayın - kenar çubuğunu arayın Varst SideBar için Sidebar.php dosyasındaki ancak veya özel kenar çubuğu Dynamic_sideBar () kullanarak herhangi bir şablon dosyasında arayabilirsiniz.
WP Post şablonlarındaki kenar çubuğunu gösterin - özel sayfaların sayfasında, yayın ve şablonunda ve özel gönderi şablonları, Get_idabar () şablon etiketini () kullanarak kenar çubuğunu çağırabilirsiniz.
Yan çubuğun aşağıdaki WordPress koduna nasıl eklenmesi Örneği, WordPress temasına varsayılan kenar çubuğunu nasıl ekleyeceğiniz kodun bir örneğidir. Kenar çubuğu öğretici kenar çubuğu listesinin adını ilk adım aşağıdaki gibi kaydedeceğiz: /*** Widget alanını kaydedin.
*
* @link https://gist.github.com/njengah/010453c11d170df9b9c8de2f31954a5d
*/
Njengah_register_sidabar_tororial () işlev ()
// Kenar çubuğu işlevini kaydedin - https://developer.wordpress.org/reference/fonctions/register_idabar/
Dernek (
'Adı' => __ ('Humbear öğretici kenar çubuğu', 'Texddomain'),
'Id' => 'njengah-consing-default',
'Açıklama' => __ ('Blog yayınlarında ve arşiv sayfalarında kenar çubuğunuzda görünmek için widget'lar ekleyin.', 'Textodain'),),
'Önce_widget' => '',
'After_widget' => '',
'Önce_title' => '
',
'After_title' => '
',
)
);
}
Add_action ('widget_init', 'njengah_register_ideBar_tutorial'); Sonuçlar, aşağıdaki resimde gösterildiği gibi ekran> widget'ın altındaki WordPress kontrol panelimizde görülecektir:
Sidebar.php veya dizin dosyasındaki sidebar.php dosyasındaki varsayılan kenar çubuğunu arayın, kenar çubuğunu aşağıdaki gibi çağırabiliriz: if (! Is_active_idebar ('njengah-unfaul-dafult')) {) {) {) {
dönüş;
}
