Daha kullanışlı bir WordPress teması ve eklenti nasıl yapılır
Harika bir WordPress teması veya eklentisi oluşturmak, işlevsellik ve optimize edilmiş kodun yanı sıra kullanımı kolaylaştırmakla ilgilidir. Kullanıcı temayı veya eklentiyi her etkinleştirdiğinde ve düzenlemeye ve çevresinde yollarını bulmak için mücadele ettiğinde, yavru kedi dünyasında bir yerde acı çekiyor. Bitirirsek daha iyi olurdu, değil mi? Neyse ki, eklentilerinizi ve temaları daha yararlı hale getirmek için yapmanız gereken şey, WordPress doğuştan gelen işlevselliği kullanmaktır. “Tekerlekleri kurtarmak” bunun için gerekli beceriler listesinde değildir. Eklentilerinizi ve temalarınızı kullanırken kullanıcıların yollarını bulmasına ve hayal kırıklığını ortadan kaldırmasına yardımcı olacak bazı tekniklere bakalım.
Yönetici Talimatları
Yönetici Bildirimi
Bağlamsal yardım
Yönetici Bağlantı Yöneticisi
Eklenti ve meta bağlantılar
Yönetici talimatları WordPress 3.3’te tanıtıldı, WordPress yönetici işaretçisi kullanıcıların dikkatini çekmenin en agresif yoludur, bu yüzden işaretçilerle deli olmayın. Ancak, temanızı veya eklentinizi yeni yükleyen/yükseltmiş kişilere gerçekten söylemeniz gereken bir şey varsa, WordPress yönetici göstergesi doğru yoldur. Kullanımı çok kolaydır, ancak WordPress Codex sitesinde kötü belgelenmiştir. Aşağıda, işaretçinin nasıl çalıştığının kısa bir açıklaması, ardından Ayarlar menüsünün yanına bir işaretçi ekleyen bir örnek verilmiştir.
Tema veya eklenti yeni bir işaretçi kaydedebilir, her işaretçi için benzersiz bir kimlik ayarlayabilir
“Rissers Get” bağlantısını tıklayana kadar işaretçi kullanıcılara görüntülenir
Bu gerçekleştiğinde, gösterge kimliği Dissised_wp_pointers Meta Key kullanıcısına eklenir ve işaretçi artık görüntülenmez
Ve örneğin, vaat edildiği gibi: / ** * Ayarlar menüsüne basit bir WordPress işaretçisi ekler * / işlev thsp_enqeue_pointer_script_style ($ hook_puffix) {// İşaretçinin $ enqueue_pinter_script_scripcript_script_script_scripcript_script_script_script_script_script gösterilmemesi gerektiğini varsayalım // Mevcut kullanıcı için işten çıkarılan işaretçilerin dizi listesini alın ve bunu $ DESTISSED_POINTERS = POLDE (‘,’, get_user_meta (get_current_user_id (), ‘dissised_wp_pointers’, true) dizisine dönüştürün; // İşaretçimizin işten çıkarılanlar arasında olup olmadığını kontrol edin (! in_array (‘thsp_settings_pointer’, $ DESTISSED_POINTERS)) {$ enqueue_pointer_script_style = true; // Add_ace (‘admin_print_footer_scripts’, ‘thsp_pointer_print_scripts’) geri arama işlevini kullanarak altbilgi komut dosyaları ekleyin; } // Enqueue işaretçisi CSS ve JS dosyaları, gerekirse ($ enqueue_pointer_script_style) {wp_enqueue_style (‘wp-pointer’); wp_enqueue_script (‘wp-point’); }} add_ace (‘admin_enqueue_scripts’, ‘thsp_enqueue_pointer_script_style’); İşlev thsp_pointer_print_scripts () {$ pootin_content = ”
Aramayı bırak, tam burada!
“; $ pointer_content. = ”
Hiç bir eklenti etkinleştirdiyseniz, ayarlar sayfasının nerede olduğu hakkında hiçbir fikriniz yoktu, elinizi kaldırın.
“; ?> /! echo $ pointer_content;?> ‘, konum: {Edge:’ sol ‘, // ok yönü hizalanması:’ merkez ‘// dikey hizalama}, pointerwidth: 350, Close: function () {$ .post: ‘thsp_settings_pointer’, // işaretçi kimliği eylemi: ‘dissis-wp-pointer’});
}}). İşaretçi (‘açık’);});//]> Şuna benzer bir şey üretecek: Bu sadece basit bir şeydir, WordPress yönetici işaretçisi hakkında daha fazla bilgi edinmek istiyorsanız, UI WordPress ile entegre hakkında bu makaleye bakın: Admin Işaretçi.Yönetici Bildirimi Yönetici işaretçisi bir dükkanın önünde büyük bir ok tutan bir adamsa, yönetici bildirimi, broşürleri uzak yerlerde dağıtan kişidir.Seni gerçekten sürüklemiyor, ama yine de dikkat çekiyor.Tabii ki, her zaman bildirimler görüntülemek istemezsiniz, bu nedenle kapatılmasını veya koşullu bir işleve yerleştirilmesini sağlamak zorundasınız.İşte örnekler:
Bu “güncellenmiş” bildirimdir. P>
‘; } // Yalnızca bu bildirimi, kullanıcının görevden alınmasından bu yana kullanmıyorsa göster // (! Get_user_meta ($ userId, ‘IGNORE_Sample_ERROR_NOTICE’)) {echo ‘
Bu bir” hata “bildirimidir. işten çıkarma .
‘; }} add_ace (‘admin_notices’, ‘thsp_admin_notices’); Bu örnekteki ilk bildirim yalnızca genel ayar sayfasında görüntülenecektir. İkincisi, yalnızca henüz görmezden gelmemiş kullanıcılar için görüntülenir. Gördüğünüz gibi, kullanıcının geçerli user_notice’nin user_sampel_notece alanını kontrol eder ve yalnızca alan boşsa görüntülenir. Peki, “Kurtulun” ı tıkladıklarında kullanıcı meta alanlarını nasıl ekleriz? Kolay: / ** * İşten çıkarılma bağlantısı tıklandığında kullanıcı meta değeri ekle */ function thsp_dismiss_admin_notice () {global $ current_user;$ userId = $ current_user-> id;// “Dissis” bağlantısı tıklandıysa, ($ _Get [‘Dississ_me’]) && ‘evet’ == $ _get [‘Dississ_me’]) {add_user_meta ($ userId, ‘IGNore_Sample_error_Notice’. ‘ Evet doğru);}} add_ace (‘admin_init’, ‘thsp_dismiss_admin_notice’);Admin_init’in eylemlerine bağlanırız ve Get DEBISS_ME parametresinin ayarlanıp ayarlanmadığını kontrol ederiz.”Kurtulma” bağlantımız için HREF özelliği?
İhtiyacınız olan her belgenin parmaklarınızın ucunda, doğru ve sadece ihtiyacınız olduğunda bir dünya hayal edin. Şimdi bunu gerçekleştirelim. Bağlamsal yardım sadece buna izin vermekle kalmaz, aynı zamanda çok kolaydır. Bağımsal yardım ekleyebilmemiz için eklentimiz için ayar sayfasını kaydedelim. / ** * Ayarlar sayfası ekle, Ayarlar menüsü */ işlevi thsp_add_settings_page () {global $ thsp_settings_page; $ Thsp_settings_page = add_opations_page (‘Ayarlar sayfamız’, ‘Ayarlar sayfamız’, ‘manage_opations’, ‘thsp_settings_page’, ‘thsp_show_settings_page’); // WP sürümünün 3.3 veya daha yüksek olup olmadığını kontrol edin, bağlamsal yardım ekle Global $ wp_version; if (sürüm_compare ($ wp_version, ‘3.3’)> = 0) {add_raction (‘load-‘. $ thsp_settings_page, ‘thsp_add_help_tabs’); }} add_ace (‘admin_menu’, ‘thsp_add_settings_page’); Bu blog yazısının kapsamı dışında olduğu için Ayarlar sayfasının dönüş işlevini – Thsp_show_Settings_Page ile ilgilenmeyeceğiz. WordPress Ayarları sayfası hakkında bilgi edinmeniz gerekiyorsa, WPTUTS+ ‘dan Tom McFarlin size yardımcı oldu. Ancak, daha derin görmek istediğimiz küçük bir kod şudur:
// WP sürümünün 3.3 veya daha yüksek olup olmadığını kontrol edin, bağlamsal yardım ekle Global $ wp_version;if (sürüm_compare ($ wp_version, ‘3.3’)> = 0) {add_raction (‘load-‘. $ thsp_settings_page, ‘thsp_add_help_tabs’);} WordPress 3.3 veya üstü gereklidir, çünkü bağlamsal bir yardım sekmesi eklemek için add_help_tab işlevini kullanacağız.Add_ace’de kullanılan kancanın IT-‘load- ‘de bir değişkene nasıl sahip olduğunu unutmayın.$ Thsp_settings_page ‘yük-‘.$ Thsp_settings_page?Bu, thsp_add_help_tabs işlevinin yalnızca yeni kaydettiğimiz ayar sayfasına bağlı olmasını sağlar.Muhteşem. Şimdi, bir yardım sekmesi ekleyen işlevdir: / ** * Bağlamsal yardım için geri arama işlevi, wp 3.3 * / işlevi gerektirir thsp_add_help_tabs () {global $ wp_version; if (versiyon_compare ($ wp_version, ‘3.3’)> = 0) {global $ thsp_settings_page; $ ekran = get_current_screen (); // Geçerli ekranın Ayarlar Sayfası olup olmadığını kontrol edin // ($ screen-> id! = $ thsp_settings_page) döndürürse yardım sekmesi eklemeyin; // Yardım sekmeleri ekleyin $ ekran-> add_help_tab (‘id’ => ‘thsp_first_tab’, ‘başlık’ => __ (‘ilk sekme’, ‘thsp_contextual_help’), ‘içerik’ => __ (‘
Evet, videolar bile yerleştirebilirsiniz, güzel! Lispullscreen> ‘,’ thsp_contextual_help ‘),)); $ screen-> add_help_tab (dizi (‘id’ => ‘thsp_second_tab’, ‘başlık’ => __ (‘ikinci sekme’, ‘thsp_contextual_help’), ‘içerik’ => __ (‘
hiç kimsenin tıklamayacağı ikinci sekme.
‘,’ thsp_contextual_help ‘),); // Yardım Kenar Çubuğu $ ekran-> set_help_sidebar (‘
. __ (‘ Web sitemiz ‘,’ ts-fab ‘). a>
<a href =" http://plus.google.com/104360438826479763912pp
Google+
linkedIn
‘);}} Yalnızca WordPress sürüm 3.3 veya daha yüksek olup olmadığını kontrol etmeliyiz, doğru sayfada olduğumuzdan emin olun ve Set_help_idabarabak’ı kullanarak ADD_HELP_TAB işlevini ve yardım çubuğunu kullanarak Yardım sekmesini ekleyin.Diğer her şey sıradan bir HTML’dir. Bağlamsal yardımdan bir kayıp varsa, çoğu WordPress kullanıcısı bunu fark etmez (ekran seçenekleri de).Öyleyse, belki de kaçırmadıklarından emin olmak için talimatlar?WordPress Yönetici Bağlantısı
Bu, özellikle ön uç sitelerini keşfeden giren kullanıcılar için çok yararlıdır. Önemli gösterge tablosu işlevlerinin çoğuna bir tıklama erişim sağlarlar ve temanız veya eklentinizin WordPress yönetici çubuğunda bir yeri hak ettiğini düşünüyorsanız, bunu yapmak için kolay bir yoldur: / ** * Yönetici çubuğu özelleştirme * / işlev Thsp_admin_Bar_Links () {Global $ wp_admin_bar; // mevcut bir yönetici çubuğu bağlantısına yeni bir alt menü ekler $ wp_admin_bar-> add_menu (dizi (‘parent’ => ‘yeni-content’, ‘id’ => ‘install_plugin’, ‘başlık’ => __ (‘eklentiler’ , ‘Thsp_admin_bar’), ‘href’ => admin_url (‘plugin-install.php’))); // $ wp_admin_bar-> add_menu (‘ebeveyn’ => false, ‘id’ => ‘custom_top_level’, ‘başlık’ => __ (‘üst seviye’ , ‘Thsp_admin_bar’), ‘href’ => ‘#’)); $ wp_admin_bar-> add_menu (dizi (‘parent’ => ‘Custom_top_level’, ‘id’ => ‘Custom_sub_menu’, ‘başlık’ => __ (‘alt menü’, ‘thsp_admin_bar’, ‘href’ => ‘# ### ‘)); // Mevcut bir üst düzey yönetici çubuğu bağlantısını kaldırır $ wp_admin_bar-> remove_menu (‘yorum’); } Add_action (‘wp_beefore_admin_bar_render’, ‘thsp_admin_bar_links’);
İşlemden önce $ wp_admin_bar nesnesini değiştirmek için WP_BEFORED_ADMIN_BAR_RENDER eyleminin kancasını kullanıyoruz.Yukarıdaki örnek, mevcut üst seviyeye (yeni) bir alt menü ekler, içine yerleştirilmiş diğer bağlantılarla (üst seviye, alt menü) ve mevcut üst seviye bağlantılarını (yorumlar) silin. Eklenti ve Meta bağlantısı ekler. hareketler.
Gösterge Tablosu eklentileri, yüklü tüm eklentilerin bir listesini görüntüler. Eklentinin etkinleştirilip etkinleştirilmediğine bağlı olarak her eklenti adı, açıklama, sürüm, yapımcı ve eklenti sitesine bağlantının yanı sıra etkinleştirme, devre dışı bırakma, düzenleme, silme işlemlerini görebilirsiniz. Bazı eklentiler için oldukça iyi. Ancak eklentinizin bir ayar sayfası varsa, özellikle bu kadar basitse, eylem bağlantıları eklememek için iyi bir neden duymak istiyorum: / ** * Eklentiler tablosuna eylem bağlantıları ekleyin * / add_filter (‘plugin_raction_links_’ ‘ Plugin_basename (__file__), ‘thsp_plugin_action_links’); İşlev thsp_plugin_action_links ($ links) {return array_merge (array (‘ayarlar’ => ‘<a href=". admin_url('tools.php ('settings','ts-fab').'‘) , $ bağlantılar); } Bu kodu, doğru kancanın kullanılabilmesi için eklentinizin ana dosyasına (name-plugin.php) eklemelisiniz. Örneğin, eklentinizin ana dosyası gerçekten eklenti-name.php ise, işlem bağlantısının yalnızca eklentiniz için eklendiğinden emin olarak ‘Plugin_Raction_Links_Plugin-Name’ kullanılır. Diğer WordPress Magic anlarından biri. Meta bağlantıları eklenti satırları biraz farklıdır. Kancanın adı dinamik değil, bu nedenle özel işlevinize iki bağımsız değişkene devam etmeniz gerekiyor, mevcut bağlantı satırları ve eklenti bağlantıları şu anda işleniyor: / ** * Eklentiler tablosuna meta bağlantılar ekleyin * / add_filter (‘plugin_row_meta’ , ‘Thsp_plugin_meta_links’ bağlantıları ‘, 10, 2); İşlev thsp_plugin_meta_links ($ links, $ file) {$ eklenti = eklenti_basename (__ dosya__);
