WordPress Panosunda Özel Yönetim Sayfaları Nasıl Oluşturulur

Yazan makale:
  • Özel Makaleler
  • Güncelleme: Haziran 30, 2013

WordPress, birkaç yıl önce standart teması olan Kubrick’in ne olduğunu açıkladığında, heyecan verici bir yeni özelliğin de bir parçası oldu. Bu özellik, temaya özel “functions.php” dosyasındaki işlev ve tercihleri ​​tanımlayarak etkinleştirilen özel tema yönetim paneliydi. Sonuçta ortaya çıkan yıllarda, tema seçenekleri sayfası pek çok tema tasarımcısı tarafından ne yazık ki kullanılmadı, ancak kullanıcılara sitelerinin görünümü üzerinde yeni bir tema yüklemeye zorlamadan kontrol sağlamanın harika bir yolu. Tema arka plan görüntüsü, sütun sayısı ve hatta yazı tipi renkleri gibi şeyler bu özel yönetim panelini kullanarak değiştirilebilir.

Yönetim panelinin kendisi, temanın fonksiyon dosyasını özel değerleri tanımlayan bir dizi PHP dizisi ile doldurarak değiştirilir. Bu değerler daha sonra şablona dahil edilir ve kullanıcıların görünüm tercihlerini görsel olarak tanımlamalarını sağlayan bir yönetim panelinde tanımlanır. Tema tasarımcısı bir PHP'nin nasıl çalıştığını ve şablon dosyalarında özel sunum yapabilmek için bu kod parçasını nasıl kullanabileceğini öğrendiğinde, tüm süreç aslında oldukça basittir.

Birkaç adımlı süreç, birkaç site geneli değişkenini ayarlayarak ve bu yeni yönetim sayfasında neyin özelleştirileceğini tanımlayarak başlar.

Adım 1: Temayı Özel İşlevler Oluşturma ve Düzenleme.php Sayfa

Kendi temanızı geliştirdiyseniz, mevcut şablon dosyalarıyla eşleştirilmek için functions.php dosyası oluşturma ihtimaliniz oldukça düşüktür. Bu göreceli olarak gelişmiş bir seçenektir ve çoğu tasarımcı bunu tamamen atlar. Bu durumda, FTP istemcinizi istediğiniz şekilde açmanız ve temanın dosyalarının bulunduğu aşağıdaki sunucu URL'sini göstermeniz gerekir:

/ Public_html / wp-content / themes / SİZİN-TEMA-KLASÖR /

Bu klasörün içine girdikten sonra, "işlev.php" dosyası bulunmadığından emin olmak için iki kez işaretleyin ve sonra "işlev.php" adlı yeni bir dosya oluşturmak için metin düzenleme programınızı kullanın. Bu dosya daha sonra kaydedilebilir ve sunucuya yüklenebilir. FTP. Metin düzenleme programına duyulan ihtiyacı ortadan kaldırarak doğrudan sunucuda düzenlenebilir.

“Functions.php” dosyasında tanımlanan geçerli bir tema seçenekleri paneline sahip olmanın ilk adımı, belgenin en üstünde iki değişken tanımlamaktır. Bu değişkenler, Gösterge Tablosunu kullanarak temanın adını görüntülemek ve bu yönetim sayfasındaki form ve seçim öğelerini tanımlamak için kullanılacaktır. Aşağıdaki kodu inceleyin, "functions.php" belgenizin en üstüne yerleştirin ve sitenizin gereksinimlerine göre özelleştirin.

$ longname = “Yönetim Paneli Geliştirme Teması”;
$ shortcode = “apdt”;

Bu değişkenler farklı amaçlara hizmet eder. $ Longname değişkeni, temanın adını gerçek yönetim seçenekleri panelinde yazdırmak için kullanılacaktır. Bu nedenle, geliştiricilerin, kullanıcıları arasındaki karışıklığı önlemek için temanın tam adını bu değişkene atamaları önerilir. $ Shortcode değişkeni, kodun içindeki form öğelerini tanımlamak için kullanılacağından, noktalama işaretleri olmadan tüm küçük harfler olmalıdır. Örnekte, temanın tam adına göre basit bir kısaltma kullanılmıştır; Bu, kullanıcının zevklerine göre özelleştirilebilir.

Adım 2: PHP Dizileri Kullanarak Özelleştirilebilir Tercihlerin Tanımlanması

