WordPress Eklentisi Yönetici Sayfası Nasıl Oluşturulur

Yayınlanan: 2022-09-27

Bir WordPress eklenti geliştiricisi olarak, er ya da geç eklentiniz için bir yönetim arayüzü oluşturmanız gerekecektir. Bu yazıda, size nasıl bir WordPress eklentisi yönetici sayfası oluşturacağınızı göstereceğiz. Zaten bir WordPress eklentisi oluşturduğunuzu varsayacağız. Değilse, lütfen yeni başlayanlar için bir WordPress eklentisinin nasıl oluşturulacağına ilişkin kılavuzumuza bakın. Eklentinizi oluşturduktan sonraki adım, bir yönetim arayüzü veya bir yönetici sayfası oluşturmaktır. Bu yönetici sayfası, eklenti ayarlarınızı yapılandırmak için WordPress yöneticileri tarafından kullanılacaktır.

Bir WordPress eklentisi oluşturuyorsanız, bir arka uç sayfası oluşturma şansınız yüksektir. Eklenti yönetici sayfası, tüm WordPress veritabanı sorgularınızı çalıştırabileceğiniz bir yerdir. Bu kursta, eklenti yönetici sayfası için belirli JavaScript ve CSS dosyalarının nasıl ekleneceğini ve ayrıca WordPress mySQL veritabanıyla nasıl etkileşime girileceğini ele alacağım. Bu örnekte, dataTables eklentisini kullanarak WP_users için veritabanı tablosunu sorgulamak için WordPress dataTables kullanacağım. Sonuç olarak, farklı sayfalar için jQuery sürümlerini yüklemek istemiyorum. Aşağıdaki kodda, plugins klasörüne sadece adminpage.php dosyamızın yüklendiğinden emin olacağız. Artık tüm kullanıcılar sütuna, filtreye göre sıralanarak ve kategoriye göre aranarak keşfedilebilir.

Bir WordPress Eklentisi için Nasıl Yönetici Sayfası Oluşturabilirim?

Kredi bilgileri: blog.idrsolutions.com

Bir WordPress eklentisi için yönetici sayfası oluşturmanın en iyi yolu, eklentinin özel gereksinimlerine bağlı olarak değişeceğinden, bu sorunun tek bir cevabı yoktur. Bununla birlikte, bir WordPress eklentisi için etkili bir yönetici sayfası oluşturmaya yönelik bazı ipuçları, açık ve özlü bir dil kullanmayı, sayfayı düzenli ve gezinmeyi kolay tutmayı ve öğreticiler, SSS'ler ve destek iletişim bilgileri gibi yardımcı ve bilgilendirici kaynaklar sağlamayı içerir.

WordPress eklentileri, yönetici sayfaları düşünülerek oluşturulmuştur. Geliştirmekte olduğunuz işlevselliğe bağlı olarak, bir yönetici sayfası oluşturmak için iki veya üç bileşene ihtiyacınız olabilir. İlk adım, add_menu_page() işlevini kullanarak bir menü girişi oluşturmaktır. Bu bölümde ele alınan AJAX ile ilgili bilgilere ek olarak, diğer öğreticileri kullanarak bindirmeler, AJAX işlevselliği ve çeşitli başka teknikler oluşturabilirsiniz. Beşinci argümanı kullanarak, argümanın bir kısmını yansıtan bir fonksiyon yazabilirsiniz. Resmin URL'si sağlanırsa resim görüntülenecektir. Bir WordPress eklentisi olan Dashicons, diğer platformlarla da kullanılabilir. Üst düzey menünüze çeşitli şekillerde alt düzey sayfalar ekleyebilirsiniz.

Özel Eklenti Menüsünü Nasıl Oluştururum?

Kredi: datafeedrapi.helpscoutdocs.com

Özel bir eklenti menüsü oluşturma süreci, kullandığınız eklentiye ve sunduğu özelliklere bağlı olarak değişeceğinden, bu sorunun herkese uyan tek bir yanıtı yoktur. Ancak genel olarak çoğu eklenti, eklentinin ayarlar sayfasına gidip “Menü” sekmesini seçerek özel bir menü oluşturmanıza izin verir. Buradan menü öğelerini gerektiği gibi ekleyebilir, düzenleyebilir ve silebilirsiniz.

