Un ghid pentru începători în Cadrul Titan Crearea unui panou de administrare cu Titan

Panoul de administrare WordPress este destul de deschis pentru modificări, iar dezvoltatorii de web-uri au făcut totul din ele. Aceste modificări sunt mai frecvente pe teme datorită nivelului extins de funcționalitate, dar puteți găsi și un set complet de cadre de opțiuni și în unele plugin-uri proeminente. Să analizăm ce putem face în panoul de administrare atunci când vine vorba de crearea opțiunilor cu Titan Framework.

Titan, fiind un cadru de opțiuni, vă ajută să adăugați panouri de administrare pentru proiectul dvs. de dezvoltare, scriind doar câteva linii de cod. Astăzi, vă voi explica cum puteți crea panouri de administrare în Cadrul Titan. Nu numai acest lucru, voi recupera, de asemenea, valorile salvate la front-end. Deci, să începem!    

În acest moment, presupun că ați stabilit următoarele:

  • un demo WordPress instalat pe o mașină locală pentru testare
  • Titan Framework plugin instalat și activat sau încorporat în tema dumneavoastră
  • titan-cadru-checker.php fișier inclus în proiectul dvs., fie acesta un plugin sau o temă

Crearea unui panou de administrare

Mai intai am sa creez un panou de administrare simplu, sa adaug optiuni la acesta si sa obtin valorile lor la capatul frontal. Iată codul pentru el.

