2 Easy Methods to Add Attachment File Type Icons in WordPress
- Last Updated: Sep 15th, 2018
- Posted by: Editorial team
- Category: WordPress Support
Recently one of our users asked to us, is it possible to add Attachment File Type Icons in WordPress? Yes, it is possible and very easy. Keep reading this guide and add your file type icon.
Here, in this guide, we are going to illustrate you how to add attachments file type icons in WordPress.
When you need to Attachment File Icons in WordPress
By default, WordPress permits you to upload images, video, audio and other documents. Also, you can allow additional file types to be uploaded in WordPress.
However, when you upload a file through the Media Uploader and add it to a page or post, WordPress will try to embed the file if it is in an image, video, audio, or in a supported file format.
For all other files, it will just add a file name as a plain text. And link it to the download or attachment page.
In above screenshot, we have inserted a PDF and a docs file. However, it is difficult for the user to guess which file they are downloading.
Although, if you upload different file types on a regular basis, you may want to display an icon next to the link. So your users can easily find the file type they are looking for.
Now time arrives to know:
How to add attachment file type icons in WordPress
Method 1: Add Attachment File Icons in WordPress by Using Plugin
After activation, you need to go to Settings>>MimeType icons page to configure plugin settings.
The plugin allows you to choose the icon size, you can also choose between PNG and GIF icons.
After this, you have to select the icon alignment and which file types icon will display the icon.
However, under advanced options, you can enable CSS classes to hide icons. File download links wrapped in these CSS sections will not show the icon.
Below you will find the option of showing the file size that is next to the download link. It has been turned off by default because this resource can be intensive.
However, if you want, you can enable it and also enable the option to ‘Cache retrieved file sizes’.
Don’t forget to click the Save Changes button to save your settings.
Now you can edit a page or post and add a file download link by using media uploader.
Preview your post and you’ll see a file icon that is next to the download link.
Method 2: Using Icon Fonts for Attachment Files in WordPress
In this method, we will use the icon font to show an icon next to the attachment file link.
First, you have to install the Better Font Awesome plugin and then activate it.
After activation, you can edit a page or post where you want to add an attachment link.
Thus, you will see a new ‘insert icon’ button at the top of the post editor. By clicking on it will display a popup, where you can search and choose the icon you want to add.
The Font Awesome comes with many icons and has icons for the most used file types. Click the icon that you want to add and the plugin will automatically add the required shortcode to the post editor.
You can now upload your file and insert into the post by using the Media Uploader.
|[icon name=”file-pdf-o” class=”” unprefixed_class=”pdf-icon”]|
Now you can use the .pdf-icon class to change the icon size, color and change the style according to your needs.
Here, We have discussed 2 Easy Methods to Add Attachment File Type Icons in WordPress
Often, we concluded these methods step by step. Read the above methods carefully and add your attachment file type icons.
We hope this post helped you with adding this. If you have any query or suggestion to add it, let me know in the comments box below.
Also, share this post with your peers!
You can contact to our WordPress Support team if you need any help related to WordPress, dial + 1 844 275 0975(Toll-Free). We will be pleased to help and support you in case of any issues related to WordPress.