Posts Widget (Pro)

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.!

Loading

Posts Widget (Pro)

Cu Posts Widget (Pro) puteți afișa o listă cu orice tip de postare, inclusiv tipuri de postări personalizate, în diverse aspecte și moduri. Acest Widget practic poate fi folosit pentru a afișa postări dintr-o anumită categorie sau altă taxonomie, postări recente și multe altele.

Aspecte Skin

Selectați aspectul Skin-ului cel mai potrivit pentru designul dvs. dintre următoarele opțiuni:

Skin Clasic

Skin-ul clasic este un șablon de strat complet personalizabil care se aplică Widget-ului Postări, oferind postărilor dvs. un stil de design tradițional.

Conținut

Aspect

  1. Coloane: Setați câte coloane vor fi afișate, de la 1 la 6.
  2. Postări pe pagină: Setați cantitatea exactă de postări afișate.
  3. Poziția imaginii: Setați poziția imaginii, în raport cu conținutul. Opțiunile includ: Sus/stânga/dreapta/niciunul. *Consultați nota de mai jos pentru instrucțiuni pentru a seta poziția imaginii pe mobil.
  4. Zidărie: Glisați pe sau dezactivați.
  5. Dimensiune imagine: Setați dimensiunea imaginii, de la miniatură la complet.
  6. Raport imagine: Setați raportul exact al imaginilor.
  7. Lățimea imaginii: Setați lățimea exactă a imaginilor.
  8. Titlu: Alegeți să afișați sau să ascundeți titlul.
  9. Etichetă HTML de titlu: Selectați eticheta HTML de utilizat pentru titlu, de la H1 la H6, sau div, span sau p.
  10. Extras: Alegeți să afișați sau să ascundeți fragmentul.
  11. Lungimea extrasului: Alegeți lungimea fragmentului, setând cantitatea exactă de cuvinte afișate.
  12. Metadate: Selectați metadatele care vor fi afișate în widget. Un clic pe câmp deschide lista de opțiuni. Opțiunile includ autorul, data, ora și comentariile.
  13. Separator între: Alegeți separatorul pe care doriți să îl utilizați între metadate.
  14. Citiți mai multe: Afișați sau ascundeți butonul Citiți mai multe.
  15. Citiți mai mult text: Personalizați textul Citiți mai mult.
  16. Deschideți într-o fereastră nouă: Comutați selectorul dacă doriți ca postările să se deschidă într-o filă nouă.

Cards Skin

Skin-ul Cardurilor este un șablon de strat pre-proiectat personalizabil care se aplică widget-ului Postări, oferind postărilor dvs. un stil de design la modă.

Cards Skin
Cards Skin

Conținut

Aspect

  1. Coloane: Setați câte coloane vor fi afișate, de la 1 la 6.
  2. Postări pe pagină: Setați cantitatea exactă de postări afișate.
  3. Afișare imagine: Alegeți să afișați sau să ascundeți imaginea prezentată.
  4. Zidărie: Glisați pe sau dezactivați.
  5. Dimensiune imagine: Setați dimensiunea imaginii, de la miniatură la complet.
  6. Raport imagine: Setați raportul exact al imaginilor.
  7. Titlu: Alegeți să afișați sau să ascundeți titlul.
  8. Etichetă HTML de titlu: Selectați eticheta HTML de utilizat pentru titlu, de la H1 la H6, sau div, span sau p.
  9. Extras: Alegeți să afișați sau să ascundeți fragmentul.
  10. Lungimea extrasului: Alegeți lungimea fragmentului, setând cantitatea exactă de cuvinte afișate.
  11. Metadate: Selectați metadatele care vor fi afișate în widget. Un clic pe câmp deschide lista de opțiuni. Opțiunile includ autorul, data, ora și comentariile.
  12. Separator între: Alegeți separatorul pe care doriți să îl utilizați între metadate.
  13. Citiți mai multe: Afișați sau ascundeți butonul Citiți mai multe.
  14. Citiți mai mult text: Personalizați textul Citiți mai mult.
  15. Deschideți într-o fereastră nouă: Comutați selectorul dacă doriți ca postările să se deschidă într-o filă nouă.
  16. Insigna: Afișați sau ascundeți insigna. Insigna vă permite să afișați categoria, eticheta sau altă taxonomie în interiorul cardului.
  17. Avatar: Afișează sau ascunde avatarul utilizatorului autorului postării.

