Alt Temanızda Bir Widget Nasıl Oluşturulur

WordPress sitenizi temel değişikliklerin ötesinde özelleştirmek istiyorsanız, alt temanızda nasıl bir widget oluşturacağınızı öğrenmeniz gerekir. WordPress widget'ları, web sitenizin kenar çubuklarına veya widget'a hazır diğer alanlara ekleyebileceğiniz küçük içerik bloklarıdır. Bu alanlar genellikle sitenizin altbilgisinde veya üstbilgisinde bulunur. Widget'lar, metin ve resimlerden video ve ses oynatıcılara kadar her şeyi içerebilir. Kenar çubuklarınızı sosyal medya beslemelerine dönüştüren eklentiler bile bulabilirsiniz. Bu makalede, alt temanızda nasıl bir widget oluşturacağınızı göstereceğiz ve bir widget kullanmanın faydalarını açıklayacağız.

Bir alt tema yaptım ve altbilginin üstüne sponsorlu bir logo alanı eklemek istiyorum. Sanırım bununla yapmanın yolu bir widget kullanmak mı? Yeni bir widget'ı nasıl oluşturabilirim veya var olan alt bilgi widget'larından birini kullanarak istediğim yeri nasıl görüntüleyebilirim? Görünüm'e giderek. Kenar çubuğu üzerinde tam kontrol sahibi olmak veya ayarlarını değiştirmek istiyorsanız Adım 1 gereklidir. İhtiyacınız olanı başarmak teknik olarak mümkündür, ancak özel geliştirme gereklidir. Daha fazla bilgi için https://theme.co/x/member/custom-development adresine göz atabilirsiniz.

WordPress'te Nasıl Özel Bir Widget Oluşturabilirim?

Görünüm menüsünden Widget'ları bulabilir ve seçebilirsiniz. Widget kullanılabilir listesinde Hostinger Örneği widget'ını görmelisiniz. Widget'ı sürükleyerek sayfanın sağ tarafındaki kenar çubuğuna yükleyebilirsiniz. Değişiklik yaptıktan sonra web sitenizi ziyaret edebilirsiniz.

Bir WordPress widget'ı, belirli widget alanlarına eklenen küçük bir içerik koleksiyonudur. Nereye koyduğunuza bağlı olarak, herhangi bir sayfada çeşitli türde bilgileri görüntülemenize izin veren çeşitli widget türleri vardır. Bazı widget'lar standart bir özellik olarak bulunurken, diğerleri eklenti veya tema olarak mevcuttur. Temel bir widget oluşturacaksanız, yukarıda listelenen dört yöntemin tümü sınıfınıza dahil edilmelidir. Panodaki Widget'ı kullanmak için onu ayrıca register_widget() işlevini kullanarak kaydetmeniz gerekir. Bu makale için verdiğimiz örneği incelemeden önce, her bölümün neden önemli olduğunu açıklamanın yanı sıra, kodun her bölümünün amacını gözden geçireceğiz. Custom_Widget'ın dört yönteminin her biri benzersizdir.

Widget, custom_widget parametresi kullanılarak __construct() yönteminin bir sonucu olarak oluşturuldu. Sonunda register_widget() kullanılarak aynı widget kaydedilebilir. Parçaların her birinin widget seçeneklerine if*…* deyimi ile eklenmesi gerektiğinden, yalnızca dahil edildiğinde görüntülenmesini sağladık. widget() yöntemi, çok paragraflı metinleri görüntülemek için bir yol sağlar ve bunu yapmak için nl2br() işlevini kullandık. sanitize_text_field() işlevi, gereksiz boşlukları, sekmeleri veya satır sonlarını kaldırır. Sonuncusu ayrıca, seçim alanında varsayılan olarak ayarlanmış bir varsayılan değere sahiptir; bu, bağlantı hedefinin varsayılan olarak -boş olarak ayarlandığı anlamına gelir. Başlığı, metni, bağlantıyı ve bağlantının yeni bir sekmede bulunup bulunmayacağını seçebilirsiniz.

Seçenekleri doldurmayı bitirdikten sonra Kaydet düğmesine basın. Widget'ınız için farklı bir tema seçerseniz, farklı şekilde çıkacaktır. Bizim durumumuzda, Lekker WordPress, aşağıda gösterilene benzeyen bir widget'a sahiptir.

Alt Tema Nasıl Oluşturulur

Bir alt tema oluşturmak için, alt tema için yeni bir klasör oluşturmanız ve bir stil sayfası eklemeniz gerekir. Alt tema, ana temanın stilini ve işlevselliğini devralır, ancak ana temanın stillerini geçersiz kılmak için alt temanın stil sayfasına özel CSS kuralları ekleyebilirsiniz. Ana temanın işlevlerini geçersiz kılmak için alt temanın functions.php dosyasına özel işlevler de ekleyebilirsiniz.

