WordPress'te Dinamik Widget Nasıl Oluşturulur

WordPress widget'ları, web sitenizi dinamik hale getirmenize ve ziyaretçilerle etkili bir şekilde etkileşim kurmanıza yardımcı olabilir. Kullanılabilecek birçok WordPress widget'ı vardır. Ancak özelleştirilmiş bir WordPress widget'ı oluşturmak, seçtiğiniz kodu WordPress web sitenize eklemenize yardımcı olur.

Çoğunlukla tüm web siteleri, kullanıcı deneyimini geliştirmek ve başka amaçlar için dinamik widget'ı kullanıyor. WordPress widget'ları ile web sitenize iletişim formları, giriş formları, abonelik kartları, canlı izleme ve daha birçok özellik yapabilirsiniz.

Bir widget oluşturmak kolaydır ve bu gönderi sizin için daha kolay hale getirecektir. Öyleyse hiç vakit kaybetmeden WordPress'te dinamik widget'lar oluşturmaya başlayalım.

 

WordPress'te Dinamik Widget Nasıl Oluşturulur

Bu yazıda bu konuyu üç ana bölümde ele alacağız.

 

BÖLÜM 1: Başlamadan Önce Birkaç Şeyi Anlayın

Dinamik bir WordPress widget'ının nasıl oluşturulacağını öğrenmeden önce birkaç şeyi bilmelisiniz.

Bunlar, widget'ların temelleri ve dinamik widget'ların WordPress'ten nasıl oluştuğu ile ilgilidir. Bu kısmı ihmal etmeye, görmezden gelmeye veya atlamaya çalışmayın, çünkü size çok yardımcı olacaktır.

Bu parçayı yapı taşı olarak kabul edin. Ancak, WordPress widget'ları, kodlama, eklentiler, işlevler vb. hakkında bilginiz varsa, bunu atlayabilirsiniz.

 

WordPress Widget'ı Nedir?

Bir WordPress widget'ı küçük bir bloktur ve bu blok WordPress web sayfanızda bir yere yerleştirilir.

Widget, ziyaretçilerinize hiçbir şey kodlamadan benzersiz bir içerik ve işlevsellik parçası sağlamak için kullanılabilir. Bir widget oluşturmak için biraz WordPress kodlaması yeterli olacaktır.

Abonelik kutusu açılır pencereleri, bildirimler, iletişim formu açılır pencereleri, Canlı veri güncellemeleri vb. WordPress web yöneticileri tarafından kullanılan bazı yaygın widget'lardır.

 

Statik Widget

Statik bir widget'ın kullanıcılarla hiçbir etkileşimi yoktur, çünkü yalnızca tek yönlü iletişim vardır. Değişmeyen bilgi sağlamak veya kullanıcılardan basit bir şekilde bilgi toplamak için kullanılır.

 

Dinamik Widget

Dinamik widget'lar, kullanıcılarla etkili bir şekilde etkileşime girer ve farklı API'ler kullanılarak güncellenen veriler sağlar. Ayrıca, bu widget'lar dinamik olarak kullanmanın yanı sıra bilgi toplar. Dinamik pencere öğesinde eksiksiz bir otomasyon işlevi vardır.

 

Kombinasyon

Bugünlerde web sitelerinin çoğu statik ve dinamik widget'ların bir kombinasyonunu kullanıyor. Bu widget'larda, dinamik işlevsellik ile birlikte statik bilgiler sağlarlar. 

 

Bilmeniz Gerekenler

Artık WordPress widget'ını ve türlerini biliyorsunuz. WordPress, kullanıcılarına birçok yerleşik widget sağlar. Ancak siteniz için özelleştirilmiş bir WordPress widget'ı yapmak istiyorsanız aşağıdakilere ihtiyacınız olabilir. 

 

Temel Kodlama

PHP'deki temel OOP'ye (nesne yönelimli programlama) aşina olmalısınız. 

 

Orijinal Kodu Yedekle

WordPress kodunuzla oynayacağınızı unutmayın. Herhangi bir sorunla karşılaşmamak için orijinal WordPress kodunuzu yedeklemelisiniz.

 

Kodun Yerleştirilmesi

WordPress widget'ları kodlarla geliştirilecek ama bu kodlar nereye yerleştirilecek? WordPress temasına bir widget kodu yerleştirebilirsiniz. functions.php dosya. Temayı aktif hale getirdiğinizde bu widget'lar aktif olacaktır.

 

WordPress Widget Temelleri

