Cum se creează un șablon personalizat de postare de blog Elementor

Publicat: 2022-01-14

O pagină de postare bine formată le oferă cititorilor tăi un sentiment bun atunci când citesc postarea ta. De asemenea, ajută la atragerea de vizitatori noi sau existenți pe site-ul dvs., reduce rata de respingere, ajută la îmbunătățirea vizualizării paginii site-ului și multe altele. Acesta este motivul pentru care trebuie să vă concentrați pe designul paginii dvs. cu o singură postare.

Dacă sunteți în căutarea unui ghid ideal pentru a crea o pagină personalizată cu o singură postare folosind Elementor, atunci următorul ghid va fi cel perfect pentru dvs.

În acest ghid, vă vom arăta cum să proiectați șablonul de postare de blog Elementor sau pagina de la zero. Înainte de asta, ar trebui să aveți o idee clară de ce trebuie să creați o pagină personalizată cu o singură postare.

Să începem:

De ce trebuie să vă proiectați șablonul personalizat de postare pe blog Elementor

How To Create Custom Elementor Blog Post Template

Cele mai populare teme WordPress au propriul cadru de design cu o singură postare. Dar este posibil ca formatul implicit de design de postare unică al temei dvs. să nu vă satisfacă nevoile. Să presupunem că trebuie să adăugați o fereastră pop-up personalizată la pagina de postare, dar tema pe care ați folosit-o pentru a vă proiecta site-ul nu vă permite să faceți acest lucru.

Ce faci mai departe? Din acest punct de vedere, trebuie să proiectați o pagină de postare personalizată pentru a adăuga caracteristicile de care aveți nevoie. Cu toate acestea, există și alte aspecte importante pe care le puteți lua în considerare pentru a crea o pagină personalizată de postare de blog pentru site-ul dvs. Faptele notabile sunt:

  • Asigurați o experiență mai bună pentru utilizator
  • Reduceți rata de respingere
  • Îmbunătățiți designul paginii cu o singură postare
  • Adăugați funcții personalizate
  • Asigurați o vizualizare mai bună a postării

2 moduri de a crea un șablon personalizat de postare pe blog Elementor

Puteți crea un șablon personalizat de postare de blog Elementor în două moduri simple:

  1. Metoda 1: Creați un șablon de postare pe blog Elementor de la zero
  2. Metoda 2: Creați o singură pagină de postare folosind șablonul Elementor prefabricat

Asigurați-vă că ați instalat și activat atât pluginul Elementor (gratuit) cât și Elementor Pro pe site-ul dvs. web.

Dacă sunteți nou la Elementor, atunci verificați acest blog la îndemână despre Cum să utilizați corect Elementor.

Metoda 1: Creați un șablon de postare pe blog Elementor de la zero

Dacă doriți să vă creați propriul șablon de postare de la zero, o puteți face folosind widget-urile Elementor.

Pasul 1: Adăugați o coloană și o secțiune

Mai întâi, trebuie să adăugați o secțiune și să introduceți o coloană în funcție de nevoile dvs. Pentru a face acest lucru, ar trebui să faceți clic pe pictograma (+) și pe coloana din secțiune.

Add Column

Pasul 2: Adăugați widgetul de imagine caracteristică

După aceea, puteți adăuga widget-urile necesare în coloană. Aici, adăugăm widgetul Imagine prezentată pentru a afișa imaginea caracteristică a postării. Puteți găsi widget-ul din meniul din stânga și trageți și plasați widget-ul în locul potrivit.

Add Feature Image Widget

Conținutul imaginii caracteristice

Puteți gestiona imaginea caracteristică în zona Conținut . Puteți modifica dimensiunea imaginii , setați alinierea , adăugați legenda și introduceți un link dacă doriți.

Content of Feature Image

Imagine caracteristică de stil

Puteți personaliza designul imaginii folosind opțiunile Stil. Accesați zona Stil , modificați setările necesare pentru a face imaginea caracteristică mai atrăgătoare.

Style Feature Image

Pasul 3: Adăugați o coloană nouă și setați aspectul

După adăugarea imaginii caracteristice, dorim să adăugăm celelalte widget-uri. Înainte de asta, ne place să adăugăm o nouă coloană și să setăm aspectul utilizând setarea Avansată . Verificați imaginea de mai jos, vedeți că setăm Content Width->Boxed și definim Width ca 850px .

Să adăugăm celelalte widget-uri în această coloană.

Add New Column & Set Layout

Pasul 4: Adăugați widgetul de informații despre postare

