Cum să utilizați formatele de postare în WordPress

Publicat: 2015-05-12

Un element de design popular în mass-media, cum ar fi reviste, este acela de a varia stilurile și culorile de la un articol sau pagină la alta. Dacă o pagină are mai multe articole, acestea sunt adesea afișate cu fonturi, machete sau înștiințări diferite pentru a le face să aibă un aspect diferit. Acest lucru face pagina mai interesantă pe parcursul revistei. Desigur, aceste elemente de design funcționează excelent și pe ecran.

Pentru a oferi site-ului dvs. WordPress varietate în aspectul său, Automattic a adăugat formate de postare. Acest lucru vă permite să aveți un aspect diferit în funcție de tipul de postare. De asemenea, oferă site-ului dvs. câteva caracteristici și abilități suplimentare. De exemplu, ați putea posta doar o citare rapidă sau o stare, care oferă site-ului dvs. capacitatea de a micro-blog, păstrând în același timp stilul dvs. standard de blog.

Ce sunt formatele de postare?

Formatele postărilor sunt meta informații pe care tema le poate folosi pentru a personaliza aspectul sau stilul unei postări. Sunt o caracteristică care poate fi încorporată sau adăugată la tema dvs. Dacă tema dvs. le acceptă, veți găsi acest set interesant de opțiuni atunci când creați o nouă postare. În partea dreaptă a ecranului, veți vedea o casetă etichetată Format.

Ce sunt formatele de postare

Include mai multe opțiuni, cum ar fi Standard, Imagine și Citat. Aceste opțiuni creează unele stiluri diferite față de postarea standard de zi cu zi. Să ne uităm la fiecare pentru a vedea cum să le folosim.

Există nouă formate de postare din care puteți alege:

  • Standard – nu este specificat niciun format de postare. Tipul de conținut va fi gestionat în cadrul conținutului însuși.
  • Deoparte – o scurtă actualizare a notei care nu are un titlu.
  • Imagine – o singură imagine în cadrul postării. Puteți utiliza prima etichetă <img /> din conținut ca imagine. De asemenea, puteți utiliza o adresă URL.
  • Video – poate fi un singur videoclip sau o listă de redare video. Puteți folosi prima etichetă <video /> sau obiect/încorporare din conținut sau puteți utiliza o adresă URL.
  • Citat – un citat formatat ca un citat bloc sau conținut cu numele autorului drept titlu.
  • Link – un hyperlink către un alt site web. Puteți utiliza prima etichetă <a href="”> din conținut ca link. De asemenea, puteți utiliza o adresă URL.
  • Galerie – o galerie de imagini sau fotografii. Utilizat de obicei cu un cod scurt de galerie.
  • Stare – o actualizare de stare.
  • Audio – un singur fișier audio sau o listă de redare audio completă.
  • Chat – o conversație în format transcriere.

De ce să folosiți un format de postare

Folosirea unui format de postare nu schimbă conținutul, așa că de ce să le folosiți? Puteți afișa deja o galerie, un videoclip, o imagine și un player audio. Deci, de ce ar trebui să utilizați un format de postare? Îți deosebesc diferitele tipuri de conținut unul de celălalt. Acest lucru oferă postărilor tale un pic mai mult stil decât postarea standard de zi cu zi.

De exemplu, întregul sunet ar putea apărea cu un fundal de culoare și o pictogramă a unui difuzor. Vizitatorii tăi vor ști dintr-o privire că este un fișier audio. Dacă asta caută, îl vor găsi mai ușor și te vor aprecia pentru asta.

Formatarea postării se modifică, împreună cu fontul și stilul titlului, locația informațiilor despre comentarii și categorii, fundalul din spatele postării specifice și poziționarea conținutului pe ecran. Îți împiedică site-ul să arate la fel de la o postare la alta, dându-i un pic de pizazz.

Vă oferă o personalizare mult mai bună asupra modului în care arată conținutul dvs. Evidențiază conținutul în formă scurtă. Face ca microblogging-ul să arate grozav. Fără formatele de postare, fiecare postare ar arăta la fel, doar conținutul în sine fiind diferit.

Adăugarea de formate de postare la tema dvs

Nu toate temele le acceptă imediat, dar pot fi adăugate folosind doar câteva linii de cod. Iată o privire asupra codului din WordPress Codex.

Mai întâi, adăugați funcția add_theme_support() în fișierul functions.php . Puteți alege ce formate de postare doriți să suporte tema dvs., alegând ce să includeți. Gama de formate ar arăta astfel:

[php] add_theme_support( 'post-formate', array( 'deoparte', 'galerie') ); [/php]

Puteți utiliza cârligul after_setup_theme și îl puteți plasa înaintea cârligului init.

Următorul lucru de făcut este să adăugați suportul tip post. Faceți acest lucru adăugând add_post_type_support() în fișierul functions.php . Codul ar arăta astfel:

[php] // adaugă post-formate la post_type 'page'add_post_type_support( 'pagina', 'post-formate');// adaugă post-formate la post_type 'my_custom_post_type'add_post_type_support('my_custom_post_type', 'post-formats' ) ; [/php]

O altă opțiune este să adăugați „post-formate” în matricea de parametri „suporta” în funcția register_post_type(). Codul arată astfel:

[php] $args = array(... 'supports' => array('titlu', 'editor', 'autor', 'post-formate')); register_post_type('carte', $args); [/php]

Pentru a utiliza formatele, utilizați get_post_format() pentru a verifica formatul postării.

O altă opțiune este să folosiți eticheta condiționată has_post_format(). Codul arată astfel:

[php] if ( has_post_format( 'video' )) { echo 'acesta este formatul video';} [/php]

Dacă doriți să adăugați clase de stil dinamic, puteți utiliza și reguli de stil în funcția post_class() din codul de înveliș din jurul postării.

De exemplu, adăugarea acestui lucru în foaia de stil va ascunde titlurile postărilor:

[css] .format-status .post-title {display:none; } [/css]

Sfaturi pentru styling

Dacă formatele sunt încorporate în tema dvs., cel mai probabil sunt stilate special pentru tema respectivă, pentru a se potrivi cu aspectul și senzația acesteia. Puteți să vă creați propriile stiluri sau să modificați stilurile existente. Iată câteva lucruri de reținut:

  • Folosiți formate astfel încât postarea dvs. să fie ușor de recunoscut ca tip specific.
  • Deoparte, formatele de linkuri și de stare – afișați-le fără titlu sau informații despre autor. Păstrați-le simple și scurte.
  • O parte ar trebui să conțină un paragraf sau două. Utilizați the_permalink() pentru a permite comentarii.
  • Link-ul ar trebui să conțină o propoziție cu un link. Utilizați the_permalink() pentru a permite comentarii.
  • Starea nu ar trebui să includă the_permalink(), astfel încât postarea să nu permită comentarii.
  • Imaginea, Audio și Video ar trebui să conțină o singură imagine, sunet sau videoclip cu sau fără o legendă/text care să fie însoțit de acesta. Afișați conținutul cu plugin-uri sau Embeds standard.
  • Citat – postați un citat simplu de la o persoană fără informații suplimentare. Dacă doriți să afișați numele persoanei citate ca denumire, puteți pune numele acesteia în titlul postării, puteți stila postarea pentru a afișa the_content() în sine, dar remodat ca un blockquote, apoi utilizați the_title().
  • Chat – folosește stilul pentru a afișa conținutul cu un font monospațiu într-un fundal gri.

Pentru temele secundare, apelați add_theme_support() mai târziu decât tema părinte. Codul ar arăta astfel:

[php] add_action( 'after_setup_theme', 'childtheme_formats', 11 );function childtheme_formats(){ add_theme_support( 'post-formats', array( 'aside', 'galerie', 'link' ) );} [/php]

Nu uitați să adăugați get_post_format() la vizualizările de căutare, arhive și postări unice.

Pentru mai multe informații și pentru a obține codul sursă, consultați articolul WordPress Codex intitulat Post Formats.

CSS

CSS

Puteți edita stilurile în foaia de stil. Aici puteți ajusta culorile, fonturile etc.

Cum să utilizați formatele de postare

Pentru a le folosi, nu contează dacă creați mai întâi conținutul sau selectați mai întâi formatul de postare. Pur și simplu creați-vă conținutul ca de obicei și selectați formatul postării din listă. Veți vedea modificarea formatului editorului vizual pentru a se potrivi cu formatul de postare pe care l-ați ales.

Majoritatea funcționează la fel, așa că voi arăta doar câteva exemple. Folosesc Twenty Thirteen, care are formatele și stilurile încorporate.

Format audio

În acest exemplu, am ales Audio și am încărcat un MP3.

Format audio

Când selectați formatul postării în editorul vizual, editorul însuși se va schimba pentru a afișa formatul.

Audio fără format post

Fără Post Format

Acesta are playerul audio, dar totul arată la fel ca orice altă postare care utilizează formatul standard de postare. Nu există nimic care să-l deosebească.