Ana temanın işlevselliğini devralmadığı sürece alt temaya yeni özellikler ekleyebilirsiniz. Alt temalar ve ana temalar arasında hiçbir bağlantı yoktur; alt temalar ana temalardan ayrılır. Alt tema ile web sitenizi güncel tutabilir ve kolayca bakımını yapabilirsiniz. Ayrıca, üzerine yazma ve web sitenizin görünümünü kaybetme olasılığını azaltmanıza yardımcı olacaktır. Alt temanın, ana temayla aynı öğelerin tümünü içerdiğine dikkat etmek önemlidir. JavaScript ve resimler gibi tüm şablon dosyalarını, işlevleri ve varlıkları bu kategoriye dahil ediyoruz. Alt temanın style.css dosyası, çocuğun ihtiyaçlarını karşılamak için değiştirilebilir.

Çocuğunuz için bir WordPress teması oluşturmanın en basit yollarından biri bir eklenti kullanmaktır. Ana temanız bir hata mesajı gösteriyorsa, açılır menüden seçin ve Analiz Et'e çift tıklayın. Ardından, alt temanız için dizini girmeniz istenecektir. Web sitenizi oluşturan dosyalarda bir klasör adı görünecektir. Terim web sitenize özgüyse, istediğiniz şekilde adlandırabilirsiniz. Ana temanızı yeni bir temanın temeli olarak kullanmayı düşünüyorsanız, kısa bir açıklama ve benzersiz bir ad eklemek isteyebilirsiniz. Sitenizde değişiklik yapmak istiyorsanız, bunu yapmadan önce çalışır durumda olduğundan emin olun.

İstediğiniz tüm değişiklikleri belirli bir zamanda manuel olarak bir WordPress alt teması oluşturarak yapabilirsiniz. Adım 1, çocuğunuzun teması için bir klasör oluşturmaktır. ebeveyn ve alt temalardan stil sayfaları. style.css dosyasını yeniden adlandırmanın zamanı geldi. Dördüncü adım, style.css dosyasını alt temanın dizinine dahil etmektir. Görünüm'e giderseniz alt temanızı manuel olarak yapılandırabilirsiniz. Bir alt tema kullanmak, doğrudan bir ana temayı düzenlemek zorunda kalmamanızı sağlar.

Ayarlaması basit olduğu için bir alt tema kullanarak web sitenizde kolayca büyük değişiklikler yapabilirsiniz. Ayrıca güvenilir bir barındırma sağlayıcısı bulmalısınız. DreamHost'tan paylaşılan bir barındırma paketi, web sitenizin performansını uygun bir fiyata artırmanıza olanak tanır.

Alt Tema Oluştururken Akılda Tutulması Gereken 3 Şey

Bir alt tema oluşturmak, temanın saklanacağı bir klasör oluşturmanızı gerektirir. Bu klasörde bir stil sayfası ve işlevi ayarlayın. Ardından, alt tema klasöründe ana temanın dosyalarını kopyalayın. Hadi yatalım.
Bir çocuk teması birkaç şekilde düşünülmelidir. Lütfen ilk adımda ana temanın dosya adını eklemeyi unutmayın. Örneğin, ana temanız WPBakery Page Builder ise, alt temanız WPBakery Page BuilderChild olarak adlandırılmalıdır. Yapılacak ikinci şey, stil sayfası ve function.php dosyalarına ek olarak ana temanın dosyalarını kaydetmektir. Tema dosyalarının güncel olduğundan ve doğru konumda olduklarından emin olun.
Bir eklenti için bir alt tema oluşturuyorsanız, eklentinin dosyalarını alt tema klasöründe tutmak isteyeceksiniz. Bir WPBakery Sayfa Oluşturucu eklentisi alt teması, WPBakery Sayfa Oluşturucu eklentisinin klasörünün yanı sıra WPBakery Sayfa Oluşturucu eklentisinin alt tema klasörünü içermelidir.

WordPress Alt Teması

WordPress alt teması, ana tema adı verilen başka bir temanın işlevselliğini devralan bir temadır. Alt temalar, mevcut bir temayı değiştirmenin önerilen yoludur. Bir alt tema etkinleştirildiğinde, ana temanın stil sayfasını, şablon dosyalarını ve işlevlerini geçersiz kılar.

