Have you ever ever noticed web sites that display document icons subsequent to the obtain hyperlinks?
Lately, one among our readers requested if it was once imaginable to show attachment document icons in WordPress. You’ll simply display other icons in order that customers know which form of document they’re downloading.
On this article, we can display you methods to upload attachment document icons in WordPress.
When You Want Attachment Document Icons in WordPress
Via default, WordPress means that you can add pictures, audio, video, and different paperwork. You’ll additionally allow further document sorts to be uploaded in WordPress.
Whilst you add a document during the media uploader and upload it to a submit or web page, WordPress will attempt to embed the document as whether it is a picture, audio, video, or in a supported document layout.
For all different recordsdata, it is going to simply upload a document identify as simple textual content and hyperlink it to the obtain or attachment web page.
Within the above screenshot, we’ve got added a PDF and a Docx document. Alternatively, it’s tough for a consumer to bet which form of document they’d be downloading.
In case you steadily add other document sorts, then chances are you’ll need to show an icon subsequent to the hyperlink. This manner, your customers can simply in finding the document sort they’re on the lookout for.
Having stated that, let’s see methods to upload attachment document icons in WordPress for various document sorts.
Means 1: Upload Attachment Document Icons in WordPress The usage of Plugin
The best way of including document sort icons is via the use of a WordPress plugin like MimeTypes Hyperlink Icons. This is a loose plugin that is so easy to make use of and allows you to upload icons for various document sorts.
The very first thing you wish to have to do is set up and turn on the MimeTypes Hyperlink Icons plugin. For extra main points, see our step by step information on methods to set up a WordPress plugin.
Upon activation, you wish to have to seek advice from the Settings » MimeType Icons web page to configure the plugin settings.
The plugin permits you to select the icon dimension, in addition to between PNG and GIF icons. Subsequent, you wish to have to select the icon alignment and which document sorts will show the icon.
After that, you’ll be able to scroll down and choose icons to show to your web site. For example, there are icons for document sorts like PDF, PPT, CSV, AVI, RPM, TXT, and extra.
Subsequent, you’ll be able to scroll right down to the Complicated Settings segment.
Right here, you’ll in finding the method to display document dimension subsequent to the obtain hyperlink. It’s became off via default, because it may well be resource-intensive.
As soon as you might be accomplished, don’t put out of your mind to click on at the ‘Save Adjustments’ button to retailer your settings.
You’ll now edit a submit or web page and upload a document obtain hyperlink the use of the media uploader. Merely preview your submit, and you’ll see the document icon subsequent to the obtain hyperlink.
Means 2: The usage of Icon Fonts for Attachment Recordsdata in WordPress
On this manner, we can be the use of an icon font to show an icon subsequent to the attachment document hyperlink.
The very first thing you wish to have to do is set up and turn on the Font Superior plugin. If you wish to have assist, then please see our information on methods 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 overall settings for the plugin, like opting for whether or not it will have to use professional or loose icons.
Subsequent, you’ll be able to edit a submit or web page the place you need so as to add an attachment hyperlink.
As soon as you might be within the content material editor, you will have to input the HTML code for the icon you need to show.
To search out that HTML code, you’ll be able to seek advice from the Font Superior icon library web site. Merely seek for an icon within the seek bar after which click on at the symbol.
Subsequent, you’ll see other diversifications of the icon and its HTML code.
Pass forward and click on at the code to duplicate it.
After that, you’ll be able to go back in 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.
As soon as you might be accomplished, pass forward and put up or replace your web page.
You’ll now seek advice from your web site to peer the newly added icon for the attachment document sort.
Bonus: Promote Virtual Recordsdata to Make Cash On-line
Now that you know the way so as to add attachment document sort icons, you’ll be able to pass a step additional and promote other recordsdata as virtual downloads. This lets you earn cash on-line or inspire customers to enroll in your publication in change for a loose useful resource.
One of the simplest ways to promote virtual merchandise is via the use of Simple Virtual Downloads. It is among the highest eCommerce platforms for WordPress that’s really easy to make use of and setup.
Simple Virtual Downloads simply integrates with other fee services and products like PayPal and Stripe.
But even so that, you’ll be able to merely add virtual recordsdata that you simply’d love to promote and get started making a living on-line.
The plugin allows you to upload main points like a name and outline, set the cost of the obtain, pick out a obtain symbol, and extra.
For extra main points, please see our information on methods to promote virtual downloads in WordPress.
We are hoping this text helped you learn to upload attachment document icons in WordPress. You might also need to see our information on methods to embed PDFs, spreadsheets, and different recordsdata in WordPress weblog posts and the highest WordPress plugins for small companies.
In case you favored this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You’ll additionally in finding us on Twitter and Fb.
The submit Tips on how to Upload Attachment Document Sort Icons in WordPress (Simple Educational) first seemed on WPBeginner.
WordPress Maintenance