WordPress temasının değiştirilmesi basit bir eklentiye nasıl değiştirilir
Yeni başlayan WordPress geliştiricileri tarafından öğrenilen ilk şeylerden biri, WordPress web sitesini ayarlamak için bir çocuğun temasını kullanmaktır. Bu iyi bir uygulama olmasına rağmen, çocuk temasına farklı bir tema veya farklı bir web sitesinde eklediğiniz kodu yeniden kullanmak istediğiniz zamanlar olacaktır. Herhangi bir tema ve herhangi bir WordPress web sitesinde kullanmak için kodun en iyi yolu, basit bir eklentiye bir kod eklemektir. Eklentiler bir web sitesinden başka bir web sitesine kolayca kopyalanır ve herhangi bir tema ile kullanılabilir. Bir örneğe bakalım.
Çocuk temasına kod ekleyerek duyarlı bir HTML tablosu oluşturmak için bir eğitim bulduğunuzu düşünün. HTML tablo ekranını bu kodun biraz kısmına sahip ve temaları değiştirdikten sonra kullanmaya devam etmek ve aynı kodu diğer WordPress sitelerinde kullanmaya devam etmek istersiniz. Özel bir eklenti bunu kolaylaştırır. Bu öğreticide, basit bir çocuk temasının modifikasyonunu özel bir eklentiye dönüştürme sürecine rehberlik edeceğim. Özellikle, duyarlı bir HTML tablosu oluşturmak için kodlar içeren stil sayfası CSS ve JavaScript dosyalarını içeren bir eklenti oluşturacağım. Ancak, birkaç web sitesinde tekrar kullanmak istediğiniz herhangi bir alt temayı değiştirmek veya temaları değiştirirken korumak için aynı temel fikri uygulayabilirsiniz.
Bu öğreticiyi takip etmek istiyorsanız, WordPress’te emmeyen duyarlı tabloların nasıl yapılacağı makalesine bakın. Eklentiye dönüştüreceğimiz kod, tabloyu manuel olarak yanıt veren bölümde bulunabilir. Bitmiş ürünü görmeyi tercih ederseniz, eklentinin bir kopyasını GitHub’dan indirebilirsiniz. Eklentiler olarak değiştireceğimiz çocuk temalarının eklenti modifikasyonunun anatomisi iki bileşen içerir: biraz CSS ve JavaScript dosyası. Orijinal öğreticide CSS, Child’s Style.css dosyasına eklendi ve JavaScript ayrı bir dosya olarak eklendi ve wp_enqueue_scripts kancası ile eklendi. Bu, özel eklentimize girmemiz gereken bir bileşendir. Eklentimiz üç dosyadan oluşacaktır:
CSS ve JavaScript dosyaları için eklentiler ve kuyruk hakkında temel bilgiler sağlayacak PHP dosyaları.
Çocukların Tema Style.css’den CSS içerecek CSS dosyaları.
Javascript dosyası, çocuğun temasına eklenen JavaScript dosyasının bir kopyası olacak.
Ortaya çıkan eklenti yapısı şöyle görünecektir:
Takip ederseniz, eklentinin temel yapısını hazırlamak için bu adımları yapın:
Özel-CSS ve JS dizininin adını verdim, ancak istediğiniz herhangi bir ismi verebilirsiniz.
Ana dizinin içinde iki ek yönetmen yapın: CSS ve JS.
Ana PHP dosya eklentisini oluşturun ve ana dizine yerleştirin. Custom-CSS ve JS.PHP eklenti dosyasını adlandırdım.
CSS ve JavaScript dosyaları oluşturun ve bunları kendi yönetmenlerine yerleştirin. Bu dosyaların adlarını custom-style.css ve custom-scripts.js veriyorum. Bu noktada, temel eklentinin yapısı zaten var. Ancak, tüm eklenti dosyalarınız boştur ve eklentileri> yüklü eklentileri ziyaret ederseniz, eklentinizi kullanılabilir eklenti listesinde görmezsiniz.
Eklentileri Dashboard’a ekleyin, eklentinin eklenti listesinde görüntülenen eklenti> eklentilerden yükleme eklentisinde bulunalım. Bunu gerçekleştirmek için yapmamız gereken şey, PHP dosyamıza biçimlendirilmiş bir eklenti dosyası başlığı eklemektir.
JPEN365/DCD8B1BF997EFB266616BB26D6B876380’in özünü içerir
Bu, genel dağıtım için değil, kendi sitemde kullanım için özel bir eklenti olduğundan, dosya başlığını kısa ve noktaya getiriyorum. Bu bilgiler, eklentiler> eklentileri açtığımızda özel-css-and-js.php-plugin adlı eklenti-A dosyasının ana php dosyasına eklenir.
Başlık eklentisi başlığı yerinde olduğunda, eklenti gösterge tablosunda görünecektir.
Destekleme Stil Sayfası ve Script Dosyası Eklentimiz şimdi gösterge tablosunda görünürken hiçbir şey yapmadı. Eklentinin bir şeyler yapması için eklenti dosyasına PHP kodu eklememiz gerekir. Bu durumda, ekleyeceğimiz kod, CSS ve JavaScript dosyalarımızı tanımlayan ve bunları wp_enqueue_scripts ile WordPress’e ekleyen bir işlev olacaktır. JPEN365/3814F67E02DDD6ABD8BD5FDD001D1F23’ün özünü içerir
İşlevi adım adım keşfedelim.
Custom_css_js_enqueue_scripts adlı yeni özel işlev yapılır. İşlevin adı önemli değildir, ancak netlik uğruna işlevin amacını gösteren bir isim olmalıdır. WP_ENQUEUE_STYLE () WordPress () işlevi, özel stil sayfasını kuyruğa almak için sıraya girer.
Wp_enqueue_script () işlevi WordPress, JavaScript dosyaları için sıraya girmek için kullanılır.
Add_action () işlevi WordPress, özel işlevimizi wp_enqueue_scripts kancasına bağlamak için kullanılır.
Bu bir stil sayfası veya komut dosyası bekliyorsanız, bu işlevden biraz bunalmış olabilirsiniz. Sorun buysa, bkz. Bu konuyu hızlı bir şekilde bulmak için WordPress’e doğru şekilde WordPress’e doğru şekilde ekleme.
Bu noktaya stiller ve komut dosyaları eklemek, eklenti etkinleştirildiğinde, CSS ve JavaScript dosyaları özel olarak diğer web sitesi dosyalarıyla birlikte sunulacaktır. Ancak, dosyalardan birine hiçbir şey eklenmez, bu nedenle eklenti hala çok çalışmaz. Bir sonraki adım, CSS’yi style.css’den çocuk dosyasından ve custom-style.css eklenti dosyasına kopyalamaktır. Ardından, komut dosyasını çocuğun temasına bağlı JavaScript dosyasından Custom-Scripts.js eklenti dosyasına kopyalayarak işlemi tekrarlayın. Çocuk temasından CSS ve JavaScript eklenti dosyalarına kopyalanan CSS ve JavaScript ile kod bitini çocuğun temasından silebiliriz ve bunlara eklenti tarafından sunulacaktır.
Bu adımları takip ederek yapılan eklentinin sonuçları çok yararlıdır. Uygun dosyayı istediğiniz CSS veya JavaScript ekleyebilirsiniz ve sitenize eklenecektir. Bu durumda, HTML tablolarını duyarlı hale getirmek için gereken CSS ve JavaScript ekledim. Gördüğünüz gibi, masa TwentySixteen ile harika görünüyor: masa yirmi on altı ile iyi görünüyor.
Bununla birlikte, eklentilerle duyarlı tablolar yapan CSS ve JavaScript’in eklenmesi sayesinde, tema değiştiğinde tablo hala iyi görünüyor.
Tortuga aktif bir tema olduğunda hala iyi görünüyor.
Bu eklentiye bağlı CSS ve JavaScript dosyaları herhangi bir özel stil veya komut dosyası eklemek için kullanılabilir. Bununla birlikte, CSS ve JavaScript, eklentilerle ekleyebileceğiniz çocuk temalarının tek modifikasyonu değildir.
Hırslı WordPress geliştiricisi, bir eklenti ile de özel bir sayfa şablonu bile ekleyebilir. Gerçekten, gökyüzü onun sınırıdır. Bir çocuğun temasıyla eklenmeyi düşündüğünüz değişiklik neredeyse kesinlikle eklentiye eklenebilir. Sarma, diğer sitelerde veya birçok temayla yeniden kullanılabilen WordPress sitelerinde değişiklik yapmak istediğinizde, eklentiler bu değişiklikleri uygulamak için mantıksal araçlardır. Neyse ki, basit bir çocuk temasının modifikasyonunu değiştirmek için özel bir eklenti yapmak kolaydır ve sonuçlar hayal ettiğiniz neredeyse tüm değişiklikleri işleyecek kadar esnektir.
Hiç çocuk teması yerine özel bir eklenti kullandınız mı?Bu şekilde ne tür bir değişiklik uyguladınız?
çocuk teması
gelişim
kuyruk komut dosyası
