Cum se creează un șablon personalizat de postare de blog Elementor (ghid ușor)

Căutați cel mai simplu tutorial despre cum să creați un șablon personalizat de postare pe blog Elementor?

Blogurile sunt una dintre cele mai populare și eficiente modalități de a crea conștientizare despre produsul dvs. Cu toate acestea, dacă doriți să vă bucurați de cele mai multe beneficii din marketingul de conținut, trebuie să vă asigurați că pagina dvs. de blog are un aspect captivant împreună cu informațiile potrivite.

Pentru a face postarea pe blog atrăgătoare, trebuie să creați propriul șablon personalizat de blog. Și puteți obține un șablon de postare de blog remarcabil pentru a vă implica publicul folosind Elementor. Puteți crea o pagină de blog personalizată Elementor de la zero, precum și să creați una folosind șabloane prefabricate.

În acest articol, veți învăța cum să creați un șablon de postare pe blog Elementor folosind două metode în cele mai simple moduri posibile. Deci, continuă să citești…

Pluginuri pe care trebuie să le instalați pentru a crea șablon personalizat de postare pe blog Elementor

Pentru a crea o postare de blog în WordPress cu Elementor page builder, fără efort, veți avea nevoie de ambele

• Elementor (gratuit)

• și Elementor Pro.

Cum se creează un șablon de pagină de blog personalizat Elementor de la zero

Elementor Pro oferă toate widget-urile necesare de care veți avea nevoie pentru a crea un șablon personalizat uimitor de postare de blog de la zero. Doar urmați pașii menționați mai jos pentru a crea un singur șablon de postare Elementor:

Pasul 1: Creați un nou șablon de blog unic

În primul rând, trebuie să creați un singur șablon de blog. Pentru asta, accesați WordPress Dashboard și apoi navigați la Templates ⇒ Add New

și faceți clic pe butonul Adăugare nou . Odată deschisă noua fereastră, selectați Postare unică ca tip de șablon din meniul drop-down, furnizați un nume la alegere, apoi faceți clic pe Creare șablon .

Acum ar trebui să vedeți machetele prefabricate (vom acoperi cum să le utilizați mai târziu). Deoarece vom construi un șablon de blog de la zero, faceți clic pe butonul cruce din colțul din dreapta sus pentru a închide această fereastră.

Pasul 2: Selectați o structură/un aspect pentru șablonul de postare de blog

Acum, trebuie să alegeți o structură pentru șablonul dvs. de blog, este recomandat să nu folosiți întreaga lățime a unei pagini deoarece devine greu pentru utilizator să o citească. Pentru a alege o structură pentru șablonul de pagină de blog personalizat Elementor, faceți clic pe pictograma + și selectați-o pe cea care vă place și doar faceți clic pe structură pentru a o insera.

Notă: pentru a vedea cum va arăta un blog cu șablonul pe care îl creați, selectați un blog existent din opțiunea de previzualizare a conținutului dinamic . Pentru a seta asta, faceți clic pe opțiunea Setări din colțul din stânga jos.

Apoi, alegeți Postare din Previzualizarea conținutului dinamic ca meniu derulant, introduceți numele blogului pe care doriți să îl selectați în al doilea meniu derulant de mai jos. În cele din urmă, faceți clic pe Aplicare și previzualizare .

Pasul 3: Adăugați widget-ul Imagine recomandată și personalizați opțiunile de stil de imagine

Odată ce aveți aspectul, în bara editorului din stânga, căutați widgetul Imagine recomandată. După ce găsiți widgetul, trageți și plasați-l în locația dorită.

După încărcarea widget-ului, personalizați dimensiunea imaginii, alinierea, legenda, linkul și opțiunea lightbox.

Pentru a modifica setările de stil, navigați la fila Stil . Aici puteți modifica înălțimea imaginii, lățimea, opacitatea, chenarul, raza etc.

Pasul 4: Adăugați și personalizați widgetul Elementor Post Info

După imaginea caracteristică, ar trebui să afișați informațiile legate de postare pe care le puteți face cu widget-ul Post Info . La fel ca imaginea prezentată, mai întâi căutați widgetul Post Info , apoi pur și simplu trageți și plasați sub widgetul Imagine prezentată.

În fila Conținut Editor Elementor, puteți seta aspectul ca implicit sau în linie. Puteți edita/șterge Opțiunile Autor, Data, Ora și Comentarii . De asemenea, puteți adăuga un câmp personalizat la widget-ul Post Info făcând clic pe butonul + ADAUGĂ NOU.