WordPress platformuyla, bir web sitesini HTML, CSS veya PHP bilgisi olmadan tamamen özelleştirebilirsiniz. Dezavantajı, geliştirici tarafından güncellendikten sonra temada yapılan herhangi bir değişikliğin silinmesidir. Bir alt tema kullanmak yerine, orijinal dosyalara yeniden dokunmak zorunda kalmadan bir web sitesinde değişiklik yapmanıza izin veren bir tema kullanabilirsiniz. Mevcut bir temanın dosyaları değiştirilebilir veya alt tema olarak eklenebilir. Bu tema sadece değiştirmek istediğiniz kısımları değiştirecek ve ana temanın aynı kısımlarını kullanacaktır. Bir alt temanın en önemli üç parçası bir klasör, stil sayfası ve functions.html dosyasıdır. Bir alt temanın üç bileşeni olmalıdır: kendi klasörü, stil sayfası ve function.php dosyası.

Alt temalar, tüm temalar gibi, WordPress kurulumunun WP içeriği/temaları içinde bulunur. Tek yapmanız gereken temanın adını ve şablonunu girmek. Bunun sadece temanızı kullanmayı düşünüyorsanız, beni değil. Functions.php dosyası, bir WordPress web sitesine işlevsellik ve özellikler eklemenizi ve değiştirmenizi sağlayan kod tabanıdır. Dosyayı oluşturmak, bir stil sayfası oluşturmak kadar basittir. Gelecekte temanızı değiştirmek için PHP kullanmayı düşünmüyorsanız, bunu onsuz yapabilirsiniz. Bir ana tema kullanıyorsanız, muhtemelen web sitenizin nasıl görünmesi gerektiğini zaten biliyorsunuzdur.

Bu durumu elde etmek için ana temalarınızın stil sayfalarını kopyalayıp yapıştırmanız gerekir. Bunu CSS veya @import kuralını kullanarak yapabilirsiniz. Her şey plana göre giderse, çocuğunuzun teması tam olarak ebeveyni gibi olmalıdır. Artık temamızı özelleştirmeye ve istenen sonucu elde etmek için bazı şeyleri değiştirmeye başlayabiliriz. Özelleştirmeler çeşitli şekillerde gerçekleştirilebilir ve birçoğunun üzerinden geçeceğiz. Bir alt temaya özel stiller eklenebilir, ancak bir ana temaya eklenemezler. Aşağıdaki adımları takip ederek web sitenizde istediğiniz sayıda değişiklik yapabilirsiniz.

Alt temanın, ana temayla aynı klasör yapısını izlediğinden emin olun. Ana temanızdaki sayfa şablonları adlı bir klasördeki bir dosyayı değiştirmek isterseniz, alt temanızın dizininde sayfa şablonları adlı bir klasör oluşturursunuz. Özel sayfa şablonumuzu oluşturmak için ana temadan custom-full-width.php adını değiştirmemiz yeterlidir. Örnek olarak, footer-custom.php'de footer öğesinde tam genişlikte bir sınıf oluşturuyoruz. Geriye kalan tek şey, stil sayfamıza bir kod girmek. Sonuç olarak, tam genişlikte sayfamızı görebilirsiniz. Parlatmamız gerekene kadar iyiyiz.

Tema kancaları, çekirdek dosyaları değiştirmek zorunda kalmadan bir alt temayı özelleştirmenize olanak tanır. Tema kancaları, bir temanın dosyalarında görünen ve içerik, işlev ve diğer öğeleri eklemenize izin veren küçük simgelerdir. Kancalar iki çeşittir: hareketli kancalar ve filtre kancaları. Bir filtre kancası, kancanın konumunda bulunan işlevleri değiştirirken, eylem kancaları mevcut işlevlere özel işlevler ekler. WordPress'te bir alt tema oluşturmak kolaydır: tek ihtiyacınız olan tek bir kod satırıdır. Bu nedenle, Yirmi Onbeş temasında altbilgi kredilerini işleyen bir işlevi hedefliyoruz. Alt temanızdaki functions.html dosyasındaki değiştirilmiş footer.php dosyası kaldırılmalıdır.

Alt temalardaki kancalar çeşitli şekillerde kullanılabilir. Bir alt tema kullanırsak, temel dosyalarını değiştirmek zorunda kalmadan bir web sitesini tamamen özelleştirebiliriz. Bir tema veya çerçeve eklemek istiyorsanız, bunu sıfırdan yazmadan yapabilirsiniz ve değişiklikleriniz güncellemelere karşı güvendedir; bir şeyler ters giderse, tema her zaman orada olacaktır.

Bir Çocuk Temasının Avantajlı Olduğu 3 Durum

Bir çocuk temasının faydalı olacağı birkaç durum vardır. Bir ana tema, gerekli tüm özellikleri içermez. Ana temada değişiklikler oldu, ancak bunlar alt temada görünmüyor. En son WordPress güncellemeleriyle uyumlu değildir.

Adım Adım WordPress'te Alt Tema Nasıl Oluşturulur

