Cum să creezi un widget în tema copilului tău

Dacă doriți să vă personalizați site-ul WordPress dincolo de modificările de bază, trebuie să învățați cum să creați un widget în tema copilului . Widgeturile WordPress sunt blocuri mici de conținut pe care le puteți adăuga în barele laterale ale site-ului dvs. web sau în alte zone pregătite pentru widget-uri. Aceste zone sunt de obicei situate în subsolul sau antetul site-ului dvs. Widgeturile pot conține orice, de la text și imagini până la playere video și audio. Puteți găsi chiar și pluginuri care vă transformă barele laterale în fluxuri de rețele sociale. În acest articol, vă vom arăta cum să creați un widget în tema copilului și vă vom explica beneficiile utilizării unuia.

Am creat o temă pentru copii și aș dori să adaug o zonă cu logo sponsorizat deasupra subsolului. Presupun că modalitatea de a face cu ar fi să folosești un widget? Cum creez un widget nou sau utilizez unul dintre widget-urile de subsol existente, astfel încât să se afișeze unde vreau? Mergând la Aspect. Pasul 1 este necesar dacă doriți control total asupra barei laterale sau doriți să îi schimbați setările. Este posibil din punct de vedere tehnic să realizați ceea ce aveți nevoie, dar este necesară o dezvoltare personalizată. Puteți arunca o privire la https://theme.co/x/member/custom-development pentru mai multe informații.

Cum creez un widget personalizat în WordPress?

Puteți găsi și selecta Widgeturi din meniul Aspect. Ar trebui să vedeți widgetul Hostinger Sample în lista de widget-uri disponibile. Tragând widget-ul, îl puteți încărca în bara laterală din partea dreaptă a paginii. Puteți vizita site-ul dvs. după ce ați făcut modificări.

Un widget WordPress este o mică colecție de conținut care este adăugată în anumite zone ale widget -urilor. Există diverse tipuri de widget-uri care vă permit să afișați diverse tipuri de informații pe orice pagină, în funcție de locul în care le-ați pus. Unele widget-uri sunt disponibile ca o caracteristică standard, în timp ce altele sunt disponibile ca plugin-uri sau ca temă. Toate cele patru metode enumerate mai sus trebuie incluse în clasa dumneavoastră dacă intenționați să creați un widget de bază. Pentru a utiliza Widget-ul în tabloul de bord, trebuie să îl înregistrați și folosind funcția register_widget(). Înainte de a studia exemplul pe care l-am oferit pentru acest articol, vom trece peste scopul fiecărei secțiuni a codului, pe lângă explicarea de ce este importantă fiecare secțiune. Fiecare dintre cele patru metode ale Custom_Widget este unică.

Widgetul a fost creat ca rezultat al metodei __construct() folosind parametrul custom_widget. Folosind register_widget() la sfârșit, același widget poate fi înregistrat. Deoarece fiecare dintre părți trebuie adăugată la opțiunile widget cu instrucțiunea if*…*, ne-am asigurat că este afișată numai dacă este inclusă. Metoda widget() oferă o modalitate de a afișa texte cu mai multe paragrafe și am folosit funcția nl2br() pentru a face acest lucru. Funcția sanitize_text_field() elimină orice spații albe, file sau rupturi de linie inutile. Ultimul are, de asemenea, o valoare implicită setată ca implicită în câmpul de selectare, ceea ce înseamnă că ținta linkului este setată implicit la -blank. Puteți selecta titlul, textul, linkul și dacă linkul ar trebui să fie prezent într-o filă nouă sau nu.

După ce ați terminat de completat opțiunile, apăsați butonul Salvare. Dacă alegeți o temă diferită pentru widget-ul dvs., aceasta va ieși diferit. În cazul nostru, Lekker WordPress are un widget care arată similar cu cel prezentat mai jos.

Cum se creează o temă pentru copii

Pentru a crea o temă copil, trebuie să creați un folder nou pentru tema copil și să adăugați o foaie de stil. Tema copil va moșteni stilul și funcționalitatea temei părinte , dar puteți adăuga reguli CSS personalizate la foaia de stil a temei copil pentru a înlocui stilurile temei părinte. De asemenea, puteți adăuga funcții personalizate în fișierul functions.php al temei copil pentru a înlocui funcțiile temei părinte.