Özel menüler oluşturmak ve yönetmek kolaydır ve bunu herkesle yapabilirsiniz. Bilmeniz gereken her şeyi size gösterebilmemin tek yolu, WordPress'in varsayılan teması olan Yirmi Onbeş'i kullanmaktı. Standart menülere ek olarak alt menüler de mevcuttur. Aşağıdaki örnekte bir menü öğesini diğerinin sağına sürükleyebilirsiniz. Birden çok menü, tüm WordPress temaları tarafından desteklenmez. İkiden fazla menü kullanmayı düşünüyorsanız, temanın ayarlarını göz önünde bulundurun. Varsayılan menülerden farklı altbilgiler ve üstbilgi menüleri oluşturmanıza izin veren bazı temalar vardır.

Burada kesin kurallar yoktur, bu yüzden yeni şeyler denemeniz yeterlidir. Sosyal bir menü yapmak, normal bir menü yapmaktan daha da basittir. Her bağlantıya bir URL (bağlantının benzersiz web adresi) ve bir Bağlantı Metni (bağlantının menüdeki adı) eşlik etmelidir. Özel Bağlantılar sekmesine tıkladığınızda, sosyal medya sitenize bir bağlantı oluşturabilirsiniz. Önizleme yapmadan veya ayrılmadan önce sayfayı kaydetmek her zaman iyi bir fikirdir.


WordPress Özel Yönetici Sayfası

Özel yönetici sayfası, kendi oluşturduğunuz ve WordPress yönetim alanına eklediğiniz bir sayfadır. Özel yönetici sayfaları , web sitenize ekstra işlevsellik eklemek veya kullanıcılarınız için özel bir arayüz oluşturmak için kullanışlıdır.

Ödemeniz başarıyla işleme konduysa, aşağıda listelenen mektupları alacaksınız. Satın alma işleminizin sistemimiz tarafından sahte olarak kabul edilmesi durumunda ödemenizi alamayacağız. Sorununuzu hızlı bir şekilde çözmenize yardımcı olmak için bir iş günü içinde öncelikli destek sağlıyoruz. Yıllık lisans size bir yıl boyunca ürün güncellemeleri ve öncelikli müşteri desteği hakkı verir. Ömür Boyu Lisans ile, süresiz olarak ürün güncellemeleri ve öncelikli destek alacaksınız (lisanslama hakkında daha fazla bilgiyi Lisans Sözleşmesinde bulabilirsiniz). 30 $ veya daha fazla değerindeki WordPress eklentilerine ve abonelik süresince piyasaya sürülecek olan gelecekteki eklentilerin tüm kitaplığına erişmek için Pro Üyelik aboneliğini kullanabilirsiniz.

WordPress Eklentisi Yönetici Ayarları Sayfası

Bir WordPress eklentisi yönetici ayarları sayfası, bir eklentinin ayarlarını yapılandırabileceğiniz bir sayfadır. Bu sayfaya genellikle WordPress yönetici panelinden erişilir.

Yönetici kullanıcılar, eklenti ayarları sayfasına giderek ayarlarını bir eklentiye ekleyebilir. Aşağıdaki adımlar bu makalede açıklanmıştır. Makalenin sonuna, şu anda geliştirilmekte olan bir WordPress eklentisi için aşağıdaki işlevlere sahip bir GitHub deposu ekliyoruz. Birinci ve üçüncü adımlar, class-plugins-name-/settings-display.php dosyanıza eklenmesi gereken eklenti adına displayPluginAdminSettings işlevini dahil etmektir. PHP dosyası, eklentinizin ayarlar sayfasını görüntülemek için kullanılacak ve birden fazla ayar formunuz varsa hangi sekmede olduğunuzu ve ayrıca hangi WordPress bildirimlerini göreceğinizi belirleyecektir. Dördüncü adım, displayAdminTab işlevinize pluginNameSettingsMessages işlevine bir referans eklemektir. Eklenti dosyalarını yerel bir geliştirme ortamında düzenliyorsanız, WordPress yönetici panonuza bakabilirsiniz.