WordPress şunları sağlar:  WP_Widget'ı  dinamik widget'lar oluşturmak için sınıf. Dinamik bir WordPress widget'ı oluşturma gereksinimimize göre daha fazla işlev ekleyerek bu sınıfı genişletmemiz gerekiyor. Ekleyebileceğimiz dört temel fonksiyon aşağıdadır:   WP_Widget'ı   sınıf.

• Yapıcı işlevi.
• Widget içeriğini görüntülemek için oluşturduğumuz  Widget fonksiyonu.
• Bir widget'ın ayarlarını güncellemek için  Güncelleme fonksiyonu.
• Kullanıcılardan bilgi toplamak için kullandığımız  form fonksiyonu.

Dinamik bir pencere öğesinde, bu dört pencere öğesi işlevinden bazılarını kullanacağız. Bundan sonra, kullanarak widget'ımızı kaydedeceğiz.  Register_widget. 

 

BÖLÜM 2: WordPress İçin Dinamik Bir Widget Oluşturalım

WordPress için dinamik bir widget oluşturmak uzun bir süreçtir. Belki ilk defa yapıyorsanız size karmaşık bir şey gibi gelebilir ama biz sizin için basit hale getirdik.

Tüm süreci dört basit adıma böldük. WordPress için dinamik bir widget oluşturmak için bu dört basit adımı izleyin.

 

ADIM 1: Boş Bir Eklenti Oluşturun

İlk adım, WordPress widget'ımız için boş bir eklenti oluşturmaktır, bu adım basit ve kolaydır. Daha önce eklentiler veya widget'lar oluşturduysanız bunu daha önce görmüş olabilirsiniz.

Bir eklenti oluşturuyoruz çünkü bu eklentiye bir widget ekleyeceğiz ve ardından bu eklentiyi WordPress sitemize ekleyeceğiz.

Bunu yapmak için gitmelisin  /wp-içerik/eklentiler/. WordPress siteniz için bu eklentiyi oluştururken, yeni bir dizin eklemeniz ve ardından buna göre adlandırmanız gerekir.

Adını istediğin herhangi bir şey koyabilirsin. Dizininizde, oluşturmanız gerekecek   index.php   Bu dizin dosyası aşağıdaki örnek koda sahip olacaktır.

Boş eklentideki yukarıda belirtilen tüm ayrıntılar, eklentinizin ayrıntılarını yönetici panelinde size göstermek için WordPress tarafından kullanılacaktır. Bu kodu ekledikten sonra boş bir eklenti oluşturun. Bunu WordPress yönetici panelinizde göreceksiniz. Şimdi bu eklentiyi etkinleştirmeniz gerekiyor.

 

ADIM 2: Örnek Bir Widget Kodu Oluşturun

İkinci adım, örnek bir widget kodu oluşturmaktır. Kullanılabilirliğini genişletmek için dört temel işlevi kullanacağız.  WP_Widget'ı  sınıf.