Adăugăm widget-ul Post Info pentru a afișa metadatele postării noastre. Găsiți widgetul și plasați-l în coloană.

Add Post Info Widget

Conținutul widgetului de informații despre postare

În Conținut, puteți controla metadatele widget-ului Post Info.

Content Post Info Widget

Setați alinierea widgetului cu informații despre postare

Dacă doriți să personalizați designul informațiilor postării, o puteți face aici în zona Stil . Aici, setăm Alinierea meta conținutului postării.

Style Post Info Widget

Schimbați culoarea și dimensiunea pictogramei cu informații despre postare

De asemenea, schimbăm culoarea și dimensiunea pictogramei. Puteți schimba designul textului accesând zona Stil->Text . Dar suntem în regulă cu designul implicit al textului.

Style Post Info Widget

Pasul 5: Adăugați widgetul pentru titlul postării

Adăugați widget pentru titlul postării și afișați titlul blogului. Puteți adăuga widget-ul urmând procedura de mai sus.

Add Post Title Widget

Stil Titlul postării

De asemenea, puteți gestiona stilul Titlu accesând zona Stil . Aici, puteți personaliza culoarea textului, tipografia, umbra textului și modul de amestecare a titlului postării.

Style Post Title

Notă: Dacă ați instalat pluginul Happy Addons pe site-ul dvs., atunci veți obține opțiunea Text Stroke .

Pasul 6: Adăugați widget pentru conținutul postării

Acum este timpul să adăugați întregul conținut al postării pe pagina noastră. Pentru a face acest lucru, adăugăm pe pagină widgetul de conținut post .

Add Post Content Widget

Conținut de postare stil

Puteți seta alinierea conținutului, culoarea textului și tipografia conținutului.

Style Post Content

Pasul 7: Adăugați widgetul Social Share

Am adăugat butonul Social Share pentru partajarea postării.

Add Social Share Widget

Pasul 8: Adăugați widget pentru informații despre autor

De asemenea, am adăugat widget-ul Informații despre autor pentru a afișa detaliile autorului postării.

Add Author Info Widget

Caseta de autor de stil

În funcție de nevoile dvs., puteți modifica designul implicit al informațiilor despre autor folosind opțiunile de stil. Aici, aveți diferite opțiuni pentru a personaliza imaginea, textul și butonul .

Style Author Box

Pasul 9: Adăugați widgetul de paginare a postării

Pentru a face navigarea postării, am adăugat widgetul Post Pagination . Acum se poate naviga cu ușurință în postări.

Add Post Pagination

Pasul 10: Adăugați postări similare

Este o caracteristică foarte comună pe care o vedeți adesea în partea de jos a unei singure postări pe blog. De aceea am decis să adăugăm widgetul Postări similare pe pagina noastră. Am setat, de asemenea, aspectul și am definit Coloanele, Postările pe pagină și alte setări necesare pentru postări ale widget-urilor.

Add Related Posts

Pasul 11: Adăugați widgetul de postare comentariu

Puteți implementa cu ușurință opțiunea de comentariu pe pagina dvs. de postare adăugând widget-ul Postați comentariu . Puteți seta aspectul comentariului și Sursa comentariului folosind opțiunea Conținut .

Add Post Comment Widget

Previzualizare finală a designului Elementor Single Post

După adăugarea tuturor widget-urilor necesare și personalizarea designului, acesta este designul actual al paginii noastre unice de postare.

Final Preview of Elementor Single Post Design

Metoda 2: Creați o singură pagină de postare folosind șablonul Elementor prefabricat

În această parte a blogului nostru, vom arăta cum să creați un singur șablon de postare folosind Elementor Theme Builder.

Să începem:

Accesați Tempalte Teme Builder

Mai întâi, trebuie să accesați Șabloane->Generator de teme pentru a crea un nou șablon de postare unică.

Go to Tempalte Teme Builder

Adăugați o singură postare nouă

Pe pagina următoare, aveți mai multe opțiuni. Faceți clic pe fila Postare unică . Apoi faceți clic pe butonul Adăugați o singură postare nouă .

Add New Single Post

Creați un șablon de postare unică

După aceea, veți găsi opțiunea de a vă crea șablonul. Scrieți numele șablonului și faceți clic pe butonul Creare șablon și așteptați pagina următoare.

Create Single Post Template

Alegeți un șablon de postare pre-proiectat potrivit

Acum este timpul să selectați un șablon de blog prefabricat potrivit pentru pagina dvs. de blog. Doar instalați șablonul și utilizați-l.