Puteți adăuga noi funcții temei secundare, atâta timp cât aceasta nu moștenește funcționalitatea temei părinte. Nu există nicio legătură între temele copil și temele părinte ; temele copil sunt separate de temele părinte. Cu o temă copil, vă puteți menține site-ul web actualizat și îl puteți întreține cu ușurință. De asemenea, vă va ajuta să reduceți probabilitatea de a suprascrie și de a pierde aspectul site-ului dvs. Este esențial să rețineți că tema copil conține toate aceleași elemente ca și tema părinte. Includem toate fișierele șablon, funcțiile și activele în această categorie, cum ar fi JavaScript și imagini. Fișierul style.css al temei copilului poate fi modificat pentru a satisface nevoile copilului.

Una dintre cele mai simple moduri de a crea o temă WordPress pentru copilul tău este să folosești un plugin. Dacă tema părintelui dvs. afișează un mesaj de eroare, selectați-o din meniul drop-down și faceți dublu clic pe Analizați. Apoi, vi se va cere să introduceți directorul pentru tema copilului dvs. Un nume de folder va apărea în fișierele care alcătuiesc site-ul dvs. web. Dacă termenul este unic pentru site-ul dvs., îl puteți numi cum doriți. Dacă intenționați să utilizați tema părinte ca bază pentru o nouă temă, poate doriți să includeți o scurtă descriere și un nume unic. Dacă doriți să faceți modificări site-ului dvs., asigurați-vă că este în funcțiune înainte de a face acest lucru.

Puteți face toate modificările dorite la un anumit moment, creând manual o temă copil WordPress . Pasul 1 este să creezi un folder pentru tema copilului tău. foi de stil din temele părinte și copil. Este timpul să redenumiți fișierul style.css. Al patrulea pas este să includeți fișierul style.css în directorul temei copil. Veți putea să vă configurați manual tema copilului dacă mergeți la Aspect. Utilizarea unei teme secundare vă asigură că nu trebuie să editați direct o temă părinte.

Puteți face cu ușurință modificări majore pe site-ul dvs. folosind o temă copil, deoarece este ușor de ajustat. De asemenea, trebuie să găsiți un furnizor de găzduire de încredere. Un pachet de găzduire partajată de la DreamHost vă va permite să îmbunătățiți performanța site-ului dvs. la un preț accesibil.

3 lucruri de care trebuie să țineți cont atunci când creați o temă pentru copii

Crearea unei teme secundare va necesita să creați un folder în care tema va fi stocată. Configurați o foaie de stil și o funcție în acel folder. Apoi, în folderul cu tema copil, copiați fișierele temei părinte. Să mergem la culcare.
O temă de copil ar trebui gândită în câteva moduri. Vă rugăm să nu uitați să includeți numele fișierului temei părinte la primul pas. De exemplu, dacă tema părinte este WPBakery Page Builder, tema copilului ar trebui să fie numită WPBakery Page BuilderChild. Al doilea lucru de făcut este să salvați fișierele temei părinte, pe lângă foile de stil și fișierele functions.php. Asigurați-vă că fișierele temei sunt actualizate și că sunt în locația corectă.
Dacă creați o temă copil pentru un plugin, veți dori să păstrați fișierele pluginului în dosarul cu tema copil. O temă secundară a pluginului WPBakery Page Builder ar trebui să includă folderul pluginului WPBakery Page Builder, precum și folderul cu tema secundară a pluginului WPBakery Page Builder.

Tema Copil WordPress

O temă copil WordPress este o temă care moștenește funcționalitatea unei alte teme, numită tema părinte. Temele copil sunt modalitatea recomandată de modificare a unei teme existente. Când o temă copil este activată, aceasta va suprascrie foaia de stil, fișierele șablon și funcțiile temei părinte.