class Example_Widget WP_Widget { public function __construct() { } public function widget( $args, $instance ) { // Örnek widget oluştur } } // Widget işlevini kaydedin register_sample_widget() { register_widget( 'My_Custom_Widget'); } add_action('widgets_init', 'register_sample_widget');

Yukarıdaki kod bölümünde, bunu görebilirsiniz  WP_Widget'ı yapı fonksiyonunun kullanımı ile genişletilir. Ve bloğun son bölümünde, örnek widget'ımızı nasıl kaydettiğimizi görebilirsiniz.  Register_widget. 

Örnek widget'ı oluşturup kaydettikten sonra, ona dinamik işlevler eklemeliyiz. Kullanabiliriz  Widget,  Şekil ve  Güncelleme bizim ihtiyacına göre ona göre çalışır.

BONUS İPUCU: Stil ayrıntılarını eklemek için CSS'yi kullanabilirsiniz.  Sınıf.   HTML DOM'a eklenebilir ve tüm widget'ın görüntüsünü stilize eder. 

 

ADIM 3: Sayfaya Widget Ekle

Kodlama kısmını yaptıktan sonra. Widget'ı sayfanıza ekleyebilirsiniz. Widget'ımıza henüz herhangi bir dinamik bilgi veya veri kaynağı eklemediğimizi unutmayın.

Dinamik hale getirmek için dinamik bir bilgi kaynağı eklemeliyiz. Bir sonraki adımda yapacağız. Şimdilik, bu yeni oluşturulan özelleştirilmiş widget'ı WordPress site sayfasına ekleyeceğiz.

Sayfaya eklemek için WordPress yönetici paneline geri dönmelisiniz. oraya gitmek zorunda kalacaksın Görünüm kenar çubuğundaki seçenek. git Görünüm> Widget'lar.

Widget'ınızı burada üstbilgi, altbilgi, kenar çubuğu gibi sayfanın herhangi bir yerine ekleyebilirsiniz.

 

ADIM 4: Widget'a Dinamik Veri Ekleme

Şimdi sürecin yarısından fazlası tamamlandı. Widget'ınıza dinamik veri eklemenin zamanı geldi. Herhangi bir kaynaktan dinamik veri alabilirsiniz.

Örneğin, dünyadaki canlı COVID-19 vakalarını göstermek için bir widget yapıyorsanız, WHO gibi bir web sitesinden veya bir medya sitesinden veri almanız gerekecektir.

Bilginin URL'sini alın ve  API Anahtarı ona. Şimdi kullanarak Widget “GET” talimatı ile birlikte, COVID-19'un canlı ayrıntılarını (örneğe göre) alabilirsiniz.  

API Anahtarı "GET" isteğiyle birlikte, widget'ınızdaki verileri veya bilgileri alır ve görüntüler. Widget'ınızdaki verileri güncellemek için JSON dizeleri ve değişkenleriyle ilgili yardım alın.

 

ADIM 5: Eklenti Yükleme

Gerekli tüm kodları ekledikten sonra widget'ınızı önizleyebilirsiniz.

Şimdi son adım, eklentiyi WordPress yönetici panelinize yüklemek. Bunun için eklentiyi bir zip dosyasına paketlemeniz gerekir. şimdi git Eklentiler> Yeni Ekle> Eklenti Yükle ve eklentinizi yükleyin.

 

BÖLÜM 3: Öğeleri, Eklentileri, Widget'ları Tek Bir Yerden Alın

Eklentiler, widget'lar ve öğeler oluşturmak ve eklemek zor görünüyor mu? Endişelenmeyin, iyi haber şu ki günümüzde hiçbir şeyi manuel olarak yapmanız gerekmiyor.

Çok var WordPress temaları, eklentiler ve widget'lar mevcuttur. Bu hazır cum özelleştirilebilir widget'larla gereksinimlerinizin çoğu karşılanabilir. Aşağıdaki mevcut en iyi seçenektir.

 

Deep WordPress Tema

The Deep WordPress teması The Webnus tarafından sağlanan, premium WordPress temalarını, öğelerini, Eklentileri vb. almak için en iyi seçeneklerden biridir. WordPress web sitenize herhangi bir dinamik widget yerleştirmek için tüm bunları kullanabilirsiniz. Yalnızca aşağıdakilerle elde edeceğiniz en iyi özelliklerden bazıları şunlardır: deep Webnus tarafından WordPress teması.

 

Hız yükseltici

Sayfalarınızdaki ekstra kodlar, sayfa yükleme hızınızı etkiler. Ancak bu tema ile yüklenecek ekstra kod yoktur. Bu da sayfalarınızın daha hızlı yüklenmesini sağlar. CSS ve JS öğeleri sayfanın kaynak koduna yüklenir. Böylece daha az kodla daha sorunsuz yüklenmesini sağlar.

 

Süper Tepki

Web sayfalarınızda gelişmiş bir kullanıcı deneyimi elde edeceksiniz. Gelişmiş UX, site ziyaretçilerinize süper yanıt özelliği sağlamanıza yardımcı olacaktır.

 

Kullanıcı Dostu

Deep tema ithalatçısı kullanımı çok kolay ve hızlıdır. Bu, temaları WordPress web sitenize aktarırken çok rahat ve kullanışlı bir şekilde çalışmanıza yardımcı olur.

 

Gerçek Fiyatlandırma

kullanırken çok tasarruf edeceksiniz. deep Webnus tarafından WordPress teması. Tüm temalar, eklentiler gerçek bir fiyata mevcuttur.

 

Özetleyelim!

Bu yazıda, dinamik bir WordPress widget'ının ne olduğunu ve nasıl oluşturulacağını öğrendik.

Veri eklemekten temel widget'ı oluşturmaya kadar, tüm sürecin her yönünü ele aldık. Bu gönderide belirtilen adımları izlerseniz, kolayca dinamik bir WordPress widget'ı oluşturabilirsiniz.

Ayrıca Webnus'tan hazır eklentiler, widget'lar, elementler vb. alabileceğinizi öğrendik. Kullanırken hem zamandan hem de paradan tasarruf edeceksiniz. deep Webnus tarafından WordPress teması.