Citiți mai multe despre Cards Skin.

Full Content Skin

Skin-ul de conținut complet vă permite să afișați întregul conținut al postării pe paginile listei de postări.

Full Content Skin
Full Content Skin

Conținut

Aspect

  1. Postări pe pagină: Setați cantitatea exactă de postări afișate.
  2. Afișare miniatură: Alegeți Da sau Nu pentru a afișa sau a ascunde imaginea prezentată.
  3. Dimensiune imagine: Setați dimensiunea imaginii prezentate, de la miniatură la cea completă.
  4. Raport imagine: Setați raportul exact al imaginii prezentate.
  5. Lățimea imaginii: Setați lățimea imaginii prezentate.
  6. Titlu: Alegeți să afișați sau să ascundeți titlul.
  7. Etichetă HTML de titlu: Selectați eticheta HTML de utilizat pentru titlu, de la H1 la H6, sau div, span sau p.
  8. Metadate: Selectați metadatele care vor fi afișate în widget. Un clic pe câmp deschide lista de opțiuni. Opțiunile includ autorul, data, ora și comentariile.
  9. Separator Between: Introduceți caracterul (caracterele) de separare pe care doriți să le utilizați între metadate.
  10. Deschideți într-o fereastră nouă: Comutați selectorul dacă doriți ca postările să se deschidă într-o filă nouă.
Nota 1:
În ceea ce privește opțiunea Postări pe pagină, rețineți că Posts Widget (Pro) va încărca toate postările lipicioase + numărul de postări pe pagină pe care l-ați setat în opțiunea Postări pe pagină. Acesta este modul în care WordPress tratează în mod fundamental postările lipicioase. De exemplu, dacă setați Postări pe pagină = 1, dar aveți 5 postări lipicioase, atunci numărul total de postări încărcate pe front-end ar fi 6 (1+5=6).
Nota 2:
Când Elementor afișează o postare, dacă nu are niciun fragment, Elementor generează automat un extras din conținutul postării. Opțiunea Lungimea extrasului vă permite să controlați lungimea acestui fragment generat automat. Cu toate acestea, lungimea extrasului se aplică numai postărilor în care nu a fost introdus niciun fragment manual. Lungimea specificată în Widgetul Elementor este ignorată dacă există un fragment generat manual pentru o postare.

Interogare – Query

Sursă: Selectați sursa din care Widget-ul va afișa conținutul. Opțiunile includ Postări, Pagini, Tipuri de postări personalizate dacă sunt disponibile, Selecție manuală, Interogare curentă și Înrudite. În funcție de sursa pe care ați ales-o pentru interogare, vi se vor oferi opțiuni care vă permit să filtrați rezultatele.

Include

Include
Include
  1. Includeți după: Termen sau Autor, apoi utilizați Căutare și Selectați pentru a alege pe care să le folosiți. Termenii includ toate elementele dintr-o taxonomie. Taxonomiile disponibile sunt: categorii, etichete, formate și taxonomii personalizate.
  2. Data: Selectați dintre Toate, Ziua trecută, Săptămâna trecută, Luna trecută, Trimestrul trecut, Anul trecut, Personalizat (alegeți datele înainte sau după).
  3. Order By: Setați ordinea în care vor fi afișate postările. Opțiunile includ: Data, Titlul, Ordinea meniului sau Aleatoriu.
  4. Ordine: DESC (descrescător) sau ASC (crescător).
  5. Ignorați postările lipicioase: Da sau Nu (opțiunea Postări lipicioase funcționează numai dacă nu au fost selectați termeni).
  6. ID de interogare: Dați interogării dvs. un ID unic personalizat pentru a permite filtrarea pe partea serverului.

Exclude

