Tema WordPress implicită în 2014 a fost douăzeci și Cincisprezece, un șablon cu o bară laterală fixă la stânga care se transformă într-un antet în vizualizarea mobilă, o zonă minimă de subsol, o tipografie excelentă și o zonă de imagine frumoasă. De atunci, am văzut lansarea TwentySixteen, TwentySeventeen, TwentyEighteen, TwentyNineteen și tema actuală gratuită. Douăzeci și douăzeci.
Aceste teme sunt minunate, trec printr-un proces întreg pentru a ajunge să fie alese ca temă WordPress implicită, cu toate acestea, putem înțelege că utilizatorii încă doresc să o personalizeze și să o facă proprie.
Deoarece aceste teme oferă în mod obișnuit unele limitări, cum ar fi o singură bară laterală (care se numește zonă pregătită pentru widget în WordPress), vă vom arăta cum să adăugați un widget la subsol sau cum să modificați codul oricărei teme pentru a adăuga mai multe zone widget la o tema.
Adăugarea unei zone de widget la subsolul TwentyFifteen la TwentyTwenty nu este diferită de adăugarea unei zone de widget în majoritatea temelor WordPress.
Dacă sunteți interesat să vedeți alte teme WordPress, vă recomandăm să vă uitați la alte teme populare precum Divi de la Elegant Themes. Consultați recenzia noastră completă aici.
Creați o temă pentru copii WordPress
Când personalizați fișierele șablon ale unei teme WordPress pentru a crea o zonă de widget, este o practică bună să creați un copil temă.
Conceptul de temă copil este destul de simplu - nu vrem să întrerupem posibilitatea de a actualiza tema la versiuni nou lansate.
Când creați personalizări pentru o temă copil, modificările dvs. vor fi adăugate temei secundare, mai degrabă decât temei originale. Când apare o versiune actualizată a temei originale, veți putea să vă actualizați copia temei originale și să lăsați modificările intacte în tema secundară.
Dacă doriți să aflați mai multe sfaturi și trucuri legate de WordPress, vizitați restul secțiunii despre CollectiveRay.
1. Creați directorul și fișierele cu temă copil
Ca prim pas, creați un folder în interiorul wp-content> teme pliant. Sună dosarul douăzeci și cinci de copii, douăzeci și douăzeci de copii. Totuși, este important ca tema copilului să urmeze convenția de numire a părintelui.
Deci dacă părintele este chemat douăzeci şi cinci de ani, copilul trebuie sunat douăzeci și cincisprezece-copil. La fel, dacă se numește tema pe care o personalizați douăzeci și douăzeci, tema copilului trebuie numită tam mers douăzeci și copil.
După ce ați creat tema copil, trebuie să creați două fișiere suplimentare.
Ar trebui apelat fișierul care va fi folosit pentru a efectua modificări în stilurile CSS style.css. Avem nevoie și de functions.php fișier pentru tema copil, unde putem adăuga anumite caracteristici necesare.
Aceste două fișiere intră în folderul Twentyfifteen-child sau folderul respectiv pe care l-ați creat pentru tema copil.
2. Adăugați fișierul pentru zona widget WordPress (în subsol sau unde preferați)
Deoarece zona widget trebuie adăugată la subsolul temei, trebuie să aveți un fișier pentru codul subsolului.
Cea mai sigură modalitate de a codifica un fișier șablon WordPress este să porniți de la un șablon gata făcut, apoi să adăugați ceea ce doriți și/sau să ștergeți ceea ce nu doriți.
În acest caz, luați footer.php din tema Twenty Fifteen sau tema Twenty Twenty sau orice se numește tema pe care o personalizați și inserați-o în tema copilului dumneavoastră.
3. Adăugați cod la fișierele temei pentru copii pentru a crea widget-ul
În acest moment, avem doar fișiere goale, așa că așa cum este, tema copilului nu poate face nimic.
Pentru ca noi să putem efectua modificări, o temă copil care funcționează are nevoie de câteva comentarii în partea de sus style.css. Deschis style.css în editorul de cod preferat și adăugați acest fragment de cod.
/*Theme Name: Twenty Fifteen ChildTheme URI: http://example.com/twenty-fifteen-child/Description: Twenty Fifteen Child ThemeAuthor: John DoeAuthor URI: http://example.comTemplate: twentyfifteenVersion: 1.0.0License: GNU General Public License v2 or laterLicense URI: http://www.gnu.org/licenses/gpl-2.0.htmlTags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-readyText Domain: twentyfifteenchild*/
Partea cu adevărat importantă aici este în Format deci, în exemplul de mai sus, este Șablon: douăzeci și cinci de ani. Acesta îi instruiește pe WordPress despre numele temei părinte.
Asigurați-vă că numele este exact același cu numele folderului temei părinte (majuscule, sau orice spații, liniuțe, caractere de subliniere etc. sunt importante: totul trebuie să se potrivească exact cu numele folderului temei părinte).
Apoi, deschideți functions.php și adăugați următorul bit de cod.
Deși acest pas nu este strict obligatoriu, este foarte recomandat, deoarece cu acest cod tema copil va moșteni aspectul părintelui său.
Deci, să scriem o funcție care se conectează la wp_enqueue_scripts() cârlig de acțiune. În interiorul funcției tu Puneți în coadă foaia de stil a temei părinte folosind funcția wp_enqueue_style()..
Acest lucru asigură că tema copil moștenește stilurile părintelui său, în timp ce trece peste orice regulă de stil specifică în sine. style.css fișier.
<?php
//Importați stilurile părinte în mod corect și adăugați alte foi de stil dacă este necesar.
funcția twenty_fifteen_child_styles() {
wp_enqueue_style( 'stil-parent', get_template_directory_uri().'/style.css');
}
add_action( 'wp_enqueue_scripts', 'twenty_fifteen_child_styles');
Tema copilului tău este în mare parte gata!
Accesati Tematică panoul din instalarea WordPress și ar trebui să vedeți tema Twenty Fifteen Child gata de utilizare. Clic Activati și vizitați site-ul dvs. Ar trebui să arate exact la fel ca tema părinte.
Adăugarea zonei widget
Acum trebuie să adăugăm codul pentru a defini zona widget de subsol. Iată fragmentul în care intră functions.php.
/** * Înregistrați zona widget de subsol. * * @since Twenty Fifteen Child 1.0 * * @link https://codex.wordpress.org/Function_Reference/register_sidebar */ function twentyfifteen_child_widgets_init() { register_sidebar( array( 'name' => __( 'Footer Widgets', 'twenty) -fifteen-child' ), 'id' => 'sidebar-2', 'description' => __( 'Adăugați widget-uri aici pentru a apărea în zona de subsol.', 'twenty-fifteen-child' ), 'before_widget' => ' ', 'after_widget' => ' ', 'before_title' => ' ', 'after_title' => ' ', ) ); } add_action( 'widgets_init', 'twentyfifteen_child_widgets_init');
Codul de mai sus adaugă o funcție care înregistrează o bară laterală cu ID-ul barei laterale-2 (tema Twenty Fifteen are deja o bară laterală cu ID-ul barei laterale-1), apoi conectează această funcție în widgets_init() cârlig de acțiune.
Apoi, să continuăm și să adăugăm noua bară laterală la subsol. Deschis footer.php într-un editor de cod și introduceți acest fragment chiar sub această linie de cod: <footer id="colophon" class="site-footer" role="contentinfo">.
Codul de mai sus verifică mai întâi dacă bara laterală-2 are widget-uri, dacă da, afișează bara laterală în interiorul unui div cu clasa „widget-area”.
Următorul lucru pe care trebuie să-l faceți este să vă îndreptați către panoul Widgeturi al back-end-ului dvs. WordPress, să găsiți bara laterală Widgeturi de subsol și să adăugați câteva widget-uri la acesta. Salvați widget-urile pe măsură ce le adăugați și verificați rezultatul.
Cele de mai sus arată câteva widget-uri în bara laterală de subsol Twenty Fifteen Child și puteți vedea că textul era prea aproape de partea de sus a containerului și marginea inferioară a widget-urilor era prea mare. Acest mic fragment style.css va îmbunătăți considerabil aspectul.
.site-footer .widget { margin: 0; umplutură: 10% 20% 0; } .site-footer .widget:last-child { margin-bottom: 10%; }
Iată un alt exemplu de adăugare a unei alte bare laterale:
if ( is_active_sidebar( 'sidebar-2' )
|| is_active_sidebar('bara laterală-3')):
?>
">
if ( is_active_sidebar( 'sidebar-2' ) ) { ?>
<?php }
if ( is_active_sidebar( 'sidebar-3' ) ) { ?>
Codul pe care trebuie să-l utilizați va depinde de tema pe care o utilizați în realitate.
Widgetul dvs. de subsol WordPress este gata!
În această postare, am văzut cum să adăugați o nouă zonă de widget la subsolul temei Twenty Fifteen WordPress. Deși am plasat zona widget în subsolul temei, puteți folosi această logică pentru a adăuga zone de widget aproape peste tot într-o temă, urmând pași similari.
Te rugăm să ne contactezi lasa un util comentează cu gândurile tale, apoi împărtășește acest lucru grupurilor tale de Facebook care ar găsi acest lucru util și să profităm împreună de beneficii. Vă mulțumim că ați împărtășit și ați fost drăguți!
Dezvaluirea: Această pagină poate conține linkuri către site-uri externe pentru produse pe care le iubim și le recomandăm din toată inima. Dacă cumpărați produse pe care vi le sugerăm, este posibil să câștigăm o taxă de recomandare. Astfel de taxe nu influențează recomandările noastre și nu acceptăm plăți pentru recenzii pozitive.
si multe altele ...