Bir Genesis Child teması için orta başlık widget alanını oluşturun
Genesis’in temalarının çoğu, başlık düzeninin çoğunu tamamlayan ‘başlık sağ’ widget alanı ile gelen çerçevenin/numunenin temasını içerir, ancak orta başlık widget’ın alanının yararlı olabileceği zamanlar vardır, Gönderirken istemciler gerektiren 3 farklı içerik bloğu için içeriği yönetmelidir.
Yukarıdaki düzende, çalışmayı tamamlamak için başlığın doğru widget alanını kullanabilirsiniz, ancak şamandıralı bir dizi CSS kuralının eklenmesi gerekir ve çeşitli boyutlarda medya sorguları, bunun yerine, orta şirketlerin ifadesini kontrol etmek için ek başlıkların orta widget’ı. Başlıklar sosyal medya menülerini ve kişileri barındıracak ve soldaki başlık bölgesi div logoyu idare edecek.Yapmamız gereken ilk şey yeni bir başlık widget’ı kaydetmektir. Widget add_action alanını kaydedin (‘widget_init’, ‘Genesischild_extra_widgets’);
// Yeni widget alanına kaydolun
Genesischild_extra_widgets () {
Genesis_register_idabar (dizi (
‘ID’ => ‘Corporation’,
‘Adı’ => __ (‘orta başlık’, ‘Genesischild’),
‘Açıklama’ => __ (‘Bu orta başlığın alanı’, ‘Genesischild’),
));
} Function.php dosyasında yeni bir widget alanı kaydedin, yukarıdaki işarette başlık-orta kimlikler verdim, bu artık WordPress gösterge paneli> görünüm> widget üzerindeki widget alanında görünecektir. Başlık İşaretleme Olaylarını Kopyala Yeni widget alanını başlıktaki konumlandırmak için orijinal başlığı yeniden oluşturmamız ve yeni başlığın orta alanını başlığın doğru alanından önce yerleştirmemiz gerekiyor. Orijinal işaretleme başlığı Genesis, 885-915 satırları arasındaki di/lib/yapı/header.php çerçevesinde bulunabilir. Genesis_do_header () işlevi {global $ wp_registered_idiaks;
Genesis_markup (çizgi (
‘html5’ => ‘
‘,
‘xhtml’ => ‘
‘,
‘Bağlam’ => ‘alanlar’,
));
DO_ACE (‘Genesis_site_title’);
DO_ACE (‘Genesis_Site_Description’);
echo ”;
if ((isset ($ wp_registered_sidembars [‘başlık-sağ’])) && is_active_ideBar (‘başlık-sağ’))) || Has_raction (‘Genesis_header_right’)) {) {) {) {
Genesis_markup (çizgi (
‘Html5’ => ‘
‘. Genesis_idabar_title (‘başlık-sağ’),
‘xhtml’ => ‘
‘,
‘bağlam’ => ‘başlık-widget alan’,
));
Do_action (‘Genesis_header_right’);
add_filter (‘wp_nav_menu_args’, ‘genesis_header_menu_args’);
add_filter (‘wp_nav_menu’, ‘genesis_header_menu_wrap’);
Dynamic_idarbar (‘gölgelik’);
remove_filter (‘wp_nav_menu_args’, ‘genesis_header_menu_args’);
remove_filter (‘wp_nav_menu’, ‘genesis_header_menu_wrap’);
echo ”;
} Bu kodu kopyalayın ve işlevinizi sopa.
Başlık widget’ı, yeni Remove_aason’un (‘Genesis_head’, ‘Genesis_Do_Header’) yeni etkinliği ekleyin;
// Orta widget başlıklı yeni bir başlık ekleyin
Themeprefix_genesis_do_header işlevi () {
Global $ wp_registered_idiaks;
Genesis_markup (çizgi (
‘html5’ => ‘
‘,
‘xhtml’ => ‘
‘,
‘Bağlam’ => ‘alanlar’,
));
DO_ACE (‘Genesis_site_title’);
DO_ACE (‘Genesis_Site_Description’);
echo ”;
Genesis_widget_area (‘manşetler’, dizi (
‘Önce’ => ‘
‘,
‘=>’
‘, sonra,
));
if ((isset ($ wp_registered_sidembars [‘başlık-sağ’])) && is_active_ideBar (‘başlık-sağ’))) || Has_raction (‘Genesis_header_right’)) {) {) {) {
Genesis_markup (çizgi (
‘Html5’ => ‘
‘. Genesis_idabar_title (‘başlık-sağ’),
‘xhtml’ => ‘
‘,
‘bağlam’ => ‘başlık-widget alan’,
));
Do_action (‘Genesis_header_right’);
add_filter (‘wp_nav_menu_args’, ‘genesis_header_menu_args’);
add_filter (‘wp_nav_menu’, ‘genesis_header_menu_wrap’);
Dynamic_idarbar (‘gölgelik’);
remove_filter (‘wp_nav_menu_args’, ‘genesis_header_menu_args’);
remove_filter (‘wp_nav_menu’, ‘genesis_header_menu_wrap’);
echo ”;
}
}
Yukarıda ayarlanan kodda, yeni widget alanı başlıktan hemen önce konumlandırılmıştır. Yeni başlık-orta widget, ikisi başlık sağ alanına sahip genel ve kendileri için bir benzersiz olan 3 belirtilen CSS sınıfına sahiptir. Kodların alt kısmı, eski başlığı ve ikincisi ekleyecek 2 eylem vardır. Yeni widget’a sahip yeni bir başlık dahildir. Ayrıca yeni başlık işlevinin benzersiz bir adı olmalıdır. Bunu yapmanın başka bir yolu, koda yeni eylemler eklemek ve daha sonra widget’ı eylemin kancasına konumlandırmaktır, fayda daha fazla içerik bağlayabilmenizdir – ancak bu özel örnek için sadece işarete doğrudan bir widget ekliyorum Başlık – Widget boşsa, görüntülenecek bir kod yoktur. CSS Ayarlamaları 2 widget başlık sitesinin yan yana oturmasını sağlamak için bazı CSS iyileştirmeleri gereklidir. Stilinize eklenmesi gerekiyor.css
/*
*Hizalamayı ve uygun yüzde değerini düzenleyin, dolgu gibi CSS öznitelikleri ekleyin
*/
.Site-Header .title-alan {
Genişlik:%25;
}
.Site-Header .Header-Middle {
Genişlik:%25;
Metnin hizalanması: orta;
şamandıra: sol;
}
.Site-Header .Header-Widget-Area {
Genişlik:%50;
}
@Media sadece ekran ve (maksimum genişlik: 767px) {
.Site-Header .title-alan,
.Site-Header .Header-Middle,
.Site-Header .Header-Widget-Area {
Genişlik:%100;
}
Burada, bir dizi 3 başlık ile yüzde tabanlı bir genişlik kullanmayı seçtim. Başlık bölgesi, .Header-Middle ve .Header-Widget bölgesi% 100’e eşit
768 piksel
767px ve alt
