WordPress Widget Eklentisi Nasıl Oluşturulur

WordPress hayranıysanız, muhtemelen widget'lara aşinasınızdır. Widget'lar, kenar çubuğunuza veya temanızın diğer widget'a hazır alanlarına ekleyebileceğiniz küçük kutulardır. Genellikle blogunuzun son gönderileri, Twitter beslemeniz veya bir takvim gibi bilgiler içerirler. Ancak kendi widget'larınızı oluşturabileceğinizi biliyor muydunuz? Aslında yapması oldukça kolay. Bu yazıda size bir WordPress widget eklentisinin nasıl oluşturulacağını göstereceğiz. Temel bir eklenti dosyası oluşturarak ve ardından bir widget sınıfı ekleyerek başlayacağız. Ardından, WordPress yöneticisinde görünmesi için widget'ımızı kaydedeceğiz. Son olarak, widget'ımızı sitemizin ön ucunda görüntülemek için bazı kodlar ekleyeceğiz. Başlayalım!

Geçenlerde Freelancer Widgets Bundle adlı bir eklenti geliştirdim. Bir eklenti için ne yazmam gerektiği sorulduğunda, insanlar bunu sorduğu için bu yazıyı yazmanın zamanının geldiğini düşündüm. Bir WordPress eklentisi kurduğunuzda, ona fazladan bir kod eklemeniz gerekir. Eklentinizi geliştirmek için Coda (Mac) veya Dreamweaver (PC) gibi bir düzenleyiciye ihtiyacınız olacak. Yapıcı, parçacığın adını ve ana argümanları tanımlayan fonksiyondur; bu nasıl görünebileceğinin bir örneğidir. Form alanlarında değişiklik yaparken, güvenlik nedeniyle yapıldığı için esc_attr() kullandığınızdan emin olun. 'customize_selective_refresh' parametresi, widget'ın Görünüm altında ve düzenlenirken yenilenmesine izin verir.

Diğer bir deyişle, widget'ta yapılan değişikliklerin listede görünmesi için yenilenmesi gerekmez. Temel metin dışındaki tüm etiketler WP_strip_all_tags ile kaldırılır. WP_kses_post_string(), gönderi içeriği dizesiyle aynı işlevdir. Bu işlev, widget() işlevini kullanarak bir web sitesi için içerik üretecektir. Bu işlev, belirli bir etiketi veya sınıfı içerecek şekilde özelleştirilebilir. GitHub, kodun tamamını görüntülemek için ideal bir yerdir.

Widget'ı bir web sitesine eklemek istediğinizde, bunu yapmak istediğiniz sayfaya gidin ve HTML “/body” etiketi kapanmadan önce kodu yapıştırın. Widget'ı görüntülemek istediğiniz her web sayfasına kodu eklemeniz gerekir. Web Widget'ın (Klasik) etkin olup olmadığını görmek için güvenlik duvarınızı kontrol edin.

Her ikisi de görsel yaratıklardır, ancak ikisinin görünürlük ve etkileşim gibi farklı özellikleri vardır. Sayfanız arka planda sorunsuz ve düzgün çalışıyorsa, bu bir eklentidir. Bir kullanıcının sayfada onunla etkileşime girebilmesi için, kullanıcı tarafından görülebilir olması gerekir.

WordPress İçin Özel Bir Widget Eklentisini Nasıl Oluştururum?

