Gccoe

How to Add Attachment File Type Icons in WordPress (Easy Tutorial)

Add Attachment File Kind Icons in WordPress (Straightforward Tutorial)


Have you ever ever seen web sites that present file icons subsequent to the obtain hyperlinks?

Lately, one in all our readers requested if it was doable to show attachment file icons in WordPress. You possibly can simply present totally different icons in order that customers know which kind of file they’re downloading.

On this article, we are going to present you the right way to add attachment file icons in WordPress.

When You Want Attachment File Icons in WordPress

By default, WordPress means that you can add photos, audio, video, and different paperwork. It’s also possible to allow extra file sorts to be uploaded in WordPress.

While you add a file via the media uploader and add it to a put up or web page, WordPress will attempt to embed the file as whether it is a picture, audio, video, or in a supported file format.

For all different information, it’ll simply add a file identify as plain textual content and hyperlink it to the obtain or attachment web page.

View download links

Within the above screenshot, we have now added a PDF and a Docx file. Nevertheless, it’s troublesome for a person to guess which kind of file they might be downloading.

For those who often add totally different file sorts, then you might wish to show an icon subsequent to the hyperlink. This manner, your customers can simply discover the file kind they’re in search of.

Having stated that, let’s see the right way to add attachment file icons in WordPress for various file sorts.

Methodology 1: Add Attachment File Icons in WordPress Utilizing Plugin

The best approach of including file kind icons is through the use of a WordPress plugin like MimeTypes Hyperlink Icons. It’s a free plugin that may be very simple to make use of and allows you to add icons for various file sorts.

The very first thing you want to do is set up and activate the MimeTypes Hyperlink Icons plugin. For extra particulars, see our step-by-step information on the right way to set up a WordPress plugin.

Upon activation, you want to go to the Settings » MimeType Icons web page to configure the plugin settings.

Mimetype general settings

The plugin means that you can select the icon dimension, in addition to between PNG and GIF icons. Subsequent, you want to select the icon alignment and which file sorts will show the icon.

After that, you’ll be able to scroll down and choose icons to show in your web site. For example, there are icons for file sorts like PDF, PPT, CSV, AVI, RPM, TXT, and extra.

Select file type icons

Subsequent, you’ll be able to scroll all the way down to the Superior Settings part.

Right here, you’ll find the choice to point out file dimension subsequent to the obtain hyperlink. It’s turned off by default, because it could possibly be resource-intensive.

Advanced settings mimetype

As soon as you’re carried out, don’t neglect to click on on the ‘Save Adjustments’ button to retailer your settings.

Now you can edit a put up or web page and add a file obtain hyperlink utilizing the media uploader. Merely preview your put up, and you will notice the file icon subsequent to the obtain hyperlink.

View file type icons

Methodology 2: Utilizing Icon Fonts for Attachment Information in WordPress

On this methodology, we will likely be utilizing an icon font to show an icon subsequent to the attachment file hyperlink.

The very first thing you want to do is set up and activate the Font Superior plugin. For those who need assistance, then please see our information on the right way to set up a WordPress plugin.

Upon activation, you’ll be able to head to the Settings » Font Superior web page out of your WordPress dashboard. Right here, you’ll be able to edit the final settings for the plugin, like selecting whether or not it ought to use professional or free icons.

Font awesome settings

Subsequent, you’ll be able to edit a put up or web page the place you wish to add an attachment hyperlink.

As soon as you’re within the content material editor, you should enter the HTML code for the icon you wish to show.

To search out that HTML code, you’ll be able to go to the Font Superior icon library web site. Merely seek for an icon within the search bar after which click on on the picture.

Search for font icon

Subsequent, you will notice totally different variations of the icon and its HTML code.

Go forward and click on on the code to repeat it.

Copy the icon code

After that, you’ll be able to return to your web site’s WordPress content material editor and click on the ‘+’ signal so as to add a Customized HTML block.

From right here, merely paste the code in your icon into the block.

Add custom HTML block

As soon as you’re carried out, go forward and publish or replace your web page.

Now you can go to your web site to see the newly added icon for the attachment file kind.

View attachment file type icon

Bonus: Promote Digital Information to Make Cash On-line

Now that you understand how so as to add attachment file kind icons, you’ll be able to go a step additional and promote totally different information as digital downloads. This lets you become profitable on-line or encourage customers to join your publication in alternate for a free useful resource.

One of the best ways to promote digital merchandise is through the use of Straightforward Digital Downloads. It is without doubt one of the greatest eCommerce platforms for WordPress that’s very simple to make use of and setup.

Straightforward Digital Downloads simply integrates with totally different fee providers like PayPal and Stripe.

How to accept payments online with Easy Digital Downloads

In addition to that, you’ll be able to merely add digital information that you simply’d prefer to promote and begin creating wealth on-line.

The plugin helps you to add particulars like a title and outline, set the value of the obtain, choose a obtain picture, and extra.

Adding a new digital download product

For extra particulars, please see our information on the right way to promote digital downloads in WordPress.

We hope this text helped you discover ways to add attachment file icons in WordPress. You might also wish to see our information on the right way to embed PDFs, spreadsheets, and different information in WordPress weblog posts and the most effective WordPress plugins for small companies.

For those who appreciated this text, then please subscribe to our YouTube Channel for WordPress video tutorials. It’s also possible to discover us on Twitter and Fb.

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다