Cum se Creează un Șablon de Sidebar cu Tema Hello

Notă! Unele linkuri de pe această pagină pot fi linkuri afiliate, ceea ce înseamnă că, dacă alegeți să efectuați o achiziție, pot câștiga un mic comision fără costuri suplimentare pentru dvs. Apreciez foarte mult sprijinul dvs.!

Cum se Creează un Șablon de Sidebar cu Tema Hello

Cum se Creează un Șablon de Sidebar cu Tema Hello? În mod implicit, Tema Hello nu apelează funcționalitatea barei laterale WP. Puteți crea o temă copil și puteți adăuga un fragment de cod, așa cum se arată aici, în fișierul functions.php al unei teme copil.

Dacă doriți să utilizați Widget-urile din bara laterală WP împreună cu Widget-urile Elementor, fără a utiliza cod, puteți face acest lucru creând o bară laterală în șabloanele dvs. de pagină unică, postare unică și arhivă în Creatorul de teme. Aceste șabloane vă vor permite să prezentați o bară laterală personalizată pe site-ul dvs. pentru fiecare pagină sau postare nouă.

Sidebar cu Tema Hello
Sidebar cu Tema Hello

Să Începem

Creați un Șablon Nou Pentru o Singură Pagină

Din Elementor Theme Builder, alegeți Șablonul de Pagină Unică, Postare Unică sau Arhivă și creați unul nou. Pentru acest document, vom folosi opțiunea O singură pagină. Aceasta va crea un șablon pentru toate paginile de pe site-ul web care utilizează Aspectul Implicit.

Creați un Șablon Nou Pentru o Singură Pagină
Creați un Șablon Nou Pentru o Singură Pagină

Adăugați o Secțiune cu Două Coloane

Din pictograma + din editor, alegeți aspectul cu două coloane 70/30. Acesta va fi fundamentul șablonului nostru.

Adăugați o Secțiune cu Două Coloane
Adăugați o Secțiune cu Două Coloane

Adăugați Widgetul de Conținut

Pentru ca Elementor să numească „Conținutul”, trebuie să adăugăm un Widget de postare de conținut la șablonul nostru. Această regiune va afișa în mod dinamic conținutul paginii sau regiunea la care putem adăuga Widgeturi Elementor în pașii ulteriori. Dacă creați un șablon de arhivă, selectați Widget-ul de postări arhivate și nu Widget-ul de conținut post.

Adăugați Widgetul de Conținut
Adăugați Widgetul de Conținut
Notă:
Aceasta este adesea cauza primirii erorii de conținut negăsit în Elementor. Șablonul pentru o singură pagină trebuie să aibă un Widget Post Content pentru a funcționa.

Setări de Previzualizare

Când lucrați cu șabloane, este util să utilizați Setările de previzualizare situate în setările pentru pagină aflată făcând clic pe pictograma roată din colțul de jos. Selectați o pagină deja publicată pe site-ul dvs. web, cum ar fi Pagina de exemplu. Faceți clic pe butonul Aplicare și previzualizare.

Setări de Previzualizare
Setări de Previzualizare

Adăugarea de Widgeturi WordPress la Șablon

Acum puteți adăuga Widget-urile tradiționale WordPress în bara dvs. laterală. Toate sunt situate în partea de jos a panoului cu Widget-uri editor. Dacă ați instalat pluginuri suplimentare care folosesc Widget-uri, acestea vor fi găsite și aici.

Sfat:
Dacă utilizați WooCommerce, veți găsi toate Widget-urile opțiunilor de căutare și filtrare din această regiune. Folosiți-le pentru a crea arhiva de produse și șabloane unice de produs.
Adăugarea de Widgeturi WordPress la Șablon
Adăugarea de Widgeturi WordPress la Șablon

Adăugarea Widgeturilor Elementor

Pe lângă Widget-urile WordPress, puteți adăuga orice Widget-uri Elementor dorite în bara laterală. Acest lucru adaugă posibilități nelimitate designului dvs.

Adăugarea Widgeturilor Elementor
Adăugarea Widgeturilor Elementor

Stilizarea Barei Laterale

Când vă stilați Widget-urile WP, veți descoperi că majoritatea vor folosi titlurile H3, listele și culorile link-urilor din stilurile dvs. globale. Puteți adăuga culori și stiluri de fundal la Widget-urile bazate pe WP în fila Avansat. Widgeturile Elementor pot folosi comenzile Widgetului și fila de stil.

Stilizarea Barei Laterale
Stilizarea Barei Laterale

Trucuri CSS Avansate

Dacă utilizați Tema Hello, va fi adesea nevoie de unele CSS personalizate pentru rezultatele dorite. Puteți modifica aspectul stilurilor sau fonturilor listei adăugând CSS personalizat la Widget prin selector sau adăugând la CSS Personalizat în Setările site-ului și dând Widget-urilor dvs. numele clasei create.