WordPress için özel bir widget eklentisi oluşturmak için, aşağıdaki koda sahip bir PHP dosyası oluşturmanız gerekir: /* Eklenti Adı: [Eklentinin adı] Açıklama: [Eklentinin açıklaması] */ // Widget'ı kaydedin ve yükleyin function [adı_eklenti]_load_widget() { register_widget('[adı_eklenti]'); } add_action( 'widgets_init', '[adı_eklenti]_load_widget'); // [name_of_plugin] widget sınıfının oluşturulması WP_Widget'ı genişletir { function __construct() { parent::__construct( // '[name_of_plugin]' widget'ınızın temel kimliği, // Widget adı UI'de görünür __('[Eklentinin adı] ]', '[adı_eklenti]'), // Widget açıklama dizisi( 'açıklama' => __( '[eklenti açıklaması]', '[adı_eklenti]' ), ) ); } // Widget ön uç oluşturma // Eylemin gerçekleştiği yer burası public function widget( $args, $instance ) { $title = application_filters( 'widget_title', $instance['title'] ); // widget'tan önce ve sonra argümanlar temalar tarafından tanımlanır echo $args['before_widget']; if ( ! boş( $başlık ) ) echo $args['before_title'] . $başlık. $args['after_title']; // Kodu çalıştırdığınız ve çıktıyı görüntülediğiniz yer burasıdır echo __( '[Eklentinin adı]', '[adı_eklenti]' ); echo $args['after_widget']; } // Widget Backend public function form( $instance ) { if ( isset( $instance[ 'title' ] ) ) ) { $title = $instance[ 'title' ]; } else { $başlık = __( '[Eklentinin adı]', '[adı_eklenti]' ); } // Widget yönetici formu ? > WordPress kullanıcıları bir widget alanı oluşturduğunda, o alana küçük içerik parçaları eklerler. Widget, kurulduğu widget alanına bağlı olarak, tüm sayfalarda çeşitli bilgi türlerini görüntüleyebilir veya yalnızca belirli bilgileri görüntüleyebilir. Varsayılan olarak kullanıma sunulan bazı widget'lar vardır, diğerleri ise bir eklenti veya tema kullanılarak kullanıma sunulur. Temel bir özel widget oluşturmak için yukarıda belirtilen dört yöntem sınıfınıza eklenmelidir. Gösterge tablosunda kullanmak için widget'ı kaydetmek için register_widget() işlevini kullanmanız gerekir. Bu makalede sunduğumuz örneği incelemeden önce, kodun her bölümünün amacını hızlıca gözden geçireceğiz. Custom_Widget sınıfında kullanılan yöntemlerden biri de karakter atama yöntemidir. Widget'ı __construct() yöntemini kullanarak yapıcı yöntemiyle kimliği olarak custom_widget ile oluşturduk. register_widget() yöntemini kullanarak, mevcut olan kaydedildikten sonra yeni bir pencere öğesi oluşturulur. Widget seçeneklerine dahil edildiklerinde yalnızca bu parçaların görüntülendiğinden emin olmak için her bir parçayı if…* ifadeleriyle sardık. Widget() yöntemi, tüm çok paragraflı metinlerin düzgün şekilde görüntülenmesini sağlamak için nl2br() işlevini içeriyordu. sanitize_text_field() argümandaki gereksiz boşlukları, sekmeleri ve satır sonlarını ortadan kaldırır. Ayrıca, önceki iki durumda bağlantı hedefinin _blank olarak ayarlandığını belirten Yes değeri, seçim alanında varsayılan olarak ayarlanır. Başlığın altındaki başlık, metin, bağlantı ve bağlantının yeni bir sekmede açılıp açılmaması gerektiği belirtilmelidir. Lütfen seçtiğiniz seçenekleri hemen Kaydet butonuna tıklayarak kaydediniz. Varsayılan bir tema seçtiğinizde, widget farklı bir çıktı üretecektir. Bu durumda, Lekker WordPress temasını kullanırsanız, widget'ınız aşağıda gösterilene çok benzer görünebilir. WordPress'te Nasıl Özel Bir Resim Widget'ı Oluşturabilirim? WordPress kenar çubuğuna resim eklemek için 'Görüntü' widget'ını seçin. Görünüm'e giderek görünümünüzde değişiklik yapabilirsiniz. Widget içeren bir sayfanız varsa, 'Image' widget'ını kenar çubuğuna ekleyin.Özel Widget EklentisiKredi: octobercms.comÖzel bir widget eklentisi, kendi özel widget'ınızı oluşturmanıza izin veren bir eklentidir. Bu eklenti, web siteleri veya blogları için özel bir widget oluşturmak isteyenler için harika. Bu eklenti ile, kendiniz kodlamak zorunda kalmadan kolayca özel bir pencere öğesi oluşturabilirsiniz. Qt Designer ile kullanılabilecek özel bir pencere öğesi sağlamak için, bir eklenti arayüzünün yanı sıra bağımsız bir uygulama sağlamamız gerekiyor. Bu örneğin özel widget'ı, analog saat karşılığı gibi, herhangi bir özel sinyal veya yuvaya sahip değildir. Q_PLUGIN_METADATA() makrosu, verileri dışa aktararak widget'ın bir eklenti olarak doğru bir şekilde tanımlandığından emin olmak için kullanılmalıdır. AnalogClock sınıfı, pencere öğesi kutusunun içinde özel bir pencere öğesi olarak kullanılabilir ve bağımsız bir sınıf örneğidir. AnalogClock sınıfı için bir eklenti sınıfı, Qt Designer'a dahil edilmiştir. QObject sınıfının yapıcısı, başlatılmış değişkeni false olarak ayarlayan QObject temel sınıf yapıcısını çağırır. isInitialized() işlevi, Qt Designer'ın tanımlamasına izin vererek eklentinin kullanıma hazır olup olmadığını kontrol eder. createWidget() işlevi, özel bir parçacığın örneklerini oluşturabilir. Widget eklentisi, Qt Designer'ın widget eklentisi bölümünde grubun adında görünür olacaktır. Bir araç ipucu ve Bu Nedir? Widget kutusunda, özel widget için yardım sağlayabilirsiniz. isContainer() işlevi, bir pencere öğesinin diğer pencere öğesi görüntüleri için kapsayıcı olarak kullanılıp kullanılmayacağını kontrol eder. Bu, kullanıcının içinde widget oluşturmasını engeller. Özel Widget WordPress CodeCredit: www.hostpapa.inÖzel bir widget, WordPress sitenize işlevsellik eklemenin harika bir yoludur. Sitenize özel widget kodu eklerken akılda tutulması gereken birkaç şey vardır. Öncelikle, temanızın dizininde “widget.php” adlı bir dosya oluşturmanız gerekecek. Ardından, widget.php dosyanıza şu kodu eklemeniz gerekecek: class Custom_Widget, WP_Widget'ı genişletir { function __construct() { parent::__construct( 'custom_widget', __('Custom Widget', 'text_domain'), dizi ( 'description' => __( 'WordPress siteniz için özel bir widget.', ' text_domain' ), ) ); } genel işlev widget'ı( $args, $instance ) { $title = application_filters( 'widget_title', $instance['title'] ); echo $args['before_widget']; if ( ! boş( $başlık ) ) echo $args['before_title'] . $başlık. $args['after_title']; echo __( 'Merhaba Dünya!', 'text_domain'); echo $args['after_widget']; } public function form( $instance ) { if ( isset( $instance[ 'title' ] ) ) ) { $title = $instance[ 'title' ]; } else { $başlık = __( 'Yeni başlık', 'metin_alanı'); } ? > } genel işlev güncellemesi( $new_instance, $old_instance ) { $instance = dizi(); $instance['title'] = ( ! boş( $new_instance['title']Wordpress Şablona Widget Ekle WordPress şablonuna bir widget eklemek basit bir işlemdir. WordPress dosyalarınıza barındırma hesabınız üzerinden erişmeniz ve uygun dosya. Çoğu durumda, bu başlık.php dosyası olacaktır. Widget'ı eklemek istediğiniz alanı kontrol eden kodu arayın. Ardından, eklemek istediğiniz widget'ın kodunu kopyalayın ve uygun dosyaya yapıştırın. Dosyayı kaydedin ve sunucunuza yükleyin.İşte bu! Widget artık WordPress sitenizde görünecek.WordPress'te, the_widget() adlı bir şablon etiketi vardır. Şablon dosyaları.Bir widget, kullanmak istediğiniz widget'ın sınıf adını ve görünmesini istediğiniz yeri içeren bir dosyaya yerleştirilebilir.Başka bir deyişle, son yorumları listelemek istiyorsanız, şunu yazabilirsiniz: Her bir widget için $instance.Yerleşik işlevleri kullanarak, birçok defa def'inizi ekleyebilirsiniz. WordPress widget'larını kullanmak yerine şablon dosyalarınıza ekleyin. Şablonunuzun tamamına the_widget() yöntemi kullanılarak özel widget'lar eklenebilir. Kenar çubuğunuzdan farklı bir platformda kullanılabilen özel widget'lar birçok eklentide mevcuttur. WordPress Temama Nasıl Widget Eklerim? Görünüm sayfasını görmek için WordPress Yönetim Ekranlarını ziyaret edin. Belirli bir kenar çubuğuna sürükleyerek veya Widget ekle bağlantısını tıklayarak bir widget seçin (temanız birden fazla kenar çubuğuna sahipse, hedef kenar çubuğunu seçin).Bir WordPress Sayfa Şablonundan Bir Widget'ı Nasıl Çağırırsınız?İlk adım bulmaktır. ve dosyayı widget'ınızın görünmesi gereken yere ekleyin. İkinci adım, hangi widget'ı kullanmak istediğinizi belirlemektir. Bu bölümde, varsayılan WordPress widget'ının sınıf adlarını gözden geçireceğiz: WP_Widget_Archives.WordPress'te Özel Resim Widget'ı Nasıl Oluşturulur WordPress'te özel bir resim widget'ı oluşturmak için, önce özel bir eklenti veya alt tema oluşturmanız gerekir. Bunu yaptıktan sonra, eklentiniz veya alt temanız içinde “image-widget.php” adlı yeni bir dosya oluşturabilirsiniz. Bu dosyaya şu kodu eklemeniz gerekecek: class WP_Widget_Custom_Image extension WP_Widget { function __construct() { $widget_ops = array( 'classname' => 'widget_custom_image', 'description' => __( 'Size izin veren bir widget') özel bir resim yüklemek için.', ' text_domain' ), ); parent::__construct( 'custom_image', __( 'Özel Resim', 'text_domain'), $widget_ops); } function widget( $args, $instance ) { echo $args['before_widget']; if ( ! boş( $instance['title'] ) ) { echo $args['before_title'] . application_filters('widget_title', $instance['title'] ). $args['after_title']; } if ( ! boş( $örnek['görüntü'] ) ) { yankı ”; } echo $args['after_widget']; } işlev güncellemesi( $new_instance, $eski_instance ) { $instance = $eski_instance; $instance['title'] = sanitize_text_field( $new_instance['title'] ); $instance['image'] = esc_url_raw( $new_instance['image'] ); $örnek döndür; } fonksiyon formu( $örnek ) { $başlık = ! boş( $örnek['başlık'] ) ? $örnek['başlık'] : __( 'Özel Resim', 'metin_alanı'); $resim = ! boş( $örnek['görüntü'] ) ? $örnek['görüntü'] : ”; ?Image Widget eklentisi, WordPress medya yöneticisini kullanarak sitenize resim widget'ları eklemek için kullanılabilecek basit bir eklentidir. Widget çıktı şablonlarının varsayılan bir şablon içermesi yaygındır, ancak bu, şablonunuzdaki dosyalar tarafından değiştirilebilir. 3.2'de, varsayılan şablon davranışını geçersiz kılmanıza olanak tanıyan sh_template_image_widget_php filtresi de eklenmiştir. Belirli bir pencere öğesi örneği hakkında daha fazla bilgi edinmek için ayrıca $args ve $instance olmak üzere iki bağımsız değişken eklemelisiniz. Bunu geçersiz kılarsanız, bunu duyarlı bir tasarımda kullanabilirsiniz. Rastgele görüntüler için nasıl kaydırıcı ekleyebilirim? Evet, bunu yapma seçeneğiniz var. Tipik olarak bu, doğrudan Image Widget eklentisinin kenar çubuğu ekranı aracılığıyla gerçekleştirilir; kenar çubuğu ekranı belirli bir sayfaya ayarlanmalıdır. Bu sayfada herhangi bir sorunuz veya yorumunuz varsa lütfen bize bildirin. Image Widget, açık kaynaklı bir yazılım projesidir. Bu eklenti, çeşitli katkıda bulunanlar tarafından halka sunulmuştur. Resim eklemek istiyorsanız bir alan, bir bağlantı eklemek istiyorsanız bir sınıf ekleyebilirsiniz. Bunu yapmak için yaklaşık 15 dakika harcayacaksınız, bu yüzden değerli bir yatırım. WordPress'te Nasıl Yeni Bir Widget Oluşturabilirim? Widget'ı ilgili widget alanına sürükleyin veya sayfanın sol tarafından sola sürükleyin . Eklemek istediğiniz widget'a tıkladığınızda, bunu yapmanın yollarının bir listesini göreceksiniz. Mevcut bir alana yeni widget'lar eklemek için Widget ekle düğmesini tıklayın.