Tutorial despre crearea temei pentru copii WordPress

Mulți dintre noi dorim să personalizăm ceva în temă. De asemenea, doriți să adăugați sau să editați ceva din tema pe care o utilizați? Dacă da, atunci ai ajuns la locul potrivit, prietene. Această postare este un tutorial simplu și cuprinzător despre crearea unei teme pentru copii WordPress.

Dacă tema are o mulțime de opțiuni de personalizare, atunci aceasta vă poate ajuta să vă îndepliniți nevoile. Dar, indiferent de câte opțiuni pot fi disponibile, poate exista încă ceva pe care tema curentă pe care o aveți nu o poate face sau nu este așa cum doriți. Deci, dacă vă simțiți confortabil cu codurile și WordPress, atunci puteți să vă scufundați în fișierele temei și să începeți să le editați petrecând câteva minute, ore pentru a adăuga modificările care vă plac în temă, doar pentru a descoperi că ați pierdut aceste modificări la următoarea temă. actualizarea rulează.

Deci, pentru a evita acest lucru, vine eroul nostru numit Tema Copilului . Crearea unei teme copil vă permite să faceți modificări pe site-ul dvs. fără a modifica nimic în codul temei originale. Chiar dacă faceți doar câteva modificări minore, merită să petreceți câteva minute creând o temă pentru copii.

Notă : Pentru a face modificări CSS simple pe site-ul dvs. web, puteți utiliza caseta CSS suplimentară adăugată în WordPress 4.7 în loc să creați o temă copil. Aceste modificări făcute prin caseta CSS suplimentară vor rămâne acolo chiar dacă actualizați tema. Dar dacă căutați alte modificări suplimentare, cum ar fi editarea fișierelor PHP, trebuie creată o temă copil.

Deci, cred că aceasta va acoperi tema „ De ce să creăm o temă pentru copii?” întrebare. Deci, să mergem mai departe și să creăm o temă pentru copii.

Cum se creează o temă pentru copii WordPress?

În acest tutorial, vom arăta cum să creăm o temă copil pentru propria noastră temă populară Spacious .

Primul pas:

Creați un folder nou în directorul temelor. Puteți face acest lucru folosind cPanel sau prin FTP. Directorul temelor este wp-content / themes. Deci, haideți să denumim folderul drept spațios-copil. Îl puteți numi oricum doriți, dar nu uitați că nu ar trebui să existe spațiu în numele folderului. Este o abordare obișnuită de a denumi tema copilului ca temă părinte plus -child adăugată la final.

Pasul doi:

În dosarul spațios-copil creați un fișier numit style.css și completați informațiile așa cum se arată mai jos.

/*
Theme Name: Spacious Child Theme
Theme URI: http://themegrill.com/themes/spacious/
Description: Spacious Child Theme
Author: ThemeGrill
Author URI: http://themegrill.com
Template: spacious
Version: 1.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

Adăugați acest lucru și salvați fișierul.

Puncte de reținut :

• Numele șablonului (aici, în acest caz, spațios) ar trebui să se potrivească cu numele folderului temei părinte și, de asemenea, să se asigure că nu există spațiu liber după nume.
• Alte detalii pot fi adăugate sau modificate după cum doriți.

Pasul trei:

Creați un fișier numit functions.php așa cum ați creat „style.css” la pasul doi. Și completați informațiile așa cum se arată mai jos.

<?php
/**
 * Child theme functions file.
 */
function spacious_child_enqueue_styles() {
	// Parent theme style handle 'spacious_style'.
	$parent_;

	// Enqueue parent and child theme style.css.
	wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
	wp_enqueue_style( 'spacious_child_style', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ), wp_get_theme()->( 'Version' ) );
}

add_action( 'wp_enqueue_scripts', 'spacious_child_enqueue_styles' );

La crearea unei teme copil, fișierele style.css și functions.php sunt obligatorii în timp ce fișierele șablon, iar alte fișiere sunt opționale și pot fi create dacă este necesar.

În cele din urmă , pentru a activa tema copil, în tabloul de bord accesați Aspect-> Teme. Căutați tema copil pe care ați creat-o și activați-o. Asta e. De asemenea, asigurați-vă că tema părinte este prezentă și în temele instalate pentru ca tema copil să funcționeze. Dacă acum vă vizitați site-ul, ar trebui să arate la fel ca atunci când tema părinte a fost activată. Cu toate acestea, poate fi necesar să resetați unele dintre setările din Customizer.

Modificarea CSS a temei dvs.

Dacă doriți să modificați CSS-ul temei, puteți adăuga CSS la sfârșitul fișierului style.css și salvați-l. Aceste linii CSS vor suprascrie tema părinte CSS.

De exemplu, spunem că vrem să modificați dimensiunea fontului titlului site - ului pentru tema spațioasă pentru 36px valoarea implicită pentru a 42px și schimba culoarea de la #444444 implicit la albastru ( #0000FF ). Apoi, puteți adăuga doar liniile CSS de mai jos.

/*
Theme Name: Spacious Child Theme
Theme URI: http://themegrill.com/themes/spacious/
Description: Spacious Child Theme
Author: ThemeGrill
Author URI: http://themegrill.com
Template: spacious
Version: 1.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
#site-title a {
	color: #0000FF;
	font-size: 42px;
}

Efectuarea de modificări suplimentare

Editarea altor fișiere tematice
De asemenea, puteți efectua modificări structurale fișierelor tematice ajustând fișierele șablon. Spuneți, doriți câteva modificări sau doriți să adăugați un cod suplimentar în antet. Apoi puteți copia fișierul header.php al temei părinte, lipiți în interiorul temei copil și faceți / adăugați modificări acolo și salvați fișierul. Acest fișier header.php se va încărca în locul fișierului header.php al temei părinte.

Încheierea

Sperăm că acum puteți crea o temă pentru copii și puteți face personalizarea care vă place. Vrei să spui ceva? Adăugați-l în comentarii și vă voi răspunde. Bucurați-vă!