When you upload files to your WordPress site, such as PDFs, Word documents, or images, it’s helpful to display corresponding icons next to the file links. this not only improves the visual appeal of your website but also provides users with a quick way to identify the file type. In this easy tutorial, we’ll show you how to add attachment file type icons in WordPress using a simple plugin.
Step 1 – Install and Activate the “File Icons” Plugin
- Navigate to Plugin:
- Log in to your WordPress dashboard and go to the “Plugins” section.
- Click on “Add New”:
- In the Plugins page, click on the “Add New” button at the top.
- Search for “File Icons”:
- In the search bar, type “File Icons” and hit enter.
- Install and Activate:
- Find the “File Icons” Plugin in the search results and click on “Install Now”. Once installed, click on “Activate” to activate the plugin.
Step 2 – Configure Plugin Settings
- Access Plugin Settings:
- After activating the plugin, navigate to Setting > File Icons from your WordPress dashboard.
- Choose Icon Set:
- In the settings page, you can choose the icon set you want to use for displaying file types. The plugin comes with multiple icon sets to choose from.
- Select Display Location:
- Choose where you want the file icons to appear. You can display them before or after the file links.
- Save Changes:
- Once you have configured the settings, click on the “Save Changes” button to apply them.
Step 3 – Upload Files with Links
- Create Edit a Post/Page:
- Create a new post or page, or edit an existing one where you want to add file attachments.
- Insert File Links:
- Click on the “Add Media” button above the post editor and upload the files you want to attach to your post/page.
- Inset File Links:
- Once uploaded, click on each file and insert them into your post/page. WordPress will automatically generate the file links.
Step 4 – View the File Icons on Your Site
- Publish or Update:
- Publish or update your post/page to see the file icons in action.
- Visit Your Site:
- Visit your site to see the file icons displayed next to the file links.
Conclusion
Adding attachment file type icons in WordPress is a simple yet effective way to enhance user experience and make your site more visually appealing. With the “File Icons” plugin you can easily display icons corresponding to different file types, making it easier for users to identify and access the files they need. Follow this tutorial to implement file icons on your WordPress site effortlessly. Happy blogging.