Trucuri CSS Avansate
Trucuri CSS Avansate

Adăugarea unei Regiuni Pentru Titlul Paginii

Adesea, este posibil să doriți să includeți o regiune a titlului paginii pentru afișarea H1 și Breadcrumbs (dacă este utilizat). Aceasta este o bună practică pentru SEO. Puteți face acest lucru adăugând o secțiune deasupra celei existente.

Adăugarea unei Regiuni Pentru Titlul Paginii
Adăugarea unei Regiuni Pentru Titlul Paginii

Setarea Condițiilor de Afișare

Acum puteți seta condițiile de afișare pentru șablonul dvs. De obicei, veți alege aici Pagini > Toate condițiile. În plus, puteți adăuga mai multe condiții dacă este necesar. Dacă alegeți „Singular”, acest șablon va fi folosit pentru pagini și postări, precum și pentru tipuri de postări personalizate. Dacă creați un șablon de postare unică sau de arhivă, alegeți Postări > Toate aici.

Setarea Condițiilor de Afișare
Setarea Condițiilor de Afișare

Creați Pagini Noi

Utilizarea Editorului de Blocuri Pentru Conținut

Când creați pagini sau postări pe site-ul dvs. web, vă recomandăm să vă scrieți conținutul în editorul WP. Acesta poate fi folosit și pentru clienți sau utilizatori cu privilegii doar de editor.

  1. Creați pagini cu Editorul de bloc în editorul WP.
Creați pagini cu Editorul de bloc în editorul WP
Creați pagini cu Editorul de bloc în editorul WP

2. Adăugați limbajul, conținutul media și alt conținut al editorului de blocuri.

Adăugați conținutul
Adăugați conținutul

3. Publicați pagina dvs. folosind butonul WP Publicare. Pagina poate fi setată în modul ciornă dacă este necesar.
4. Vizualizați pagina dvs. Acum va afișa conținutul Block Editor cu bara laterală a șablonului.

Vizualizați pagina dvs.
Vizualizați pagina dvs.

Utilizarea Elementor Pentru Conținut

Dacă doriți să editați în continuare conținutul cu Elementor, dar să utilizați bara laterală pe toate paginile, acum este posibil să faceți acest lucru cu ușurință. Toate Widget-urile Elementor vor folosi regiunea de conținut de 70% a șablonului de pagină.

  1. Denumiți-vă pagina și publicați-o în editorul WP.
Denumiți-vă pagina și publicați-o în editorul WP
Denumiți-vă pagina și publicați-o în editorul WP

2. Faceți clic pe butonul Editare cu Elementor.

Editare cu Elementor
Editare cu Elementor

3. Adăugați Widgeturile dvs. Elementor în regiunea „Conținut”. Nu veți putea trage Widget-uri în regiunea barei laterale decât dacă șablonul este editat.

Adăugați Widgeturile dvs. Elementor
Adăugați Widgeturile dvs. Elementor

Note și Informații

Notă:
Paginile și postările vor trebui să folosească aspectul implicit, mai degrabă decât Elementor Full Width sau Elementor Canvas pentru ca generatorul de teme să se afișeze. În sens invers, dacă doriți să nu aveți o bară laterală pe o pagină (exemplu: Acasă), puteți utiliza Elementor Full Width și Canvas.
Notă! Ați găsit util acest articol? Atunci veți aprecia sprijinul oferit de Elementor în realizarea acestui tutorial. Experimentați construcția unui site cu Elementor astăzi și obțineți un site web modern, pre-securizat, pre-optimizat. Alegeți licența care vi se potrivește astăzi, treceți la versiunea Pro.

Documentație adițională

S-ar putea să te intereseze și:

Despre Admin Staff

Comunitatea WordPress este un Blog strict Educativ pentru utilizatorii de WordPress. Nu este Agenție de WEB, Publicitate sau Marketing! Dacă sunteți firmă și aveți nevoie de sfaturi vă ajut cu plăcere, pentru contracte de colaborare, vă rog contactați agenții specializate, care vă pot oferi documentația fiscală necesară. Sunt pasionat de WordPress și tot ce se leagă de mediul online din 2011, scriu din pasiune și-mi place să ajut, doar prin prisma acestui fapt că-mi place să fac bine oamenilor care au aceeași pasiune. Blog-ul este monetizat prin link-uri de afiliere și Google Adsense, unde se plătesc taxe legale de către platformele respective. Dacă dorești să susții acest blog, sunt deschis pentru donații. Vă mulțumesc pentru înțelegere! George CRIȘAN , Administrator Comunitatea WordPress!

Lasă un comentariu