İlk olarak, temaya yönetim panelinin adının ne olduğunu söylemek önemlidir. Bu, tüm potansiyel ayarların üzerine basılacaktır ve acemi kullanıcılar için amaç netliğini arttırmaya yardımcı olacaktır. Bu, aşağıdaki diziyi “functions.php” dosyasındaki $ settings etiketine ekleyerek yapılır:

$ ayarlar = dizi (
dizi (“name” => $ longname. ”Görünüm Ayarları”,
“Type” => “title”),

Daha sonra, seçeneklerle dolu dizinin “açık” olduğunu veya kullanıcı girişi tarafından değiştirilebileceğini belirtmeliyiz. Bu, sayfanın başlığının tanımının hemen altında görünen başka bir basit dizi kullanılarak yapılır. Bu gibi görünüyor:

dizi (“type” => “open”),

Şimdi tema görünümü seçeneklerini tanımlamaya başlıyoruz, her biri yeni bir dizi olarak yaratılıyor. Bu örnekte, temanın altbilgisine yerleştirilen metni tanımlayacağız. Varsayılan olarak, örnek tema, tema geliştiricinin web sitesine bağlantı ve ayrıca sürüm bilgisi içerir. Ancak, bu bilgileri kendi altbilgisine yerleştirmeyi tercih eden çok sayıda WordPress kullanıcısı tarafından istenmez, bu nedenle bu özel kontrolün etkinleştirilmesi, onları "footer.php" dosyasının elle düzenlenmesini kaydeder. İşte böyle yapılır.

dizi (
“Name” => “Özel Tema Altbilgi Metni”,
“Desc” => “Bu, bu temada yer alan her sayfanın sonunda görüntülenen metindir”.
“İd” => $ shortcode. ”_ Custom_footer”,
“Type” => “text”,
“Std” => “Deneysel Tema v1.0. John Doe tarafından geliştirildi. Burada daha fazla tema var. ”),

Yukarıdaki dizi, kullanıcının temanın standart altbilgi metnini belirlemesine izin verir, ancak bu işlemin nasıl çalıştığını ve dizinin her bir parçasının neyi tanımladığını daha iyi tanımlamak için dizi etiketlerinin açıklanması gerekir.

İsim: Bu, gerçek metin kutusunun adını ifade eder ve tema için yönetim seçenekleri sayfasına girdiğinde kullanıcılara sunulmaz.

azalan: Bu, özel ayarlara eşlik eden kısa bir açıklamadır ve bu, kullanıcılara gösterilir.

ID: Bu, metin kutusunun hem sunulması hem de stillenmesi için formun isminin özel olarak tanımlanmasıyla birlikte kısa kodu kullanır.

Gayrimenkul : Bu, form öğesinin bir metin satırı, bir metin kutusu, bir açılır menü, bir radyo düğmesi veya bir onay kutusu olup olmadığını tanımlar.

STD: Bu, seçilen öğenin varsayılan değerini belirler. Bir metin kutusu için, bu girilen varsayılan metni belirler. Onay kutuları, radyo düğmeleri ve açılır kutular için, varsayılan olarak hangi seçeneğin seçildiğini belirler.

Adım 3: Yeni Seçenek Sayfasına Erişimi Etkinleştirmek için WordPress'e Bağlanma

Seçenekler sayfasına bir temanın ana klasöründeki “functions.php” dosyası kullanılarak bir amaç verilmiş olmasına rağmen, henüz WordPress tarafından tanınmamış veya WordPress Panosu içindeki diğer birçok ayar sayfasına dahil edilmiş olmalıdır. Bunun nedeni, temanın seçenek sayfasının işlevler sayfasında tanımlanması ve nereye gideceği söylenmesi gerektiğidir (bağımsız bir kenar çubuğu öğesi olarak veya “Ayarlar” gruplaması içinde). Bu, potansiyel özelleştirmeler dizisinin altındaki “functions.php” dosyasına eklenen nispeten basit bir işlev kullanılarak yapılır:

function experimental_theme_save_values ​​() {
global $ longname, $ shortcode, $ ayarlar;
if ($ _GET ['page'] == basename (__ FILE__)) {
if ('save' == $ _REQUEST ['eylem']) {
foreach ($ değer olarak $ ayarlar) {
update_option ($ değer ['id'], $ _REQUEST [$ değer ['id']]); }
foreach ($ değer olarak $ ayarlar) {
if (isset ($ _REQUEST [$ değer ['id']]])) {update_option ($ değer ['id'], $ _REQUEST [$ değer ['id']]); } else {delete_option ($ değer ['id']); }}
başlık (“Konum: themes.php? page = functions.php & saved = true”);
ölmek;
} else eğer ('reset' == $ _REQUEST ['eylem']) {
foreach ($ değer olarak $ ayarlar) {
delete_option ($ değer ['id']); }
başlık (“Konum: themes.php? page = functions.php & reset = true”);
ölmek;
}
}
add_menu_page ($ longname. ”Görünüm Ayarları”, “”. $ longname. ”Görünüm Ayarları”, 'edit_themes', basename (__ FILE__), 'experimental_theme_save_values');

Bu kod parçası iki şey yapar. İlk olarak, tema ayarlarının yönetim seçenekleri panelinden kaydedilmesini sağlar. İkincisi, WordPress Dashboard'un kenar çubuğuna, kullanıcının tıklamasını ve doğrudan tema seçenekleri paneline gitmesini sağlayan bağımsız bir düğme yerleştirir. Gerçek sayfanın kendisi gibi “Görünüm Ayarları” olarak etiketlenmiştir. Tutarlılık, karmaşayı ortadan kaldırmak ve kullanıcıları, özellikle temaların görünümünü özelleştirmek için seçenekler paneline yönelmelerini söylemeden sayfalara yönlendirmenin anahtarıdır.

Adım 4: Hata Mesajları Ekleme ve PHP Dosyasını Kapatma

Tema seçenekleri panelinin tüm öğelerini doldurmanın son adımı, bir kullanıcının karşılaşabileceği hata mesajlarını tanımlamak ve form öğelerinin, seçenekler sayfasındaki varsayılan WordPress stilinde sunulabilmesini sağlamaktır. Hata mesajlarının eklenmesi, bu kodu PHP fonksiyonları dosyasına yapıştırarak yapılır:

function experimental_theme_save_values ​​() {
global $ longname, $ shortcode, $ ayarlar;
if ($ _REQUEST ['kaydedilen']) echo '
'$ Themename.' görünüm özelleştirmeleri başarıyla kaydedildi.
';
if ($ _REQUEST ['reset']) echo '
'$ Themename.' görünüm özelleştirmeleri başarıyla sıfırlandı.
';

Bu iki kod satırının altında, functions.php dosyasının PHP bölümü?> Bitiş etiketi kullanılarak kapatılabilir. Bunun altında, standart WordPress Dashboard stil sayfasını kullanarak elemanlara stil vermek için XHTML kodu yerleştirilecektir.

Adım 5: Seçenek Sayfasının Bazı Stillerini Verme

Şu anda, WordPress Dashboard kullanıcıları yeni hata sayfasını görebilir, ancak çok fazla şey yapamazlar. Bunun nedeni, form öğelerinin ve stil sayfasının henüz yönetim arabiriminde kullanılmak üzere functions.php dosyasına yerleştirilmemesidir. Yeni panelde kullanılacak stil sayfasını ve varsayılan form öğelerini eklediğimiz için bunların hepsi değişmek üzere.

<div class = ”wrap”>
<h2> <? php echo $ longname; ? > Ayarlar </ h2>

<form method = ”post” action = ”options.php”>

<? php sonu; case 'text':? >

<tr>
<td width = ”20%” rowspan = ”2 ″ valign =” orta ”> <strong> <? php echo $ value ['name']; ? > </ strong> </ td>
<td width = ”80%”> <input style = ”width: 100%;” name = ”<? php echo $ value ['id']; ? > ”İd =” <? Php echo $ değer ['id']; ? > ”Type =” <? Php echo $ değer ['tür']; ? > ”Value =” <? Php if (get_settings ($ değer ['id'])! = “”) {Echo get_settings ($ değer ['id']); } else {echo $ value ['std']; } > ”/> </ Td>
</ tr>

<tr>
<td> <small> <? php echo $ değer ['desc']; ? > </ small> </ td>
</ tr> <tr> <td colspan = ”2 ″> </ td>
</ tr>

<? php break;}? >

<input type = ”gönder” value = ”<? php _e ('Tema Ayarlarını Kaydet')? > ”/>

Bu kod PHP fonksiyonları dosyasının kapanış etiketinin altına yapıştırılır ve tema seçenekleri panelinin içerebileceği her form türü için özelleştirilebilir. “Case” değişkeni “text” den text box, checkbox, select ve title gibi şeylere değiştirilebilir. Bu formlar yalnızca tema tarafından kullanılıyorsa dahil edilmeleri, tanımlanmaları ve stillendirilmeleri gerekir. Aksi takdirde, içerilmeleri gerekli değildir ve daha sonra temanın işlev dosyalarından çıkmak, verimliliği ve temiz kodu teşvik eder.

Adım 9: Gerçek Temada Görülecek Özel Seçeneği Etkinleştirme

Herhangi bir değişikliğin temanın genel şablonlarında görülebildiğinden emin olunurken uygulanacak iki adım vardır. İlki, bu eğitimin önceki adımlarında etkinleştirdiğimiz kullanıcı tanımlı telif hakkı ve sürüm metnini görüntüleyecek temanın altbilgisine bir değişken yerleştirmektir. Bu, aşağıdaki kodu altbilgi telif hakkı alanına yerleştirerek yapılır:

<? php echo $ apdt_custom_footer; ? >

Bu metin, daha önce tanımlanmış altbilgi metni için özel diziyi çağırır ve “Echo” ifadesine göre bu metni altbilgide yazdırır. Bu etiket, kullanıcının uygun gördüğü herhangi bir XHTML etiketinde bulunabilir, ancak sitenin başlığına eklenen bir kod parçası olmadan gösterilmez.

Üstbilgide, temanın, WordPress Panosunda belirlenen kullanıcı tanımlı seçenekleri araması için talimat verilmeli ve içeriğini yazdırabilmek için özel “functions.php” dosyasında tanımlanan değişkenleri bilmelidir. web sitesine. Bu, aşağıdaki PHP değişkenini web sitesinin başlığına yerleştirerek yapılır (tipik olarak “header.php” dosyası):

<? php global $ ayarları;
foreach ($ değer olarak $ ayarlar) {
if (get_settings ($ değer ['id']) === YANLIŞ) {$$ değer ['id'] = $ değer ['std']; } else {$$ value ['id'] = get_settings ($ değer ['id']); }
}
? >

Hepsi bu kadar. Şimdi, özel functions.php dosyasında tanımlanan her seçenek, yalnızca belirlenmiş özelleştirmelerin ve içeriğin etkili olması gereken özel tanımlı bir PHP değişkeni ekleyerek sayfanın görünümüne yansıtılabilir.

10 Adımı: Yeni Ayarları ve Seçenekler Sayfasını Test Edin

Hiçbir "WordPress geliştirme çabası," kodlar "ın içine yerleştirilen PHP kodundaki hatalar, hatalar ve yanlışlıkla yapılan hatalar için tamamen test edilinceye kadar tam olarak tamamlanmamıştır. Bu, test almak için zamanı geldi dedi! WordPress Panosuna giriş yapın ve üzerinde çalıştığınız tema şu anda seçili değilse, kenar çubuğundaki “Görünüm” kategorisine girdiğinizden ve ilgili temayı etkinleştirdiğinizden emin olun.

Oradan birkaç şeye bakın:

  1. Tema ayarları bağlantısının, “Ayarlar” kenar çubuğu kategori başlığının altındaki kenar çubuğunda kendi varlığı olarak göründüğünden emin olun.
  2. Özelleştirilmiş altyazı özelleştirme seçeneğinin özel seçenekler kontrol panelinde erişilebilir olduğundan emin olun; altbilginin varsayılan içeriğini değiştirin ve tercihinizi kaydedin. Hata olmadan kaydedildiğinden emin olun.
  3. Gerçek, herkese açık web sitenizi ziyaret edin ve altbilginin içeriği ile ilgili olarak Kontrol Paneli'nde yapılan değişikliklerin görüntülendiğinden emin olun.
  4. Her şey düzgün çalışıyorsa, rahat bir nefes alın ve ilk WordPress tema seçenekleri kontrol paneli sayfanızın keyfini çıkarın.

Jerry Low hakkında

WebHostingSecretRevealed.net (WHSR) 'nin kurucusu - 100,000 kullanıcıları tarafından güvenilen ve kullanılan bir hosting incelemesi. 15'in üzerinde web barındırma, bağlı kuruluş pazarlaması ve SEO konusunda yılların tecrübesi. ProBlogger.net, Business.com, SocialMediaToday.com ve daha fazlasına katkıda bulundu.