Alt tema, işlevselliğini ana tema adı verilen başka bir WordPress temasından devralan bir WordPress temasıdır. Alt temalar, genellikle mevcut bir WordPress temasının stilini, o temayı güncelleme yeteneğini kaybetmeden özelleştirmek veya değiştirmek istediğinizde kullanılır. Bir alt tema oluşturmak için PHP'de nasıl kod yazılacağına dair temel bir anlayışa sahip olmanız gerekir. Alt temayı oluşturduktan sonra, alt temanın dizinine kendi özelleştirmelerinizi ekleyebilirsiniz.
1. Alt temanız için yeni bir dizin oluşturun.
2. Alt temanız için bir stil sayfası oluşturun.
3. Stil sayfasını alt temanıza dahil edin.
4. Alt temayı etkinleştirin.

WordPress'te Çocuk Teması Nasıl Oluşturulur

Yeni bir klasör oluşturarak temanızı alt adlı bir klasöre ekleyebilirsiniz. Daha sonra aynı klasörde bir alt stil sayfanız olacaktır. Görevi tamamlamak için bir işlev yapın. Child.php dosyasını parent.php dosyasıyla aynı klasöre eklemelisiniz. Yeni alt temanızı kullanmaya başlamadan önce WordPress çekirdek dosyalarını kopyalamanız gerekir. Alt temalar, ebeveynlerinin dosya ve ayarlarını devralır çünkü bu onların sorumluluğundadır. Sonuç olarak, ana temalarınızın özelliklerinden veya ayarlarından herhangi birini kullanmak istiyorsanız, bunları alt temanıza kopyalamanız gerekir.

Özel WordPress Widget'ı

Özel bir WordPress widget'ı, WordPress sitenize özel bir widget eklemenize izin veren bir WordPress eklentisi türüdür. Özel WordPress widget'ları genellikle üçüncü taraf geliştiriciler tarafından oluşturulur ve WordPress.org eklenti deposunda bulunabilir.

WordPress, metin için bir widget eklemekten başka ne yapabilir? Bu öğretici, özel bir WordPress widget'ı oluşturma adımlarında size yol gösterecektir. Programlama konusunda yeniyseniz, bu eğitim size göre olmayabilir. Daha fazla bilgi edinmek için Yeni Başlayanlar için WordPress Geliştirme serimize göz atmanızı öneririz. Bir widget için bir kimlik, başlık, sınıf adı ve açıklama belirtmek için bir yapıcı işlevi kullanılmalıdır. widget() yöntemini kullanarak, widget'ınızın gerçek içeriğini oluşturabilirsiniz. Örneğimizde, widget'ın başlığını görüntülemek için get_bloginfo() kullanacağız.

Aksi takdirde, sayfayı oluşturmak için yalnızca WordPress metin widget'ını kullanırsınız. widget() yönteminin tamamı jpen_Example_Widget örneğinin içinde yuvalanmalıdır. form() yöntemi, WordPress yönetici alanında görüntülenecek bir widget'a ayar alanları eklemek için kullanılır. Bu, birçok seçeneğe sahip birçok widget'ın adını aldığı yerdir. Örnek widget'ımız durumunda, yalnızca kullanıcıların buna özel bir başlık eklemesini mümkün kılmak istiyoruz. Herhangi bir HTML5 şablonunu bir WordPress temasına nasıl dönüştüreceğinizi göstermek için bir eğitim oluşturdum. Tüm kategorilerin bir listesini yapmak için, onu alfabetik sıraya göre sıralayın ve ardından iki liste halinde düzenleyin.

Blog Gönderisi HTML5 Şablonundan ikinci bir pencere öğesi, kategori listesi kenar çubuğu pencere öğesi olacaktır. Özel bir kenar çubuğu pencere aracı geliştirmek için WP_Widget sınıfını kullanmak çok önemlidir. En güçlü özel widget'ları oluşturmak için bilginizi geliştirmeniz gerekecek. Dikkatinizi beş işlevin tümüne odaklarsanız, herhangi bir fikre dayalı olarak WordPress widget'ı oluşturabilirsiniz.

WordPress Widget'larına Nasıl Özel Stiller Eklerim?

Görünüm bölümüne buradan ulaşabilirsiniz. Widget sayfasında tıklayarak özel stiller eklemek istediğiniz widget'ı seçin. Bundan sonra, Blok Paneli altındaki Gelişmiş sekmesine gitmelisiniz. Üzerine tıklayarak özel bir CSS sınıfı eklenebilir. Güncelle butonuna tıklayarak değişikliklerinizi kaydedebilirsiniz.

Bir WordPress Widget'ının Görünümünü Nasıl Değiştiririm?

WordPress Yönetim Ekranlarında Görünüm > Özelleştir'e gidin. Tema Özelleştirici'deki Widget menüsüne tıklayarak widget özelleştirme ekranına erişebilirsiniz. Halihazırda kayıtlı olan widget'ı bulmak için widget alanındaki aşağı oku tıklayın.