Cu platforma WordPress, puteți personaliza un site complet fără cunoștințele de HTML, CSS sau PHP. Dezavantajul este că orice modificări aduse temei după ce aceasta a fost actualizată de către dezvoltator vor fi șterse. În loc să utilizați o temă copil, puteți utiliza una care vă permite să faceți modificări unui site web fără a fi nevoie să re-atingeți fișierele originale. Fișierele unei teme existente pot fi modificate sau adăugate ca temă secundară. Această temă va schimba doar părțile pe care doriți să le modificați și va folosi aceleași părți din tema părinte. Cele mai importante trei părți ale unei teme copil sunt un folder, o foaie de stil și un fișier functions.html. O temă copil trebuie să aibă trei componente: propriul folder, o foaie de stil și fișierul functions.php.

Temele copil, ca toate temele, sunt localizate în conținutul/temele WP ale instalării WordPress. Tot ce trebuie să faceți este să introduceți numele și șablonul temei. Este important să rețineți că este doar dacă intenționați să vă folosiți tema, nu pe mine. Fișierul functions.php este baza de cod care vă permite să modificați și să adăugați funcționalități și caracteristici unui site WordPress. Crearea fișierului este la fel de simplă ca și crearea unei foi de stil. Dacă nu intenționați să utilizați PHP în viitor pentru a vă modifica tema, puteți face acest lucru fără acesta. Dacă utilizați o temă părinte, probabil că știți deja cum ar trebui să arate site-ul dvs.

Pentru a obține acest statut, trebuie să copiați și să lipiți foile de stil ale temelor părinte. Puteți face acest lucru folosind CSS sau regula @import. Tema copilului dumneavoastră ar trebui să fie exact ca și părintele său, dacă totul merge conform planului. Acum putem începe să personalizăm tema și să schimbăm lucrurile pentru a obține rezultatul dorit. Personalizările pot fi efectuate într-o varietate de moduri și vom trece peste multe dintre ele. Stilurile personalizate pot fi adăugate la o temă secundară, dar nu pot fi adăugate la o temă părinte. Urmând pașii de mai jos, puteți face orice număr de modificări site-ului dvs.

Asigurați-vă că tema secundară urmează aceeași structură de foldere ca și tema părinte. Dacă doriți să modificați un fișier dintr-un dosar denumit șabloane de pagină din tema părinte, ați crea un folder în directorul temei copilului numit șabloane de pagină. Pur și simplu redenumim custom-full-width.php din tema părinte pentru a crea șablonul de pagină personalizat. De exemplu, în footer-custom.php, creăm o clasă cu lățime completă în elementul subsol. Singurul lucru rămas este să introduceți un cod în foaia noastră de stil. Ca rezultat, puteți vedea pagina noastră cu lățime completă. Suntem bine până trebuie să-l lustruim.

Cârligele pentru teme vă permit să personalizați o temă copil fără a fi nevoie să modificați fișierele de bază. Cârligele pentru teme sunt pictograme mici care apar în fișierele unei teme și vă permit să adăugați conținut, funcții și alte elemente. Cârligele vin în două soiuri: cârlige de acțiune și cârlige de filtrare. Un cârlig de filtru modifică funcțiile găsite în locația cârligului, în timp ce cârligele de acțiune adaugă funcționalitate personalizată la funcțiile existente. Este simplu să construiești o temă copil în WordPress: tot ce ai nevoie este o singură linie de cod. Din acest motiv, intenționăm să vizam o funcție care gestionează creditele de subsol în tema Twenty Fifteen. Fișierul footer.php modificat din fișierul functions.html din tema copilului dvs. ar trebui eliminat.

Cârlige în temele pentru copii pot fi folosite într-o varietate de moduri. Dacă folosim o temă copil, putem personaliza complet un site web fără a fi nevoie să-i schimbăm fișierele de bază. Dacă doriți să adăugați o temă sau un cadru, puteți face acest lucru fără a le scrie de la zero, iar modificările sunt protejate de actualizări; dacă ceva nu merge bine, tema va fi mereu acolo.

3 ocazii când tema unui copil este avantajoasă

Există câteva situații în care o temă de copil ar fi benefică. O temă părinte nu include toate caracteristicile necesare. Au existat modificări la tema părinte, dar acestea nu apar pe tema copil. Nu este compatibil cu cele mai recente actualizări WordPress.

Cum să creezi o temă pentru copii în WordPress pas cu pas