Exclude
Exclude
  1. Excludeți după: Postare curentă, Selecție manuală, Termen sau Autor, apoi utilizați Căutare și Selectați pentru opțiunile Manual, Termen sau Autor.
  2. Evitați duplicatele: Da sau Nu – Alegeți Da pentru a evita afișarea postărilor duplicate doar pe front-end. Elementor caută duplicate la nivel de pagină (nu la nivel de widget), dat fiind că nu pot exista duplicate într-un Widget Postări.
  3. Compensare: Utilizați această setare pentru a sări peste postări (de exemplu, „2” pentru a sări peste 2 postări).
  4. Data: Toate, Ziua trecută, Săptămâna trecută, Luna trecută, Trimestrul trecut, Anul trecut, Personalizat (alegeți datele înainte sau după).
  5. Ordonați după: Dată, titlu, ordine meniu sau aleatoriu.
  6. Ordine: DESC (descrescător) sau ASC (crescător).
  7. Ignorați postările lipicioase: Da sau Nu (opțiunea Postări lipicioase funcționează numai dacă nu au fost selectați termeni).
  8. ID de interogare: Dați interogării dvs. un ID unic personalizat pentru a permite filtrarea pe partea serverului. Consultați documentele pentru dezvoltatori pentru mai multe informații despre cum să utilizați această funcție avansată.
Notă:
Dacă alegeți Related ca Sursă și Categorie ca termen Includere prin, se vor afișa postări legate de categoria atribuită postării curente. Deci, dacă utilizatorul vede o postare din categoria Călătorii, de exemplu, pagina va afișa postări similare care sunt și în categoria Călătorii. Dacă postarea afișată în prezent are atribuite mai multe categorii, postările înrudite vor extrage postări din PRIMA categorie (în ordine alfabetică) atribuită postării. Excepție importantă: Rețineți că, dacă setați o rezervă pentru postări conexe, aceasta nu va lua în considerare interogarea. Odată ce selectați o alternativă, așa cum se arată mai jos, va trage și va afișa toate cele mai recente postări.

Paginare și AJAX  – Încărcați mai multe

Opțiuni de paginare: Din selectorul drop-down alegeți cum doriți să paginați rezultatele. Opțiunile includ Niciunul, Numerele, Anterior/Următorul, Numerele + Anterior/Următorul, Încărcare la clic sau Derulare infinită.

AJAX Load More este tehnica supremă de design pentru a afișa cantități mari de conținut într-un mod intuitiv și atrăgător, fie prin încărcarea mai multor postări la clic sau prin activarea derulării infinite. Derularea infinită este o tehnică de design web care încarcă conținutul fără probleme pe măsură ce utilizatorul defilează în jos pe o pagină. Conținutul este încărcat automat și continuu în partea de jos a paginii, eliminând nevoia de paginare. Puteți utiliza acest lucru pe Posts Widget (Pro) selectând opțiunile de paginare Încărcare la clic sau Derulare infinită.

Paginare și AJAX - Încărcați mai multe
Paginare și AJAX – Încărcați mai multe

Dacă este selectat Numbers

  1. Limită de pagină: Introduceți numărul de postări pe care doriți să o afișați.
  2. Scurtare: Comutați selectorul dacă doriți să scurtați afișajul.
  3. Aliniere: Alegeți între Dreapta, Centru și Stânga.

Dacă este selectat Precedent/Următorul

  1. Limită de pagină: Introduceți numărul de postări pe care doriți să o afișați.
  2. Eticheta anterioară: Introduceți textul pe care doriți să-l afișați după carate.
  3. Următoarea etichetă: Introduceți textul pe care doriți să-l afișați înaintea caratei.
  4. Aliniere: Alegeți între Dreapta, Centru și Stânga.

Dacă este selectat Numere + Anterior/Următorul

  1. Limită de pagină: Introduceți numărul de postări pe care doriți să o afișați.
  2. Eticheta anterioară: Introduceți textul pe care doriți să-l afișați după carate.
  3. Următoarea etichetă: Introduceți textul pe care doriți să-l afișați înaintea caratei.
  4. Scurtare: Comutați selectorul dacă doriți să scurtați afișajul.
  5. Aliniere: Alegeți între Dreapta, Centru și Stânga.