Choose a Suitable Pre-Designed Post Template

Notă: De asemenea, puteți personaliza șablonul prestabilit în funcție de nevoile dvs.

Asta e.

Îmbunătățiți-vă capacitatea de personalizare cu widgeturile de postare ale Happy Addons

Happy Addons, unul dintre suplimentele Elementor ușoare și cu creștere rapidă, vă permite să proiectați o pagină de postare personalizată folosind widget-urile sale puternice de postare. În prezent, vine cu 8 widget-uri avansate de postare care sunt ușor de utilizat și complet personalizabile.

Să facem o scurtă scurtă scurtă despre aceste widget-uri, astfel încât să puteți înțelege de ce ar trebui să le încercați.

Lista de postări (gratuit)

Doriți să vă prezentați postările de pe blog într-o listă? Noul widget gratuit Lista de postări al lui Happy Addons vă permite să afișați poturile de blog pe listă. Încercați acest widget și faceți designul postării exclusiv.

Post List Demo HappyAddons

Consultați documentația widget-ului Post List.

Fila Postare (gratuit)

Este posibil să observați că multe site-uri web își afișează postările folosind o filă. Și dacă doriți să faceți acest lucru, atunci widgetul gratuit Post Tab al Happy Addons va fi instrumentul perfect pentru acest design.

Post-Tab Demo HappyAddons

Citiți documentația widgetului Post Fil și aflați cum să o utilizați.

Taxonomie (gratuit)

Doriți să vă modernizați post-taxonomia? Încercați widgetul gratuit Taxonomie al Happy Addons de acum, vă puteți decora eficient postarea Taxonomiei într-un mod mai organizat.

Taxonomy Widget Demo

Verificați documentația completă a widget-ului Taxonomie.

Post Grid (Pro)

Dacă sunteți în căutarea unui instrument solid pentru a vă afișa postările de blog într-un aspect grilă, atunci ar trebui să încercați widget-ul Happy Addons' Post Grid. Acest widget creativ vă economisește timp prețios în proiectarea unor astfel de elemente web și vă face pagina de blog mai atractivă.

Post Grid Widget Demo

Citiți documentația completă a widgetului Post Grid.

Dale de post (Pro)

Happy Addons' Post Tiles Widget este un alt instrument avansat care vă permite să afișați postările într-un mod mai organizat. Puteți adăuga mai multe postări simultan și puteți gestiona lățimea și înălțimea acestora. Este ușor de utilizat și complet personalizabil.

Post Tiles Widget Demo

Urmați documentația widget-ului Post Tiles și aflați cum să utilizați acest instrument uimitor.

Lista de postări inteligente (Pro)

Cu acest widget exclusiv Smart Post List, puteți enumera mai eficient postările de blog pe site-ul dvs. Elementor decât oricând. Puteți adăuga postările tale lipicioase cu posibilitatea de a afișa liste de postări clasificate.

Smart Post List Widget Demo

Consultați documentația Smart Post List.

Post Carusel (Pro)

Acest widget unic Happy Addons vă permite să prezentați postările de blog într-un aspect carusel. Încercați widgetul Post Carusel și faceți designul postării mai atractiv pentru vizitatorii dvs.

Post Carousel Widget Demo

Citiți documentația Post Carusel și aflați cum să lucrați cu ea.

Lista de autori (Pro)

Încercați widget-ul Lista de autori New Happy Addons pentru a face o listă frumoasă a autorului dvs. și pentru a arăta câte postări au scris.

Author List Widget Demo

Aflați mai multe despre widget-ul Lista de autori citind documentația.

Sunteți gata să vă proiectați șablonul personalizat de postare pe blog Elementor

Acum este timpul să vă creați propria pagină de postare folosind Elementor.

Dacă urmați instrucțiunile de mai sus, veți obține o idee exactă despre cum să proiectați o pagină personalizată cu o singură postare Elementor de la zero. Am discutat, de asemenea, despre cum să adăugați mai multă valoare paginii dvs. de postare folosind Widgeturile de postare HappyAddons.

Dacă mai aveți întrebări cu privire la designul șablonului de postare de blog Elementor, puteți întreba folosind caseta de comentarii de mai jos. Vom încerca să vă rezolvăm problema cât mai curând posibil.

Dacă îți place acest ghid util, distribuie-l pe canalul tău social. Și alăturați-vă buletinului nostru informativ pentru a obține mai multe ghiduri interesante despre WordPress și Elementor.

Aboneaza-te la newsletter-ul nostru

Obțineți cele mai recente știri și actualizări despre Elementor