O temă copil este o temă WordPress care își moștenește funcționalitatea de la o altă temă WordPress, numită tema părinte. Temele pentru copii sunt adesea folosite atunci când doriți să personalizați sau să schimbați stilul unei teme WordPress existente fără a pierde capacitatea de a actualiza tema respectivă. Pentru a crea o temă copil, va trebui să aveți o înțelegere de bază a modului de codificare în PHP. Odată ce ați creat tema copil, puteți adăuga propriile personalizări în directorul temei copil.
1. Creați un director nou pentru tema copilului dumneavoastră.
2. Creați o foaie de stil pentru tema copilului dvs.
3. Includeți foaia de stil în tema copilului dumneavoastră.
4. Activați tema copil.

Cum să creezi o temă pentru copii în WordPress

Puteți atașa tema la un folder numit copil creând un folder nou. Veți avea apoi o foaie de stil copil în același folder. Pentru a finaliza sarcina, faceți o funcție. Ar trebui să includeți fișierul child.php în același folder cu fișierul parent.php. Înainte de a putea începe să utilizați noua temă copil , va trebui să copiați fișierele de bază WordPress. Temele copiilor moștenesc fișierele și setările părinților, deoarece este responsabilitatea lor. Ca urmare, dacă doriți să utilizați oricare dintre funcțiile sau setările temelor părinte, trebuie să le copiați în tema copilului.

Widget WordPress personalizat

Un widget WordPress personalizat este un tip de plugin WordPress care vă permite să adăugați un widget personalizat pe site-ul dvs. WordPress. Widgeturile personalizate WordPress sunt de obicei create de dezvoltatori terți și pot fi găsite în depozitul de pluginuri WordPress.org.

Ce altceva poate face WordPress în afară de includerea unui widget pentru text? Acest tutorial vă va ghida prin pașii creării unui widget WordPress personalizat. Dacă sunteți nou în programare, acest tutorial poate să nu fie pentru dvs. Vă recomandăm să aruncați o privire la seria noastră de Dezvoltare WordPress pentru începători pentru a afla mai multe. O funcție de constructor trebuie utilizată pentru a specifica un id, un titlu, un nume de clasă și o descriere pentru un widget. Folosind metoda widget(), puteți genera conținutul real al widget-ului dvs. Pentru exemplul nostru, vom folosi get_bloginfo() pentru a afișa titlul widget-ului.

În caz contrar, ați utiliza doar widgetul text WordPress pentru a crea pagina. Întreaga metodă widget() trebuie să fie imbricată în instanța jpen_Example_Widget. Metoda form() este folosită pentru a adăuga câmpuri de setări la un widget care va fi afișat în zona de administrare WordPress. Aici își primesc numele multe widget-uri cu multe opțiuni. În cazul exemplului nostru de widget, dorim doar să facem posibil ca utilizatorii să-i adauge un titlu personalizat. Am creat un tutorial pentru a vă arăta cum să convertiți orice șablon HTML5 într-o temă WordPress. Pentru a face o listă cu toate categoriile, sortați-o în ordine alfabetică, apoi aranjați-le în două liste.

Un al doilea widget, din șablonul Blog Post HTML5, va fi widgetul din bara laterală a listei de categorii. Este esențial să folosiți clasa WP_Widget pentru a dezvolta un widget personalizat de bară laterală . Va trebui să vă perfecționați cunoștințele pentru a crea cele mai puternice widget-uri personalizate. Dacă vă concentrați atenția asupra tuturor celor cinci funcții, veți putea crea un widget WordPress pe baza oricărei idei.

Cum adaug stiluri personalizate la widget-urile WordPress?

Secțiunea Aspect poate fi găsită aici. Selectați widgetul la care doriți să adăugați stiluri personalizate făcând clic pe el pe pagina widgetului . După aceea, trebuie să derulați în jos la fila Avansat din Panoul bloc. O clasă CSS personalizată poate fi adăugată făcând clic pe ea. Făcând clic pe butonul Actualizare, puteți salva modificările.

Cum schimb aspectul unui widget WordPress?

În ecranele de administrare WordPress, accesați Aspect > Personalizare. Puteți accesa ecranul de personalizare widget făcând clic pe meniul Widget din Personalizarea temei. Pentru a găsi widgetul care este deja înregistrat, faceți clic pe săgeata în jos din zona widgetului.