Dacă este selectat Load On Click

  1. Spinner: Alegeți să afișați un spinner de încărcare bifând pictogramele.
  2. Button Text: Introduceți textul pe care doriți să îl afișați pe buton.
  3. Aliniere: Alegeți opțiunile de aliniere selectând pictograma.
  4. Pictogramă: Alegeți o pictogramă pentru butonul dvs. din bibliotecă sau încărcați-o pe a dvs.
  5. Spațierea pictogramelor: Utilizați glisorul sau introduceți o valoare în câmp.

Dacă este selectat Defilare infinită

  1. Spinner: Alegeți să afișați un spinner de încărcare bifând pictogramele.

Stil

Box

  1. Lățimea chenarului: Setați grosimea chenarului din jurul casetei.
  2. Raza chenarului: Setați rotunjimea colțurilor chenarului cutiei.
  3. Padding: Setați padding-ul pentru întreaga cutie.
  4. Padding de conținut: Setați padding-ul doar pentru conținutul cutiei.
  5. Umbră casetă: Alegeți Da pentru a aplica o umbră casetă predefinită casetei.
  6. Culoare de fundal: Selectați o culoare a casetei, pentru stările Normal și Hover.
  7. Culoarea chenarului: Alegeți culoarea chenarului casetei pentru stările Normal și Hover.

Imagine

  1. Raza chenarului: Setați rotunjimea colțurilor pentru imaginea prezentată.
  2. Spațiere: Setați distanța exactă între imaginea prezentată și conținut.
  3. Filtre CSS: Ajustați stilul imaginii prezentate modificând scalele Filtrului CSS pentru setările de estompare, luminozitate, contrast, saturație și nuanță.

Conținut

Titlu

  1. Culoare: Setați culoarea titlurilor.
  2. Tipografie: Setați tipografia titlurilor.
  3. Spațiere: Setați distanța dintre titlu și conținut.

Meta

  1. Culoare: Setați culoarea metadatelor.
  2. Culoarea separatorului: Setați culoarea separatorului de metadate.
  3. Tipografie: Setați tipografia pentru metadate.
  4. Spațiere: Setați distanța dintre metadate și extras.

Paginare

  1. Tipografie: Alegeți familia de fonturi, dimensiunea și stilurile din opțiuni.
  2. Culori: Selectați culoarea pentru stilurile Normal, Hover și Active utilizând instrumentul de selectare a culorilor.
  3. Spațiu între: Folosiți glisorul sau introduceți manual valoarea dorită în câmp.
  4. Spațiere: Folosiți glisorul sau introduceți manual valoarea dorită în câmp.

Dacă este selectat Încărcare la clic, puteți modela butonul cu următoarele opțiuni:

  1. Tipografie: Alegeți stilul Tipografie din opțiuni.
  2. Text Shadow: Aplicați o umbră textului butonului, dacă doriți.

Următoarele opțiuni pot fi setate pentru stările Normal și Hover ale butonului:

  1. Culoare text: Setați culoarea fontului utilizând selectorul de culori.
  2. Tip de fundal: Selectați o culoare solidă sau un gradient din pictograme.
  3. Culoare: Selectați culoarea sau culorile gradient din opțiunile de selectare a culorilor.

Stil chenar (buton)

  1. Tip de chenar: Selectați tipul de chenar din meniul drop-down.
  2. Lățimea chenarului: Modificați valorile din câmpuri după cum doriți.
  3. Culoare: Schimbați culoarea chenarului utilizând selectorul de culori.
  4. Raza chenarului: Modificați valorile din câmpuri după cum doriți.
  5. Umbră casetă: Setați o umbră casetă pentru buton folosind comenzile.
  6. Padding: Modificați valorile din câmpuri după cum doriți pentru padding-ul butonului.

Pentru confortul dvs. urmăriți acest Tutorial și în format Video. Video creat de echipa de asistență Elementor.

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