Din nou, treceți la fila Stil pentru a personaliza setările de stil, cum ar fi Spațiul dintre liste, alinierea, culoarea și dimensiunea pictogramei, culoarea textului și tipografia.

Pasul 5: Trageți și plasați widgetul Post Title și personalizați

Acum, căutați widgetul Titlul postării și trageți și plasați sub widgetul cu informații despre postare.

Puteți personaliza dimensiunea, eticheta HTML și alinierea etichetei Titlul postării.

În fila Stil, veți găsi opțiuni pentru a personaliza Culoarea textului, Tipografia, Conturul textului, Umbra textului și Modul de amestecare.

Pasul 6: Adăugați și personalizați widgetul Post Content

Acum, trageți și plasați widgetul de conținut al postării . Widgetul de conținut al postării din ElementsKit reprezintă corpul (conținutul principal) al postării pe blog.

Pasul 7: Trageți și plasați widgetul Pictograme sociale pentru a adăuga o opțiune de partajare socială

După conținutul postării, adăugați widgetul Iconi sociale prin glisare și plasare. Pictogramele sociale vă vor oferi opțiuni pentru a vă partaja blogul pe diferite platforme sociale.

Puteți adăuga / șterge câte pictograme sociale doriți. În plus, puteți personaliza forma pictogramelor, numărul de coloane care ar trebui să apară și alinierea. De asemenea, puteți personaliza pictograma platformei sociale, culoarea și linkul pentru fiecare dintre pictogramele sociale.

Navigați la fila Stil pentru a modifica dimensiunea pictogramei, culoarea, umplutura, spațierea, tipul de chenar.

Pasul 8: Adăugați widget-ul Author Box și personalizați setările widget-ului

Căutați caseta de autor și trageți și plasați widgetul după pictogramele sociale. De asemenea, puteți adăuga un autor personalizat, dacă doriți, din meniul drop-down sursă. Puteți alege cum/ascundeți poza de profil, numele afișat și biografia . De asemenea, puteți personaliza alte setări, cum ar fi eticheta HTML, Link, Layout, Alignment.

Navigați la fila Stil pentru a personaliza opțiuni precum dimensiunea imaginii, chenarul, culoarea și tipografia numelui autorului, biografia etc.

Pasul 9: Adăugați un widget de navigare în postare pentru opțiunea de paginare

Widgetul Elementor Post Navigation va oferi cititorilor opțiuni de navigare, astfel încât aceștia să poată trece la diferite bloguri. Pentru a adăuga widget-ul de navigare a postării, ca înainte, căutați în editor și apoi trageți și plasați după widgetul casetei de autor.

Puteți afișa sau ascunde eticheta de paginare sau semnul săgeții. Ai peste 8 opțiuni de design pentru săgeți. De asemenea, puteți personaliza textul de nivel anterior și următor.

Puteți schimba culoarea și tipografia etichetei, titlului, săgeții și chenarelor atât pentru vizualizarea normală, cât și pentru vizualizarea cu mouse-ul.

Pasul 10: Trageți și plasați widget-ul Postări pentru a afișa postările asociate

Pentru a prezenta postările aferente, vom folosi widgetul Elementor Posts . Așadar, trageți și plasați widgetul de postări după widgetul de navigare a postărilor. Cu acest widget, puteți schimba culoarea pielii, puteți seta numărul de coloane, numărul de postări pe pagină, poziția imaginii și multe alte setări. De asemenea, puteți modifica diferitele stiluri de aspect, casetă, imagine și conținut.

Pasul 11: Adăugați widgetul Post Comments

Pentru a oferi utilizatorilor o opțiune de a comenta postările dvs., trebuie să adăugați widget-urile Postări Comentarii. Căutați widgetul Comentarii postări și trageți și plasați sub widgetul postări.

Pasul 12: Actualizați și vedeți șablonul de pagină de blog personalizat Elementor

Acum că toate design-urile sunt finalizate, faceți clic pe butonul de actualizare . Dacă apare fereastra de setări de publicare, faceți clic pe Salvare și închidere.

Iată previzualizarea șablonului personalizat de postare pe blog Elementor pe care tocmai l-am creat.

Dacă ați găsit metoda descrisă mai sus prea consumatoare de timp, puteți opta pentru metoda menționată mai jos unde nu trebuie să construiți și să proiectați fiecare secțiune de la zero.

Cum să creați o singură pagină de postare folosind șablonul Elementor prefabricat

Dacă intenționați să utilizați un șablon predefinit pentru pagina dvs. de blog personalizată Elementor, o puteți face în doar 3 pași. Să verificăm cum:

Pasul 1: creați un nou șablon de postare unică pe blog din tabloul de bord

La fel ca prima metodă, trebuie să creați un nou șablon de blog unic. Pentru mai multe detalii despre cum să creați noul șablon derulați puțin în sus și verificați primul pas al primei metode (cum să construiți un șablon de blog de la zero).

Pasul 2: Alegeți un șablon Elementor Single Post prefabricat

Odată ce faceți clic pe Creare șablon, veți vedea fereastra bibliotecii Elementor cu multe șabloane personalizate pentru o singură postare. Aici puteți alege oricare dintre blocurile Single post care vă plac. Plasați cursorul pe șablonul preferat, faceți clic pe inserare.

Pasul 3: Alegeți un șablon Elementor Single Post prefabricat

Odată ce șablonul se încarcă, faceți clic pe butonul de publicare pentru a salva toate șabloanele noi de blog.

Iată o imagine finală a unei postări de blog folosind o postare de blog Elementor folosind un șablon de postare unică prestabilit.

Cum să creați o pagină cu cele mai recente postări Elementor cu ElementsKit

Acum că aveți un șablon de postare unic atractiv, este timpul să creați o pagină personalizată de listare a blogurilor, astfel încât toate blogurile dvs. să fie afișate într-un mod liniștitor și ușor de utilizat. Să aruncăm o privire la modul în care puteți crea cele mai recente postări personalizate Elementor cu ElementsKit.

Pasul 1: Instalați și activați ElementsKit

Pentru a crea o pagină de blog uimitoare, împreună cu generatorul de pagini Elementor, veți avea nevoie de ElementsKit. ElementsKit este un plugin all-in-one pentru Elementor cu peste 85 de widget-uri și module pentru a face dezvoltarea web mai ușoară ca niciodată.

Pasul 2: Activați widgetul legat de Lista de postări

Odată activat, trebuie să activați widgetul legat de postare pentru a construi pagina cu lista de postări. ElementsKit oferă o serie de widget-uri pentru afișarea listelor dvs. de bloguri, care includ postări de blog, grilă de postări, listă de postări, widget pentru fila Postare etc. Puteți activa widgetul pe care doriți să îl utilizați.

Pasul 3: Adăugați widget-ul și personalizați

Acum, accesați pagina cu lista de bloguri, căutați widgetul și pur și simplu trageți și plasați. Odată ce widgetul se încarcă, puteți personaliza setările aferente pentru a vă personaliza pagina cu lista de bloguri. Să aruncăm o privire la cum va arăta o pagină cu listă de bloguri cu câteva dintre widget-urile ElementsKit și opțiunile de personalizare ale acestora.

Postări pe blog:

Folosind widgetul Blog Post, vă puteți afișa blogurile în format Block, Grid cu degetul mare și Grid fără design de degetul mare . De asemenea, puteți seta numărul de postări de afișat pe rând, puteți activa/dezactiva paginarea și multe alte opțiuni. Pentru mai multe detalii, consultați blogul nostru despre cum să afișați postările recente pe blog.

Post grilă:

Cu pluginul grilă de postări, puteți personaliza ce categorie de bloguri doriți să afișați în lista de bloguri. De asemenea, puteți alege numărul de postări de afișat și numerele coloanelor pe care ar trebui să le aibă fiecare rând. Pentru mai multe detalii, consultați documentația noastră.

Widget Post Fila

Cu un widget Post Fila , obțineți toate opțiunile de personalizare, cum ar fi Post Grid, împreună cu o filă de categorie suplimentară. Cu această opțiune, utilizatorii pot trece cu mouse-ul pe orice filă de categorie și pot vedea numai blogurile din categoria respectivă.

Odată ce ați ales widget-ul și faceți personalizare în funcție de alegerea dvs., faceți clic pe butonul de actualizare pentru a publica. Acum ar trebui să aveți o pagină care afișează cele mai recente postări Elementor într-un mod atrăgător.

Cuvinte finale

Am făcut tot posibilul să vă oferim un tutorial ușor despre cum să creați un șablon personalizat de postare pe blog Elementor în două moduri. Sperăm că ați găsit blogul util pentru a vă crea șablonul personalizat de blog Elementor. Puteți urma pașii și puteți modifica machetele, precum și modelele în funcție de alegerea dvs.

Și nu uitați să dați o notă extraordinară paginii dvs. cu lista de bloguri cu widget-urile ElementsKit. ElementsKit este complementul perfect pentru Elementor, fă-ți timp să verifici toate widget-urile uimitoare pe care le oferă acest supliment.