Cum să adăugați pictograme de atașament de tip fișier în WordPress

Ați văzut site-uri care afișează icoane de fișiere lângă link-urile de descărcare? Recent, unul dintre cititorii noștri a întrebat dacă este posibil să afișați icoane de fișiere atașate în WordPress. Da, este și este destul de ușor. În acest articol, vă vom arăta cum să adăugați icoane de fișiere atașate în WordPress.

Când aveți nevoie de fișiere atașate pictograme în WordPress

Implicit, WordPress vă permite să încărcați imagini, audio, video și alte documente. De asemenea, puteți permite încărcarea unor tipuri suplimentare de fișiere în WordPress.

Când încărcați un fișier prin încărcătorul media și îl adăugați la o postare sau o pagină, WordPress va încerca să încorporeze fișierul dacă este o imagine, audio, video sau într-un format de fișier acceptat.

Pentru toate celelalte fișiere, acesta va adăuga doar un nume de fișier ca text simplu și îl va conecta la pagina de descărcare sau de atașare.

În captura de ecran de mai sus, am adăugat un fișier PDF și un fișier Docx. Cu toate acestea, este dificil pentru un utilizator să ghicească ce fișier le descarcă.

Dacă încărcați în mod regulat diferite tipuri de fișiere, atunci este posibil să doriți să afișați o pictogramă lângă link, astfel încât utilizatorii dvs. să poată găsi cu ușurință tipul de fișier pe care îl caută.

Acestea fiind spuse, să vedem cum să adăugăm icoane de fișiere atașate în WordPress pentru diferite tipuri de fișiere.

Metoda 1: Adăugați fișiere atașate în WordPress folosind Plugin

Primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul MimeTypes Link Icons. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

La activare, trebuie să vizitați Setări »Icoane MimeType pentru a configura setările pluginului.

Pluginul vă permite să alegeți dimensiunea pictogramei. De asemenea, puteți alege între pictogramele png și gif. Apoi, trebuie să alegeți alinierea pictogramelor și tipurile de fișiere care vor afișa pictograma.

Sub opțiunile avansate, puteți activa clasele CSS pentru a ascunde pictogramele. Link-urile de descărcare a fișierelor înfășurate în aceste clase CSS nu vor afișa pictogramele.

Mai jos veți găsi opțiunea de a afișa dimensiunea fișierului lângă linkul de descărcare. Este dezactivată implicit, deoarece ar putea fi intensivă. Cu toate acestea, dacă doriți, puteți să o activați și, de asemenea, să activați opțiunea "Dimensiunile fișierelor recuperate".

Nu uitați să faceți clic pe butonul Salvați modificările pentru a stoca setările.

Acum puteți să editați o postare sau o pagină și să adăugați o legătură de descărcare a fișierului utilizând dispozitivul de încărcare media. Previzualizați-vă postarea și veți vedea pictograma fișierului de lângă linkul de descărcare.

Metoda 2: Folosirea fonturilor de icoane pentru fișierele atașate în WordPress

În această metodă, vom folosi un font de pictograme pentru a afișa o pictogramă lângă linkul fișierului de atașament.

Primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul Better Font Awesome.

La activare, puteți edita o postare sau o pagină în care doriți să adăugați o legătură de atașament.

Veți observa noul buton "Introduceți pictograma" deasupra editorului post. Dacă faceți clic pe acesta, va apărea un pop-up în care puteți căuta și selectați pictograma pe care doriți să o adăugați.

Font Awesome vine cu multe pictograme și conține pictograme pentru tipurile de fișiere utilizate cel mai frecvent. Faceți clic pe pictograma pe care doriți să o adăugați, iar pluginul va adăuga automat codul scurt în editorul postului.

Acum puteți să încărcați fișierul și să îl inserați în post utilizând dispozitivul de încărcare media.

De asemenea, puteți adăuga propriul CSS personalizat pentru o pictogramă de fișier prin adăugarea propriului dvs. clasa css la codul scurt ca acesta:

[icon name = "fișier-pdf-o" class = "" unprefixed_class = "pdf-icon"]

Acum puteți folosi .pdf-icon clasă pentru a schimba dimensiunea pictogramei, culoarea și stilul pentru nevoile dvs..

Sperăm că acest articol v-a ajutat să învățați cum să adăugați icoane de fișiere atașate în WordPress. De asemenea, ați putea dori să vedeți ghidul nostru despre modul în care puteți încorpora fișiere PDF, foi de calcul și altele în postările din blogul WordPress.

Dacă v-ați plăcut acest articol, vă rugăm să vă abonați la tutorialele video YouTube pentru canalul YouTube pentru WordPress. Ne puteți găsi pe Twitter și pe Facebook.