Tips on how to Upload Attachment Document Sort Icons in WordPress (Simple Educational)

by | Jun 3, 2024 | Etcetera | 0 comments

Have you ever ever ever spotted internet websites that show record icons next to the download links?

In recent times, one amongst our readers asked if it was once as soon as possible to turn attachment record icons in WordPress. You’ll merely show different icons so that consumers know which type of record they’re downloading.

In this article, we will be able to show you how you can add attachment record icons in WordPress.

How to add attachment file type icons in WordPress

When You Need Attachment Record Icons in WordPress

By way of default, WordPress signifies that you’ll be able to upload photos, audio, video, and other bureaucracy. You’ll moreover permit further document sorts to be uploaded in WordPress.

While you upload a record right through the media uploader and add it to a post or internet web page, WordPress will try to embed the record as whether or not this is a image, audio, video, or in a supported record format.

For all other information, it will merely add a record determine as easy text and link it to the download or attachment internet web page.

View download links

Inside the above screenshot, we’ve were given added a PDF and a Docx record. However, it’s tricky for a client to guess which type of record they’d be downloading.

When you continuously upload different record varieties, then likelihood is that you’ll wish to display an icon next to the link. This fashion, your consumers can merely to find the record kind they’re searching for.

See also  Figuring out VPN Protocols: The best way to Safeguard Your Non-public Knowledge On-line

Having said that, let’s see how you can add attachment record icons in WordPress for more than a few record varieties.

Approach 1: Add Attachment Record Icons in WordPress The use of Plugin

The easiest way of together with record kind icons is by means of the usage of a WordPress plugin like MimeTypes Link Icons. It is a free plugin that is really easy to use and lets you add icons for more than a few record varieties.

The first thing you need to do is ready up and switch at the MimeTypes Hyperlink Icons plugin. For additonal details, see our step-by-step knowledge on methods to set up a WordPress plugin.

Upon activation, you need to consult with the Settings » MimeType Icons internet web page to configure the plugin settings.

Mimetype general settings

The plugin lets in you to make a choice the icon size, along with between PNG and GIF icons. Next, you need to make a choice the icon alignment and which record varieties will display the icon.

After that, you’ll be capable to scroll down and select icons to turn on your internet website online. As an example, there are icons for record varieties like PDF, PPT, CSV, AVI, RPM, TXT, and further.

Select file type icons

Next, you’ll be capable to scroll proper all the way down to the Difficult Settings section.

Proper right here, you’ll to find the way to show record size next to the download link. It’s become off by means of default, as a result of it is going to smartly be resource-intensive.

Advanced settings mimetype

Once you could be achieved, don’t omit to click on on on the ‘Save Changes’ button to store your settings.

You’ll now edit a submit or web page and add a record download link the usage of the media uploader. Simply preview your post, and also you’ll see the record icon next to the download link.

View file type icons

Approach 2: The use of Icon Fonts for Attachment Information in WordPress

In this approach, we will be able to be the usage of an icon font to turn an icon next to the attachment record link.

See also  Get a FREE On-line Yoga Structure Pack for Divi

The first thing you need to do is ready up and switch at the Font Superior plugin. If you want to have lend a hand, then please see our knowledge on methods to set up a WordPress plugin.

Upon activation, you’ll be capable to head to the Settings » Font Awesome internet web page from your WordPress dashboard. Proper right here, you’ll be capable to edit the full settings for the plugin, like choosing whether or not or now not it’ll have to make use of skilled or free icons.

Font awesome settings

Next, you’ll be capable to edit a post or internet web page where you wish to have as a way to upload an attachment link.

Once you could be inside the content material subject matter editor, you’ll have to enter the HTML code for the icon you wish to have to turn.

To look out that HTML code, you’ll be capable to consult with the Font Awesome icon library internet website online. Simply search for an icon inside the search bar and then click on on on the image.

Search for font icon

Next, you’ll see different variations of the icon and its HTML code.

Move ahead and click on on on the code to copy it.

Copy the icon code

After that, you’ll be capable to return on your internet website online’s WordPress content material subject matter editor and click on at the ‘+’ sign as a way to upload a Custom designed HTML block.

From proper right here, simply paste the code on your icon into the block.

Add custom HTML block

Once you could be achieved, cross ahead and submit or change your internet web page.

You’ll now consult with your internet website online to see the newly added icon for the attachment record kind.

View attachment file type icon

Bonus: Advertise Digital Information to Make Money Online

Now that you understand how as a way to upload attachment record kind icons, you’ll be capable to cross a step further and advertise different information as virtual downloads. This permits you to become profitable online or encourage consumers to join your newsletter in alternate for a free helpful useful resource.

See also  11 Easiest AI Internet Design Equipment in 2023 (In comparison)

One of the most most simple techniques to advertise digital products is by means of the usage of Simple Virtual Downloads. It is without doubt one of the highest eCommerce platforms for WordPress that’s actually simple to use and setup.

Easy Digital Downloads merely integrates with different charge products and services and merchandise like PayPal and Stripe.

How to accept payments online with Easy Digital Downloads

Besides that, you’ll be capable to simply upload digital information that you just’d love to advertise and get began being profitable online.

The plugin means that you can add details like a reputation and description, set the price of the download, select a download image, and further.

Adding a new digital download product

For additonal details, please see our knowledge on methods to promote virtual downloads in WordPress.

We hope this article helped you discover ways to add attachment record icons in WordPress. You may also wish to see our knowledge on methods to embed PDFs, spreadsheets, and different recordsdata in WordPress weblog posts and the highest WordPress plugins for small companies.

When you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You’ll moreover to find us on Twitter and Fb.

The post Tips on how to Upload Attachment Document Sort Icons in WordPress (Simple Educational) first appeared on WPBeginner.

WordPress Maintenance

[ continue ]

WordPress Maintenance Plans | WordPress Hosting

read more

0 Comments

Submit a Comment

DON'T LET YOUR WEBSITE GET DESTROYED BY HACKERS!

Get your FREE copy of our Cyber Security for WordPress® whitepaper.

You'll also get exclusive access to discounts that are only found at the bottom of our WP CyberSec whitepaper.

You have Successfully Subscribed!