Eklentinin ana klasörünü WordPress'e yükledikten sonra eklentiyi yükleyebilirsiniz. registerAndBuildFields işlevinin bir sonucu olarak, registerAndBuildFields işlevi önemli ölçüde daha küçük ve daha okunabilir. Eklenti ayarlarında seçim kutularını kullanmanıza izin veren bu işlevi bir önceki yazımızın sonucu olarak ekledik.

WordPress Yönetici Sayfası Şablonu

WordPress yönetici sayfası şablonu, WordPress yönetici arayüzünün görünümünü ve verdiği hissi özelleştirmek için kullanılan bir sayfa şablonudur. WordPress yönetici arayüzü, WordPress sitenizi yönettiğiniz arka uç arayüzüdür.

Özel Sayfa Şablonunuza Kenar Çubuğu Nasıl Eklenir

Kenar çubuğu olan bir sayfa şablonu oluşturmak istiyorsanız, farklı bir süreçten geçmeniz gerekir. WordPress Yönetici Paneli düğmesine tıklayın ve Sayfalar'ı seçin. Yeni özel sayfa şablonu ekranın sağ tarafında listelenecektir. Kenar çubuğu, kullanmak istediğiniz özel sayfa şablonunun yanındaki Düzenle bağlantısına tıklayarak etkinleştirilmelidir. Özel Sayfa Şablonunu Düzenle sayfası bir Ayarlar bölümü içerir. Kenar çubuğu, sayfanın İçerik bölümünün altında bulunur. Özel sayfa şablonunuza bir kenar çubuğu eklemek istiyorsanız, Kenar Çubuğunu Dahil Et'in yanındaki kutuyu işaretlemeniz gerekir. Sayfanın alt kısmındaki Sayfayı Güncelle simgesine tıklayarak güncellemeyi tamamlayabilirsiniz.

Örnekle WordPress'te Eklenti Nasıl Oluşturulur

WordPress sitenize bir eklenti eklemek, işlevselliğini genişletmenin harika bir yoludur. Basit araçlardan karmaşık uygulamalara kadar binlerce eklenti mevcuttur. Hemen hemen her şey için eklentiler bulabilmenize rağmen, hepsi eşit yaratılmamıştır. İyi kodlanmış, WordPress sürümünüzle uyumlu ve düzenli olarak güncellenen bir eklenti seçmek önemlidir. Başlamak için WordPress Kontrol Panelinin Eklentiler bölümüne gidin. Oradan bir eklenti arayabilir veya kategoriye göre göz atabilirsiniz. Yüklemek istediğiniz bir eklenti bulduğunuzda, “Şimdi Kur” düğmesini tıklamanız yeterlidir. Artık eklenti yüklendiğine göre, onu etkinleştirmeniz gerekecek. Bunu yapmak için "Etkinleştir" bağlantısını tıklayın. Etkinleştirildiğinde, eklenti WordPress Kontrol Panelinin sol kenar çubuğunda görünecektir. Eklentiye bağlı olarak, kullanmaya başlamadan önce ayarlarını yapılandırmanız gerekebilir.

WordPress zaten son derece güçlüdür, ancak eklentiler daha da yüksek seviyelere ulaşmanıza yardımcı olabilir. WordPress binlerce ücretsiz ve ücretli eklentiye sahiptir. Yazma sırasında, resmi WordPress eklenti deposunda 59.000'den fazla ücretsiz WordPress eklentisi bulunmaktadır. Bu eğitimde size basit bir WordPress eklentisinin nasıl oluşturulacağını göstereceğiz. Bu kursta basit bir eklentinin nasıl oluşturulacağını öğrenecek ve başarılı olmanıza yardımcı olacak birkaç kaynak ve araç alacaksınız. Her WordPress eklentisinin birincil dosyası, pluginplate veya pluginboilerplate gibi araçlar kullanılarak manuel veya otomatik olarak oluşturulabilir. Bu öğreticide, hayali bir restoran web sitesine özel bir gönderi türü eklemek için bir eklenti oluşturulacaktır.

