Adăugarea de cârlige de acțiune la tema dvs. WordPress

În acest tutorial veți adăuga niște cârlige de acțiune în fișierele șablonului, la care veți atașa funcțiile în următorul tutorial. După aceasta, veți adăuga niște cârlige de filtrare.

Avantajul creării de cârlige de acțiune în cadrul dvs. este că orice conținut pe care îl atașați poate fi ușor suprascris de funcții pe o temă de copil sau de pluginuri. Acest lucru vă salvează crearea fișierelor șablon duplicat în temele copilului dvs. și vă oferă mai multă flexibilitate.

Notă: Dacă aveți nevoie să aflați mai multe despre acțiuni și despre cârligele de filtrare înainte de a începe, acest tutorial vă va ajuta.

Ce ai nevoie

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

  • o instalare de dezvoltare a WordPress
  • propria temă sau fișierele tematice din partea 3 din această serie, pe care o puteți găsi în depozitul GitHub care să însoțească seria
  • un editor de cod

Adăugarea de cârlige la antet

Vom adăuga două cârlige în antet: una înainte și una înăuntru.

În header.php, imediat în interiorul deschiderii tag, adăugați primul cârlig de acțiune:

Acest cârlig ar putea fi util pentru adăugarea de conținut, meniuri sau linkuri deasupra antetului site-ului.

Adăugați un alt cârlig în interiorul antetului, în partea dreaptă. Temele copilului dvs. pot folosi acest lucru pentru a insera conținut personalizat, un formular de căutare sau widget-uri.

Rețineți că am închis acest cârlig în interiorul a div cu câteva clase care lucrează cu stilul orientat pe obiect în tema mea - dacă lucrați cu propria temă, va trebui să utilizați ceva diferit, dar cârligul însuși va fi același.

Adăugarea de cârlige la conținut

Tema va include două cârlige de conținut - una înainte de buclă și deschisă după ea, ambele în interiorul #content div. Din fericire din cauza modului în care tema mea este structurată, trebuie să adaug doar câte un cârlig o dată, pentru că deschid acel div în header.php fișier și închideți-l în sidebar.php și pagină full-width.php fișier - este adăugat la șablonul de pagină cu lățime întreagă, deoarece nu cheamă bara laterală.

Să începem cu cel înaintea buclei.

La sfârșitul header.php, adăugați următoarele doar în interiorul deschiderii #conţinut div:

Acest lucru va oferi un cârlig pentru orice în interiorul zonei de conținut, dar deasupra bucla.

În continuare în sidebar.php, chiar înainte de închiderea #conţinut div, adăugați acest cod:

În final, adăugați același cod la pagină full-width.php șablon așa cum ați făcut sidebar.php, din nou chiar înainte de încheierea procesului #conţinut div.

Adăugarea de cârlige în bara laterală

Următorul pas este înlocuirea zonei widget în bara laterală cu un cârlig, care va fi apoi folosit pentru a adăuga zona widget-ului înapoi într-o etapă ulterioară, dar poate fi, de asemenea, utilizat pentru a adăuga cod personalizat sau pentru a suprascrie zona widget.

Înlocuiți întregul cod pentru zona widgetului cu noul cârlig:

Aceasta înseamnă că, dacă doriți să înlocuiți zona widgetului cu propriul cod într-un plugin sau temă copil, puteți face acest lucru prin atașarea noului cod la acest cârlig și înlăturând cârligul care atașează zona widget.

Adăugarea de cârlige la subsol

În cele din urmă, trebuie să adăugați câteva cârlige la subsol: unul în interiorul acestuia și unul sub el, care va fi folosit pentru colofon.

În interiorul subsol element, înlocuiți tot codul existent cu cârligul:

Apoi, adăugați un alt cârlig pentru colofon, după închiderea subsol element:

Notă: Codul pe care l-ați eliminat pentru zonele widget și colophon va fi înlocuit într-o etapă ulterioară, dar în loc să îl adăugați direct la fișierele șablon, acesta va fi adăugat utilizând o funcție care este activată prin cârligul relevant. De asemenea, vom adăuga cârlige de filtrare la unele dintre aceste funcții.

rezumat

Folosind cârlige de acțiune în fișierele șablonului, vă oferă utilizatorilor cadrului de lucru mult mai multă flexibilitate pe linie. Puteți să le utilizați pentru a insera orice tip de conținut oriunde doriți și să înlocuiți sau să eliminați conținutul, fără a crea fișiere de șabloane noi.

În următoarea parte a acestei serii, vă voi arăta cum să creați funcții care vor adăuga zone widget și alt conținut, toate activate prin intermediul acestor cârlige.

Cod