Cum se creează un șablon personalizat de postare de blog Elementor
Publicat: 2022-01-14O 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
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:
- Metoda 1: Creați un șablon de postare pe blog Elementor de la zero
- 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.
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.
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.
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.
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ă.
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ă.
Conținutul widgetului de informații despre postare
În Conținut, puteți controla metadatele widget-ului Post Info.
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.
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.
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.
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.
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 .
Conținut de postare stil
Puteți seta alinierea conținutului, culoarea textului și tipografia conținutului.
Pasul 7: Adăugați widgetul Social Share
Am adăugat butonul Social Share pentru partajarea postării.
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.
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 .
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.
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.
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 .
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.
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ă.
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ă .
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.
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.
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.
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.
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.
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ă.
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.
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.
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.
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.
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