cum se proiectează un șablon de pagină personalizat WordPress [actualizați 2021]

temele WordPress sunt grozave. Ei fac WordPress Web design atât de ușor.

dar, ce se întâmplă când vrei să treci dincolo de tema aleasă?

ce se întâmplă dacă doriți să utilizați un aspect personalizat WordPress pe o anumită pagină?

Ei bine, unele teme nu vă vor permite să le modificați aspectele.

dar există unele soluții pentru acest lucru.

Urmați-mă pentru a afla.

ce este un șablon de pagină personalizat și cum să atribuiți unul?

paginile WordPress și aspectul postărilor sunt controlate de un fișier șablon numit „pagină.php”. Șabloanele sunt fișiere care spun WordPress cum să afișeze diferite tipuri de conținut.

acum, este posibil să nu doriți ca toate paginile și postările să arate la fel. Acesta este momentul în care aveți nevoie de un șablon de pagină personalizat.

ce șabloane de pagini WordPress utilizați?

vrei să afli ce șablon de pagină folosești sau cum să comuți între șabloane?

este ușor peasy, va trebui să:

1. mergeți la tabloul de bord al administratorului WordPress,
2. din meniul din stânga, selectați „Pagini”,
3. treceți peste titlul unei pagini,
4. din meniul de sub titlu, selectați „Editare rapidă”,
5. din meniul „Editare rapidă”,

aici puteți vedea toate șabloanele tematice disponibile și puteți atribui un șablon diferit paginii dvs. curente.

de exemplu, există o opțiune pentru a schimba pagina la lățime completă, dacă doriți. Dar nu există nicio opțiune pentru un șablon care adaugă oa doua bară laterală.

acesta este motivul pentru care șabloanele WordPress personalizate pot fi utile. Ori de câte ori salvați un șablon nou, acesta va fi disponibil alături de cele vechi, de asemenea.

acum, Puteți atribui face această atribuire în interiorul paginii, de asemenea. Când alegeți să editați o pagină, în partea dreaptă, accesați șablonul „atribute pagină”->.

cum se creează o temă copil

acum, înainte de a ne murdări mâinile cu crearea unui șablon de pagină personalizat WordPress, trebuie să țineți cont de un lucru: faceți modificările pe o temă copil. Nu ați dori să provocați modificări ireversibile temei părinte.

o temă WordPress copil este o sub-temă care moștenește toate caracteristicile și stilurile temei părinte. Acum, dacă tema părinte primește o actualizare, tema copilului dvs. nu va fi afectată și modificările dvs. nu vor fi suprascrise.

acum, cum creați o temă pentru copii? Iată pașii:

1. Conectați-vă la cPanel,
2. Accesați managerul de fișiere,
3. mergeți la public_html-> wp-content – > folderul teme,
4. în timp ce vă aflați în folderul „teme”, adăugați un folder nou din „+Folder” din meniul superior. Dă-i un nume. O practică cel mai bun caz este de a utiliza numele temei, la care adăugați „-copil”. De asemenea, utilizați cratime, în loc de spațiu. În cazul meu, voi folosi mesmerize-child, pentru că folosesc tema Mesmerize,
5. în interiorul folderului, creați un fișier nou și numiți-l „stil.css”,
6. . Faceți clic dreapta pe fișier și selectați opțiunea „Editare”.

   /* Theme Name: Your Theme Child Theme URL: http://yourdomain.comDescription: Your Theme Child Theme Author: Your NameAuthor URL: http://yourdomain.comTemplate: yourtheme Version: 1.0.0 Text Domain: yourtheme-child */

   aici puteți lipi o parte din cod în fișierul CSS părinte sau puteți adăuga propriul stil.

7. Schimbați tema și numele domeniului, apoi apăsați „Salvați”,
8. creați un alt fișier în același folder. De data aceasta îl numește ” funcții.php”. Lipiți următorul cod:

   <?phpadd_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );function enqueue_parent_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );}?>

9. accesați tabloul de bord WordPress, aspect- > temă. Tema copilului dvs. va fi acolo, trebuie doar să o activați.

și ați terminat.

apoi, să facem un nou șablon, nu-i așa?

cum se creează un șablon de pagină personalizat WordPress?

puteți porni de la codul tematic existent și puteți efectua ajustările necesare.

iată pașii:

1. mergeți la cPanel- > File Manager,
2. navigați la public_html- > wp-content- > Themes folder,
3. Deschideți folderul temei principale,
4. identificați pagina.fișier php. Va arăta astfel:

   <?php mesmerize_get_header(); ?> <div class="page-content"> <div class="<?php mesmerize_page_content_wrapper_class(); ?>"> <?php while (have_posts()) : the_post(); get_template_part('template-parts/content', 'page'); endwhile; ?> </div> </div><?php get_footer(); ?>

5. selectați fișierul, apoi alegeți „Copiere”,
6. în fereastra care apare, schimbați calea fișierului, la cea din folderul copil temă,
7. redenumiți noul fișier, astfel încât să puteți identifica cu ușurință ceea ce face.
8. adăugați un comentariu în interiorul fișierului, astfel încât să puteți spune WordPress că acesta este un nou șablon personalizat. Faceți acest lucru selectând „editați” și introducând acest text:

   /* * Template Name: Your custom TEmplate's name * description: >- Explain what your new templates does */

   noul dvs. fișier ar trebui să arate astfel:

   <?php /* * Template Name: Custom Full Width * description: >- Page template without sidebar */mesmerize_get_header(); ?> <div class="page-content"> <div class="<?php mesmerize_page_content_wrapper_class(); ?>"> <?php while (have_posts()) : the_post(); get_template_part('template-parts/content', 'page'); endwhile; ?> </div> </div><?php get_footer(); ?>

puteți adăuga aici și copii ale altor fișiere. De exemplu, puteți personaliza single-ul.fișier php, care va schimba aspectul postărilor de pe blog.

apoi, va trebui să vă suflecați mânecile și să scrieți un cod.

și dacă doriți să modificați CSS styling, puteți face acest lucru în interiorul Customizer tema copil, în interiorul CSS adițional sau în interiorul stilului.fișier css.

cu toate acestea, există o soluție mai simplă…

cu un constructor de site-uri precum Colibri, tot codul „stă” în spate și nu blochează un creator de site non-tehnic. Fiecare adăugare sau modificare a unei pagini personalizate este reflectată vizual în Personalizator. Astfel, creatorul site-ului are mai mult control asupra designului. Pagina destul de personalizată va fi gata într-o clipită, fără a deranja codul din spatele paginii.