Afișarea Widget-ului dvs. WordPress pe site

Etapa finală de creare a widgetului dvs. este de a afișa rezultatele sale pe site. Faceți acest lucru editând în continuare WP_Widget clasă.

Aceasta este ultima parte dintr-o serie de cinci părți pe care va trebui să o urmați pentru a obține acest lucru:

  • Introducere în widget-uri și API-uri Widgets
  • Codificarea și înregistrarea widgetului
  • Construirea widget-ului
  • Construirea formularului pentru widget-ul dvs.

Ce ai nevoie

Pentru a urma acest tutorial, veți avea nevoie de:

  • O instalare de dezvoltare a WordPress
  • Un editor de cod
  • Codul din tutorialul anterior despre crearea formularului widgetului.
  • Codul din tutorialul meu anterior privind navigarea în bara laterală sensibilă la context.

Codificarea ieșirii widgetului

Există două părți la aceasta: adăugarea unei funcții în afara widgetului care va identifica pagina strămoșului de utilizat și editarea widget funcția în interiorul WP_Widget clasă.

Adăugarea funcției strămoșilor

Această funcție este preluată direct de la tutorialul meu anterior pentru a crea un plugin pentru navigarea în bara laterală sensibilă la context.

Deasupra ta WP_Widget class, adăugați funcția în fișierul plugin:

post_parent) // preluați lista strămoșilor $ parents = array_reverse (get_post_ancestors ($ post-> ID)); // obțineți întoarcerea strămoșilor de nivel superior $ părinți [0];  // returnează id - acesta va fi cel mai de sus strămoș dacă există unul sau pagina curentă dacă nu va reveni $ post-> ID; ?>

Apoi, veți folosi acest lucru mai târziu atunci când definiți o interogare pentru a rula în widget.

Editarea funcției Widget

Apoi va trebui să editați conținutul gol widget funcția pe care ați creat-o mai devreme, în fișierul plugin. Începeți prin definirea variabilei pe baza intrării formularului:

widget funcțional ($ args, instanță $) extract ($ args); echo $ before_widget; echo $ before_title. 'In aceasta sectiune:' . $ After_title; 

Apoi, adăugați interogarea și ieșirea acesteia, editați funcția astfel încât să scrie astfel:

funcția widget ($ args, $ instanță) / / kick lucruri extra extra ($ args); echo $ before_widget; echo $ before_title. 'In aceasta sectiune:' . $ After_title; // rulați o interogare dacă pe o pagină dacă (is_page ()) // rulați funcția tutsplus_check_for_page_tree pentru a prelua pagina de nivel superior $ ancestor = tutsplus_check_for_page_tree (); // setați argumentele pentru copiii strămoșilor $ args = array ('child_of' => $ ancestor, 'depth' => $ instance ['depth'], 'title_li' => ";); valoare pentru get_pages pentru a verifica dacă este gol $ list_pages = get_pages ($ args); // verifică dacă $ list_pages are valori dacă ($ list_pages) // deschide o listă cu pagina strămoșului din partea de sus? 
  • „>

Aceasta verifică dacă suntem pe o pagină și apoi definim argumentele pentru list_pages () folosind funcția de ieșire a funcției anterioare și valoarea lui $ adâncime variabilă care este stabilită de forma widgetului.

Acum salvați widget-ul și verificați-vă site-ul. Lista dvs. ar trebui să fie afișată oriunde ați adăugat widget-ul:

Pluginul final

Acum aveți un widget complet!

Pentru a recapitula ceea ce ați acoperit în cele cinci tutoriale, iată cum ar trebui să arate complet codul pluginului:

   post_parent) // preluați lista strămoșilor $ parents = array_reverse (get_post_ancestors ($ post-> ID)); // obțineți întoarcerea strămoșilor de nivel superior $ părinți [0];  // returnează id - acesta va fi cel mai de sus strămoș dacă există unul sau pagina curentă dacă nu va reveni $ post-> ID; ?>  __ ('Identifică unde este pagina curentă în structura site-ului și afișează o listă de pagini din aceeași secțiune a site-ului. Funcționează numai pe Pagini.', 'Tutsplus')));  forma funcției ($ instanță) $ defaults = array ('depth' => '-1'); $ depth = $ instanță ['depth']; // marcare pentru form? 

  • „>
  • rezumat

    Crearea unui widget implică câțiva pași. Acestea sunt:

    • Înregistrați widget-ul
    • Crearea clasei pentru menținerea funcțiilor widgetului
    • Scrierea a construi pentru a construi widgetul
    • Scrierea a formă pentru formularul din ecranul Widgets
    • Scriind un Actualizați astfel încât widgetul poate fi actualizat din formular
    • Scrierea a widget funcția cu ieșirea.

    Odată ce ați făcut toate acestea, veți avea un widget de lucru, pe care îl puteți adapta oricum doriți.

    Cod