Audio cu format post

Cu format post

Formatul postării audio setează postarea într-o culoare diferită și adaugă pictograma difuzorului. De asemenea, folosește un aspect diferit pentru dată, categorie, titlu și conținut. Cititorii mei vor recunoaște cu ușurință fiecare postare audio pe care o creez, deoarece vor căuta acest stil.

Format post de stare

Format post de stare

În acest exemplu, am scris o actualizare rapidă a stării.

Postare de stare fără format

Postare de stare fără format

Iată postarea folosind formatul standard. Puteți vedea că titlul este partea cea mai proeminentă a postării. Deoarece conținutul este scurt, pur și simplu se pierde pe pagină. Dacă nu ar fi titlul uriaș, această postare ar putea fi aproape invizibilă pe pagina de pornire.

Postare de stare cu format

Postare de stare cu format

Iată postarea cu formatul de stare aplicat. Primele lucruri de observat sunt că titlul detestabil pe care l-am scris este eliminat, textul din postare este mai mare și culoarea de fundal este diferită. Fontul este plasat cu caractere cursive pentru a-l scoate și mai mult în evidență, data are acum cuvântul Status și există o liniuță în fața primului cuvânt din postare. Există, de asemenea, o mică linie punctată verticală care trece prin liniuță de sus până jos a postului.

Vizualizarea tuturor postărilor în Editor

Vizualizarea tuturor postărilor în Editor

Când selectați Toate postările din tabloul de bord, lista va afișa pictograma tipurilor de postare. Puteți selecta pictograma pentru a vedea toate postările de tipul respectiv de postare. Acest lucru ajută la editare, deoarece puteți filtra și vedea numai formatele de postare pe care le căutați.

Comparații

Iată cum arată postările pe pagina de start cu și fără formatele de postare.

Pagina principală fără tipuri de postări

Pagina principală fără tipuri de postări

Fiecare postare are același format. Aceleași fonturi, același fundal, același titlu, același totul, cu excepția conținutului. Nimic nu iese cu adevărat în evidență în afară de imagini. Problema este că nu totul are o imagine și conținutul mai scurt se poate pierde în amestec.

Pagina principală cu tipuri de postări

Pagina principală cu tipuri de postări

Utilizarea formatelor de postare face ca unele dintre postările mai scurte să iasă în evidență puțin mai proeminente. Ele pot fi totuși depășite de imaginile din celelalte postări, dar dacă cititorii mei știu că folosesc un fundal negru pentru citate și un fundal maro pentru actualizările de stare, le vor recunoaște numai după culoare.

Schimbarea temelor

Până în acest moment, toate mostrele sunt din tema Twenty Thirteen. Când schimbați temele, postările păstrează faptul că au fost setate la un anumit format, dar stilurile formatului vor fi diferite de la o temă la alta. Este posibil să trebuiască să adăugați unele formate și să modificați stilurile pentru a se potrivi gusturilor dvs.

sfaturi

Asigurați-vă că faceți o copie de rezervă înainte de a adăuga cod la tema dvs. Dacă aveți acces la un mediu de dezvoltare WordPress separat, atunci vă recomand să testați mai întâi codul.

Dacă schimbați teme, asigurați-vă că adăugați formatele și stilurile de postare dacă nu sunt incluse cu tema. Nu există consecvență între teme, așa că nu se poate spune cum vor arăta postările tale dacă nu faci ajustări.

Indiferent dacă vă creați propriul stil sau modificați stilurile prefabricate, utilizați stiluri diferite unul de celălalt. În acest fel, cititorii tăi vor ști dintr-o privire ce tip de conținut conține o postare. Le puteți face la fel de asemănătoare sau de diferite pe cât doriți.

Nu trebuie să utilizați toate formatele. Folosiți doar acelea care au cel mai mult sens pentru site-ul și publicul dvs.

Gânduri finale

Formatele de postare sunt ușor de utilizat și adaugă ceva pizazz site-ului dvs. Ei împiedică fiecare postare să arate ca fiecare postare. Pe lângă varietatea vizuală, ele vă ajută și cititorii să identifice diferitele tipuri de conținut de pe site-ul dvs., oferind indicii vizuale, astfel încât să poată obține cu ușurință ceea ce caută. Cu cât produceți mai multe tipuri de conținut, cu atât acestea pot fi mai utile.

Randul tau! Folosești formate de postare? Le-ai adăugat la tema ta? Ți-ai creat propriile stiluri? Ai ceva de adăugat? Aș dori să aud părerile voastre în comentariile de mai jos.