Favori metin düzenleyicinizi açarak (Ben Notepad++ kullanıyorum) ve ana dosya olan hot-recipes.html'yi değiştirerek işe başlayabilirsiniz. Etkinleştir düğmesine tıkladığımızda, eklentinin çalışmasını başlatacak kodu girmelisiniz. Bu kod ile özel yazı tipi tariflerimize çeşitli seçenekler üzerinden ulaşılabilir. Diğer özellikler arasında özel alanlar, yorumlar, öne çıkan resimler vb. bulunur. Bunlar, yeni bir tarif oluşturduğunuzda gönderi düzenleyicide görünecek özelliklerdir. Bir hot-recipes.html dosyasını Mac veya PC'de bir zip dosyasına dönüştürmek kolaydır. Test sitenize giriş yapın ve yeni eklentiler ekleyebileceğiniz Eklentiler sayfasına gidin. Şimdi, WordPress yönetici menünüze bakarsanız, yeni Tarifler yazı türümüzün yanı sıra yeni tarifler ekleme yeteneğimizi fark edeceksiniz.

Harika Eklentiyi Yapılandırma ve Kullanma

Eklentiyi oluşturmak için WordPress şablonunuza aşağıdaki kodu eklemeniz yeterlidir: php get_plugin_file('awesomeplugin');? Kod satırını ekledikten sonra kodlamaya başlayabilirsiniz. get_plugin_file() işlevini kullanırsanız, WordPress eklenti dosyasını otomatik olarak yükler. Yapmanız gereken tek şey, eklentiyi yapılandırmak ve kullanmak için yükledikten sonra harikaplugin.php dosyasına bir kod eklemek. Örneğin, yeni bir gönderi oluşturmak için aşağıdaki kod kullanılacaktır: *br. 'Posta', bir add_action inawesomeplugin_post_processing olarak eklenecektir. Awesomeplugin.php dosyası bu kod satırını içerir ve eklentinin tüm görevleri tamamlamasına izin verir.

WordPress Menüsüz Yönetici Sayfası Oluşturun

WordPress, menü içermeyen bir yönetici sayfası oluşturmak için doğal bir özelliğe sahip değildir. Ancak, bu işlevi WordPress'e ekleyebilecek çeşitli eklentiler mevcuttur. Bu tür bir eklenti, WordPress yönetici paneli için özel menüler ve menü öğeleri oluşturmanıza olanak tanıyan Yönetici Menüsü Düzenleyicisidir.

Sepete Ekle düğmesini tıklamadan bir WordPress web sitesine nasıl özel bir yönetici sayfası eklerim? Bu nihayet, istenen menü öğesini (ve alt menü öğesini) vurgulamak için JS gerektirmeyen ve eklentilerin normal menülerinde çalışan basit bir hack ile çözüldü. Benim düşünceme göre, $_GET süper küresel, kullanıcının bir öğeyi düzenlemek istediğini belirtmek için kullanabileceği parametreleri belirtir. Bir sayfayı erişilemez hale getirmek için WP yönetici panelinin bir alt menüsünü veya hatta ana menüsünü kullanabilirsiniz. options.php'yi ana sümüklü böcekleriniz olarak kullanmak, artık add_submenu_page'in WordPress kodeksi için doğru yanıtı sağlar. Bunun nasıl görünebileceğine dair bir örnek için aşağıdaki kod parçacığına bakın. Remove_submenu_page geri arama işlevlerinin kaydını silmez; bunun yerine, yalnızca bağlantıları kaldırır.

Birisi bağlantılı sayfanızı görmediğinde, doğru gezinme menüsü (bu örnekte özel yazı tipi menümüz) görünmeye devam edecektir. Bunu yapmanın en uygun yolu, aşağıdaki resimde gösterildiği gibi aynı ekleme kimliğini tekrar kullanmaktır. Konum 8 ve konum 9 kullanılırken önceki iki konum artık göz ardı edilmez.