WordPress’teki Genesis Framework’ün Sıfırdan Genesis Çocuk Temaları Yaratmak
HTML5, widget altbilgisi, özel arka plan ve tabletlerde/mobil cihazlarda duyarlı tasarıma izin veren görünüm ayarları etkinleştirme de dahil olmak üzere, ana temaya benzeyen Genesis çerçevesinin başlangıcından itibaren Genesis Çocuk Teması Nasıl Yapılır. İlk olayın çerçevesini yükleyin Genesis çerçevesini alın ve temaları kontrol paneli, görünüm> yükleme üzerinden WordPress’e yükleyin.
Yükledikten sonra temayı etkinleştirmeyin, çünkü çocuğun teması yapılacak ve etkinleştirilecektir. Ayrıca sıradan bir kural olarak, Çerçeve güncellendiğinde düzenlemeniz üzerine yazılacağından Genesis’te temel dosyayı düzenlemeyin.Tamam bir çocuk teması oluşturun, bu yüzden önce diğer WordPress Children temasıyla aynı şekilde bir çocuk teması yapın. Burada ‘Genesischild’ adını kullanıyoruz ve klasörlerin yapılması gerekiyor; ‘Genesischild’ di /wp-concent /temaları /’Style.css’ dosyasıyla aşağıdaki içerikle: /*
Temanın Adı: Genesischild
URI teması: https://wpbeaches.com
Açıklama: neil gee tarafından tasarlandı.
Yazar: Neil Gee
Sürüm: 1.0.0
Şablon: Genesis
Etiketler: Genesis’ten Çocuk
*/
@Import URL (‘../ Genesis/ Style.css’); Bu, ilan edilmesi önemli olan tüm zorunlu alanlara tema ve şablon adları olan çocuk temalarının standart bir beyanıdır. Bundan sonra WordPress kontrol panelindeki görünüm> temalarla etkinleştirebilirsiniz. Ekran görüntüsünde tema simgesi görüntüsünün bir kopyasını almak için. Ebeveynler ve Çocuklar Teması arasındaki fark Genesis Framework Ebeveyn ve Çocuk Temasının gösterilmesinde büyük bir fark vardır – diğer çocuk temalarıyla, çocuk teması ebeveynlerinin görünümünü ve hissini alır, ancak Genesis Çocuk Teması başlangıçta görünür Crapola’nın bir dizi özellik olarak etkinleştirilmesi gerekiyor.
İyi görünüyor, Genesis Framework Ebeveyn Teması – HTML 5, Duyarlı ve Widget etkinleştirilir. Genesis Çocuk Temaları Çocuk varsayılan Genesis, HTML5 olarak oluşturulmaz ve ana ile aynı CSS kullanılarak piksel sayfasının genişliği ile aynı yapısal düzeni göstermez – omurganın kaldırıldığı görülmektedir. Bunun nedeni, bu özelliklerin çocuk temasında etkinleştirmeniz gereken tema desteğidir. Geliştirilmesi gereken şeyler Kopyala/Yapıştır ilk ana CSS, CSS üst kodunu stil.CSS çocuklarına kopyalamak/yapıştırmaktır. Her şey için tema ve Genesis arttığında CSS’ye yapılan güncellemelerden etkilenmeyen tema, bu şu anda diğer sorunları değiştirmeyecek, ancak gelecekte çocukların temasını kanıtlayacak, ancak satıcı Studiopress The Genesis tarafından önerilecek. Bunu stilde silin.css Çocuğunuzun temasını @import url (‘/genesis/style.css ‘); Ardından, ana stil.css dosyasındaki her şeyi /* İçindekiler tablosundan dosyanın sonuna kopyalayın: /* İçindekiler Tablosunun Eylem ve Filtre Kancaları ve Fonksiyonları Anne Framework teması gibi şeyleri çalıştırmak için bir işlev oluşturmanız gerekir. PHP dosyası çocuğunuzun temasındaki ve bazı add_theme_support işlevlerini taşımaya başlayın. Genesis çocuklarının temalarının çoğu aşağıdakilerle başlar: <? Php // Motoru açın
need_once (get_template_directory (). '/lib/init.php'); Genesis'in çerçevesine ve işlevine /lib/init.php adresinden erişilir, eğer bu dosyanın temel olarak ana Genesis temasının bir işlev dosyası olduğunu görürseniz, File Fonksiyon.php Parent aslında aynı dosyayı çağırır. Ancak bu hala düzen problemini çözmeyecek.
Genesis /lib /init /.php ana dosyasına bakarsak, temanın HTML5 widget'ı, görünüm portu ve altbilgisini desteklemesinin nedeni, neden 66-73 satırında görüntülenirse, bu temanın destek fonksiyonu çocuğun teması için devre dışı bırakılır. , neden böyle kuruluyor Bilmiyorum Garip! çocuğumuzun teması.
Sebeplerden biri, Genesis'in XHTML ve HTML5'in yapısını da destekleyen mevcut sürümden önceki çerçeveyi desteklemek için tekrar uyumlu olmasıdır, bu nedenle tema destek işlevinin yalnızca web sitesinin gereksinimlerine bağlı olarak etkinleştirilmesi gerekir.
//* Genesis aktifse html5, widget viewport ve duyarlı altbilgi etkinleştir
if (! Is_child_theme ()) {
add_theme_support (‘html5’);
add_theme_support (‘Genesis’e duyarlı-viewport’);
Add_theme_support (‘Genesis-Footer-Widget’, 3);} Öyleyse bunu işlevlere ekleyelim.php çocuğumuzun temasını dosyalayın: <? Php
// motoru aç
need_once (get_template_directory (). '/lib/init.php');
add_theme_support ('html5');
add_theme_support ('Genesis'e duyarlı-viewport');
add_theme_support ('Genesis-Footer-Widget', 3); Bu yüzden burada HTML5 ve işaretleme öğeleri için destek ekliyoruz, kafadaki meta etiket görünüm alanı, sitenin cihazın genişliğinde oluşturulmasını sağlayan ve 3 altbilgi widget'ının altta yerleştirilmeye hazır olması için destek ekliyoruz. sayfanın.
Çok daha iyi görünüyor
Çocuğun Genesis temasını hazırlamak için tercih edilen bir diğer yaklaşım, ebeveyn ve çocuk temasının işlevi yüklendikten sonra çocuklarımızın tüm işlevlerini içermemizi sağlayan Genesis_Setup adlı Genesis eylemini kullanmaktır. <? Php
Add_action ('Genesis_Setup', 'Genesischild_theme_setup');
// kod burada
} Bu yüzden burada Genesis_Setup adlı bir eylem ekliyoruz, bu işlemin adlı WordPress’e eşdeğer eylemle aynı olan bir eylem ekliyoruz, bu eylemin kancaları her yükleme sayfasında çağrılır, yukarıdaki kodda özel php işlevini Genesis_Setup’un eylemlerinin kancasına geçiririz. Genesischild_theme_setup olarak adlandırılır ve daha sonra altında aynı olan işlevi bildirir, bu işlev tema başlatıldıktan sonra çağrılır.
Yukarıdaki eylemin kancalarında aynı işlev adını girdiğiniz sürece sevdiğiniz işlevin adını verebilirsiniz, bu nedenle yukarıdaki durumda Genesis_Theme_Setup’tur ve çocuk temanızın tüm eylemlerini ve filtreyi koyarsınız. Ana işlevde işlev. – Buradan daha fazla bilgi için bittikten sonra After_setup_Theme adresinden, kayıp bir tema destek fonksiyonu ekleyebiliriz: arka planınız tüm site arka planını kontrol edebilir; Bunu Function.php dosyasına da özel arka planlar için destek ekleyerek yaparsınız.
//* Özel bir arka plan için destek ekleyin
add_theme_support (‘özel arka plan’);Bu yüzden Function.php dosyamız şöyle olacak: <? PHP // Makineyi başka bir şekilde açın
Add_action ('Genesis_setup', 'Genesischild_theme_setup', 15); Genesischild_theme_setup () işlevi {) {
// İşaretleme HTML5 için destek ekle
add_theme_support (‘html5’);
// Görünüm alanına metatag ekle
add_theme_support (‘Genesis’e duyarlı-viewport’);
// 3 widget footer ekleyin
add_theme_support (‘Genesis-Footer-Widget’, 3);
// Özel bir arka plan için destek ekleyin
add_theme_support (‘özel arka plan’);
} İşte bu, temiz derili bir Genesis çocuğu orijinal çerçeveyle aynıdır.Yeni başlayan temam GitHub’dan indirilebilir ve kullanılabilir, bu bir proje başlatmak ve ihtiyacım olan şeyle güncellemek için kullandığım temadır.Burada Mobile First Genesis başlangıç temasının bir versiyonu da var.
