Nakakita ka ba ng mga website na nagpapakita ng mga icon ng file sa tabi ng mga link ng pag-download? Kamakailan isa sa aming mga mambabasa ay nagtanong kung posible na ipakita ang mga icon ng file ng attachment sa WordPress. Oo ito ay, at medyo madali. Sa artikulong ito, ipapakita namin sa iyo kung paano magdagdag ng mga icon ng file ng attachment sa WordPress.
Kapag Kailangan mo ng mga Icon ng Attachment File sa WordPress
Bilang default, pinapayagan ka ng WordPress na mag-upload ng mga larawan, audio, video, at iba pang mga dokumento. Maaari mo ring pahintulutan ang mga karagdagang uri ng file na mai-upload sa WordPress.
Kapag nag-upload ka ng isang file sa pamamagitan ng uploader ng media at idagdag ito sa isang post o pahina, susubukan ng WordPress na i-embed ang file kung ito ay isang imahe, audio, video, o sa isang suportadong format ng file.
Para sa lahat ng iba pang mga file, ito ay idagdag lamang ang isang pangalan ng file bilang plain text at i-link ito sa pahina ng pag-download o kalakip.
Sa screenshot sa itaas, nagdagdag kami ng PDF at isang file na Docx. Gayunpaman, mahirap para mahulaan ng isang user kung anong file ang ina-download nila.
Kung regular kang mag-upload ng iba’t ibang mga uri ng file, maaaring gusto mong magpakita ng isang icon sa tabi ng link, upang madaling makita ng iyong mga user ang uri ng file na kanilang hinahanap.
Ang pagkakaroon ng sinabi na, tingnan natin kung paano magdagdag ng mga icon ng file ng attachment sa WordPress para sa iba’t ibang mga uri ng file.
Paraan 1: Magdagdag ng mga Icon ng Attachment File sa WordPress Paggamit ng Plugin
Ang unang bagay na kailangan mong gawin ay i-install at i-activate ang MimeTypes Link Icon plugin. Para sa higit pang mga detalye
Sa pag-activate, kailangan mong bisitahin Mga Setting »MimeType Icon pahina upang i-configure ang mga setting ng plugin.
Pinapayagan ka ng plugin na pumili ng laki ng icon. Maaari ka ring pumili sa pagitan ng mga icon ng png at gif. Susunod, kailangan mong piliin ang pagkakahanay ng icon at kung aling mga uri ng file ang ipapakita ang icon.
Sa ilalim ng mga advanced na pagpipilian, maaari mong paganahin ang mga klase ng CSS upang itago ang mga icon. Ang mga link ng pag-download ng file na nakabalot sa mga klase ng CSS na ito ay hindi ipapakita ang mga icon.
Sa ibaba na makikita mo ang opsyon upang ipakita ang sukat ng file sa tabi ng link sa pag-download. Ito ay naka-off sa pamamagitan ng default, dahil maaaring ito ay mapagkukunan intensive. Gayunpaman kung gusto mo, maaari mo itong paganahin at paganahin din ang pagpipiliang ‘Laki ng nakuhang file ng cache’.
Huwag kalimutan na mag-click sa pindutang I-save ang Mga Pagbabago upang i-imbak ang iyong mga setting.
Maaari mo na ngayong i-edit ang isang post o pahina at magdagdag ng link sa pag-download ng file gamit ang uploader ng media. I-preview ang iyong post at makikita mo ang icon ng file sa tabi ng link sa pag-download.
Paraan 2: Paggamit ng Mga Icon ng Font para sa Mga File ng Attachment sa WordPress
Sa ganitong paraan, gagamitin namin ang isang icon ng font upang magpakita ng isang icon sa tabi ng link ng file ng attachment.
Ang unang bagay na kailangan mong gawin ay i-install at i-activate ang Better Font Awesome plugin.
Sa pag-activate, maaari mong i-edit ang isang post o pahina kung saan nais na magdagdag ng link na attachment.
Mapapansin mo ang bagong pindutang ‘Ipasok ang Icon’ sa ibabaw ng editor ng post. Ang pag-click dito ay magpapakita ng isang popup kung saan maaari kang maghanap at piliin ang icon na gusto mong idagdag.
Kahanga-hanga ang font ay may tonelada ng mga icon at mayroong mga icon para sa mga karaniwang ginagamit na mga uri ng file. Mag-click sa icon na nais mong idagdag at awtomatikong idaragdag ng plugin ang kinakailangang shortcode sa editor ng post.
Ngayon ay maaari mong i-upload ang iyong file at ipasok sa post gamit ang media uploader.
Maaari mo ring idagdag ang iyong sariling pasadyang CSS para sa isang icon ng file sa pamamagitan ng pagdaragdag ng iyong sariling css class sa shortcode tulad nito:
[icon name = “file-pdf-o” class = “” unprefixed_class = “pdf-icon”]
Maaari mo na ngayong gamitin .pdf-icon klase upang baguhin ang laki ng icon, kulay, at estilo ito sa iyong sariling mga pangangailangan.