createAdminPanel (array ('name' => 'Opțiuni netede' // Nume meniul opțiunilor.)); / ** * Creați opțiunile. * / $ aa_panel-> createOption (array ('id' => 'aa_txt', // ID-ul care va fi folosit pentru a obtine valoarea acestei optiuni. sunt create 'name' => 'Opțiunea My Text', // Numele opțiunii care va fi afișată în panoul de administrare 'desc' => 'Aceasta este opțiunea noastră' // Descrierea opțiunii care va fi afișată în panoul de administrare.)); / ** * Butonul Salvare pentru opțiuni. * / $ aa_panel-> createOption (array ('tip' => 'salvați')); 

Linile 3-9

Aceasta este setarea de bază a Titanului, pe care am abordat-o deja în articolele anterioare, deci ar trebui să le citiți cu siguranță. Aici în codul am adăugat funcția mea ca o acțiune la un cârlig numit  tf_create_options. Apoi am înregistrat o instanță prin getInstance () care inițializează o instanță unică Titan cu numele temei / pluginului / pachetului. În cazul meu, îi dau un parametru unic „Curat“. O instanță unică la începutul funcției noastre este necesară pentru a crea un context în care vor fi create opțiunile.

Linile 15-17

Acest cod adaugă un nou panou de administrare în tabloul de bord WordPress. createAdminPanel () funcția creează un panou nou în cadrul Titan Framework. Deci, am creat un panou de admin, adică. $ aa_panel. Va apărea împotriva numelui "Opțiuni netede" în tabloul de bord.  

Imaginea de mai sus afișează rezultatul acestui cod.

Linile 23-28

Acum am adăugat opțiuni în panoul de administrare $ aa_panel. Linia 23 are createOption () care este folosită pentru a crea opțiuni în panoul de administrare $ aa_panel. Deocamdată, adaug doar o singură opțiune care este un câmp de text numit "Opțiunea mea de text".  createOption () este o matrice și poartă mai mulți parametri cum ar fi numele, ID-ul, tipul etc..

Parametrul cel mai import este 'id' , care este, în principiu, numele opțiunii noastre și singura noastră modalitate de ao face referire când trebuie să o folosim. Asigurați-vă că toate ID-urile pe care le adăugați sunt unice, deoarece nici două coduri de identitate nu pot fi identice, ceea ce poate duce la o eroare Fatal PHP.

Imaginea de mai sus afișează ecranul "Opțiunea de text " câmp pe care l-am creat. E ușor - câteva linii de cod, așa că nu te deranjează cu HMTL.

Linii 34-36

Acum este în acest câmp de text pe care voi introduce valoarea mea. Deci, am nevoie de un "Salvați"de aici, deoarece nu există altă cale pentru a salva opțiunile. Prin urmare, aceste linii de cod vor adăuga a Salvați și restabili în opțiunile din panoul de administrare.

Acesta este aspectul final al dezvoltării mele până acum, unde puteți găsi un panou de administrare Neat Opțiuni și Opțiunea mea de text în ea.

Obținerea valorilor salvate din panoul Opțiuni netede

Am discutat despre acest proces de a obține valorile opțiunilor salvate anterior în detaliu. Asigurați-vă că ați citit seria. Prin urmare, scriu direct liniile de cod care vor prelua valorile. Puteți adăuga aceste linii în orice fișier din proiectul dvs. de dezvoltare web.

Vă recomandăm să creați un nou șablon de pagină și să adăugați codul în el, astfel încât să vedeți dacă un lucru funcționează așa cum ar trebui. 

getOption ('aa_txt'); // Imprimați valoarea opțiunii noastre de text. echo $ aa_txt_val;

În primul rând, primim o instanță specifică a lui Titan. Apoi am folosit-o getOption () care va obține valoarea salvată din aa_txt, Unde aa_txt este ID-ul opțiunii pe care am creat-o în panoul meu de administrare. 

Rețineți din nou că trebuie să dați un cod unic pentru fiecare opțiune, deoarece nu este 'Nume' cu exceptia 'Id' care distinge o opțiune de alta. În cele din urmă am folosit ecou comanda pentru a imprima valoarea salvată în aa_txt opțiune.

De exemplu, am intrat AA-text-Option și a salvat rezultatul. Să aflăm ce se întâmplă pe front-end.

Imaginea de mai sus afișează rezultatul. Puteți găsi AA-text-Option fiind afișat în zona roșie evidențiată.

Crearea unui panou de administrare 

Acum, un caz mai complex? În această secțiune, voi crea un nou panou de administrare în cadrul căruia vor fi fișiere și opțiuni de administrare. Excitat? Să începem!

Mai intai am creat un panou de administrare. Anterior, am creat un panou numit "Neat Opțiuni", așa că numesc acest nou panou"Opțiuni neat 2“. Iată codul său:

createAdminPanel (array ('name' => 'Neat Options 2' / / Nume meniu opțiuni.));

În primul rând, am înregistrat o instanță unică a lui Titan și apoi am creat un panou de administrare $ aa_panel2 prin createAdminPanel () funcţie. Va apărea împotriva numelui Opțiuni neat 2 în tabloul de bord WordPress.

Imaginea de mai sus afișează rezultatul. De asemenea, arată primul panou de administrare (adică Neat Opțiuni) pe care l-am creat în articolul precedent. 

Când faceți clic pe Opțiuni neat 2, va fi gol. Acum există două abordări: fie să creați opțiuni direct în el, fie să creați file administrare pentru funcționalitate extinsă și apoi să creați opțiuni în file. Primul a fost deja discutat. Deci, să ne uităm la ultimul caz.

Crearea filelor Admin

Tab-urile reprezintă una dintre cele mai bune modalități de a organiza setările sau opțiunile pentru panoul de administrare. Pentru temele WordPress care conțin o mulțime de opțiuni, filele facilitează foarte mult pentru a ușura experiența utilizatorilor. Prin urmare, Titan fiind un cadru de opțiuni ajută la crearea setărilor cu file în WordPress. Hai să aflăm cum.

createTab (array ('name' => 'Tab 1' // Nume fila. Nu folosiți altceva decât un nume alfanumeric fără caractere de așteptare.));

Am folosit createTab () în cadrul Titan Framework pentru crearea de file admin. În codul menționat mai sus, am creat o filă admin numită $ aa_tab1. Dacă te uiți la linia 1 din acest cod, poți vedea că în interiorul fișierului se creează o filă nouă $ aa_panel2 panou. Această filă este numită "Tab. 1“. Când creați o filă prin createTab (), este foarte important să specificați în ce panou îl creați. Puteți vedea Tabul 1 în imaginea de mai jos.

Crearea de opțiuni în cadrul "Tab 1"

Să creați acum o opțiune înăuntru Tab. 1.

createOption (array ('id' => 'aa_txt_in_tab1_panel2', 'type' => 'text', // Tipul opțiunii pe care o creăm. fi afișat în panoul de administrare. 'desc' => 'Aceasta este opțiunea noastră' // Descrierea opțiunii care va fi afișată în panoul de administrare.)); / ** * Butonul Salvare pentru opțiuni. * / $ aa_panel2-> createOption (array ('tip' => 'salvați'));

 createOption () funcția adaugă o nouă opțiune înăuntru $ aa_tab1. Rețineți din nou că ID-urile ar trebui să fie întotdeauna unice. ID-ul va fi folosit pentru a obține valoarea acestei opțiuni. În acest caz, ID-ul opțiunii pe care am creat-o este $ aa_txt_in_tab1_panel2. Ultimele câteva linii ale codului creează o Salvați (am văzut acest lucru înainte).

Imaginea de ecran afișează un câmp text, adică "Opțiunea mea de text", care se adaugă în interior Tab. 1. Puteți găsi, de asemenea, Salvați si restabili buton. 

Sunt sigur că lucrurile explicate până acum sunt destul de clare. Cum despre crearea unei alte file?

În cadrul aceluiași panou de administrare, creez încă o altă filă numită "Tab 2 ' în același fel. Dar de data aceasta voi adăuga a zona de text opțiune în ea. 

createTab (array ('name' => 'Tab 2' // numele fila.)); // Creați opțiuni în tab2. $ aa_tab2-> createOption (array ('id' => 'aa_txtarea_in_tab2_panel2', // ID-urile trebuie să fie întotdeauna unice. din optiunea pe care o creeam 'name' => 'Zona mea de text', // Numele optiunii care va fi afisata in panoul de administrare 'desc' => 'Aceasta este optiunea noastra' // Descrierea optiunii care va fi afișat în panoul de administrare.)); / ** * Butonul Salvare pentru opțiuni. * / $ aa_panel2-> createOption (array ('tip' => 'salvați')); 

În liniile 1-12 ale codului scris mai sus, am creat o filă nouă, adică. Tab 2, care este salvată în variabilă  $ aa_tab2 în panoul de administrare $ aa_panel2 folosind același lucru createTab () funcţie. Apoi am creat o textarea introduceți opțiunea din Tab 2 cu ID aa_txtarea_in_tab2_panel2 (linii 12-17). Și în cele din urmă a Salvați și restabili în final.

Iată rezultatul:

Pentru a rezuma, am creat un nou panou de admin Neat Opțiuni 2 și apoi am adăugat două file în ele numite Tab 1 și Tab 2. Apoi am introdus tipul text opțiuni din fila 1 și un tip textarea opțiune din fila 2.

Imaginea de mai sus afișează rezultatele până acum. Acum hai să trecem la lucrurile reale, adică să obținem valorile opțiunilor salvate.

Obținerea valorilor opțiunilor salvate

Următoarele rânduri de cod vor fi folosite pentru a prelua valorile salvate din cele două opțiuni pe care le-am creat. getOption () funcția este utilizată pe liniile 11 și 14, care preia valorile pentru $ aa_txt_in_tab1_panel2 și $ aa_txt_in_tab2_panel2 în noul panou de administrare. Am salvat valorile în două variabile, adică. $ aa_txt_in_tab1_panel2_val și $ aa_txt_in_tab2_panel2_val.

Apoi am creat două paragrafe (linii 23 și 24), câte unul pentru fiecare filă și apoi utilizând ecou comanda Voi imprima ieșirea la front-end.

Tot acest cod merge într-un noua pagină personalizată șablon (pentru procedura detaliată de obținere a valorilor salvate, consultați articolele anterioare).

getOption ('aa_txt_in_tab1_panel2'); // Valoarea tabelului al doilea textarea. $ aa_txtarea_in_tab2_panel2_val = $ titan-> getOption ('aa_txtarea_in_tab2_panel2'); / ** * Opțiuni de panel al doilea Admin. * / / Să folosim această valoare în HTML?> 

Valoarea primei casete text tab este:

Valoarea a doua textare tab este:

Acum să presupunem că am intrat AA-text-Option în câmpul de text din Tab. 1 și un text fals în zona de text din Tab 2.   

Am salvat setările finale și am examinat rezultatul după publicarea unei pagini cu șablonul de pagină personalizat.

Puterea valorilor salvate poate fi observată în mod clar.

Concluzie

Totul este vorba despre crearea panourilor admin cu Titan Framework. Sunt sigur că veți găsi întregul proces destul de simplu, iar acum puteți face panouri de admin cu tab-uri destul de ușor. 

Vreau să încercați acest lucru, deoarece în articolele despre opțiuni voi presupune că știți cum să creați panouri de administrare. Un pas vital pentru tine de a înțelege ce urmează.

În următorul articol, voi discuta cum să creați o casetă meta cu Cadrul Titan. Până atunci, în cazul oricăror interogări, scrieți mai jos sau contactați-mă la Twitter. 

Cod