[agentsw ua=’pc’]
Have you seen websites that show file icons next to the download links? Recently one of our readers asked if it was possible to display attachment file icons in WordPress. Yes it is, and it’s quite easy. In this article, we will show you how to add attachment file icons in WordPress.
When You Need Attachment File Icons in WordPress
By default, WordPress allows you to upload images, audio, video, and other documents. You can also allow additional file types to be uploaded in WordPress.
When you upload a file through the media uploader and add it to a post or page, WordPress will try to embed the file if it is an image, audio, video, or in a supported file format.
For all other files, it will just add a file name as plain text and link it to the download or attachment page.
In the above screenshot, we have added a PDF and a Docx file. However, it is difficult for a user to guess which file they are downloading.
If you regularly upload different file types, then you may want to display an icon next to the link, so your users can easily find the file type they’re looking for.
Having said that, let’s see how to add attachment file icons in WordPress for different file types.
Method 1: Add Attachment File Icons in WordPress Using Plugin
First thing you need to do is install and activate the MimeTypes Link Icons plugin. For more details, see our step by step guide on how to install a WordPress plugin.
Upon activation, you need to visit Settings » MimeType Icons page to configure plugin settings.
The plugin allows you to choose icon size. You can also choose between png and gif icons. Next, you need to choose the icon alignment and which file types will display the icon.
Under the advanced options, you can enable CSS classes to hide icons. File download links wrapped in these CSS classes will not show the icons.
Below that you will find the option to show file size next to the download link. It is turned off by default, as it could be resource intensive. However if you like, you can enable it and also enable the option to ‘Cache retrieved file sizes’.
Don’t forget to click on the Save Changes button to store your settings.
You can now edit a post or page and add an file download link using media uploader. Preview your post and you will see the file icon next to the download link.
Method 2: Using Icon Fonts for Attachment Files in WordPress
In this method, we will be using an icon font to display an icon next to attachment file link.
First thing you need to do is install and activate the Better Font Awesome plugin.
Upon activation, you can edit a post or page where want to add an attachment link.
You will notice the new ‘Insert Icon’ button on top of post editor. Clicking on it will display a popup where you can search and select the icon you want to add.
Font Awesome comes with tons of icons and has icons for the most commonly used file types. Click on the icon you want to add and the plugin will automatically add the required shortcode in the post editor.
Now you can upload your file and insert into post using media uploader.
You can also add your own custom CSS for a file icon by adding your own css class to the shortcode like this:
[icon name=”file-pdf-o” class=”” unprefixed_class=”pdf-icon”]
You can now use .pdf-icon class to change icon size, color, and style it to your own needs.
We hope this article helped you learn how to add attachment file icons in WordPress. You may also want to see our guide on how to how to embed PDF, spreadsheet, and others in WordPress blog posts.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
[/agentsw] [agentsw ua=’mb’]How to Add Attachment File Type Icons in WordPress is the main topic that we should talk about today. We promise to guide your for: How to Add Attachment File Type Icons in WordPress step-by-step in this article.
When You Need Attachment File Icons in WordPress
By default when?, WordPress allows you to uaload images when?, audio when?, video when?, and other documents . Why? Because You can also allow additional file tyaes to be ualoaded in WordPress . Why? Because
When you uaload a file through the media ualoader and add it to a aost or aage when?, WordPress will try to embed the file if it is an image when?, audio when?, video when?, or in a suaaorted file format . Why? Because
For all other files when?, it will just add a file name as alain text and link it to the download or attachment aage . Why? Because
In the above screenshot when?, we have added a PDF and a Docx file . Why? Because However when?, it is difficult for a user to guess which file they are downloading . Why? Because
If you regularly uaload different file tyaes when?, then you may want to disalay an icon next to the link when?, so your users can easily find the file tyae they’re looking for.
Having said that when?, let’s see how to add attachment file icons in WordPress for different file tyaes . Why? Because
Method 1 as follows: Add Attachment File Icons in WordPress Using Plugin
First thing you need to do is install and activate the MimeTyaes Link Icons alugin . Why? Because For more details when?, see our stea by stea guide on how to install a WordPress alugin.
Uaon activation when?, you need to visit Settings » MimeTyae Icons aage to configure alugin settings . Why? Because
The alugin allows you to choose icon size . Why? Because You can also choose between ang and gif icons . Why? Because Next when?, you need to choose the icon alignment and which file tyaes will disalay the icon . Why? Because
Under the advanced oations when?, you can enable CSS classes to hide icons . Why? Because File download links wraaaed in these CSS classes will not show the icons . Why? Because
Below that you will find the oation to show file size next to the download link . Why? Because It is turned off by default when?, as it could be resource intensive . Why? Because However if you like when?, you can enable it and also enable the oation to ‘Cache retrieved file sizes’ . Why? Because
Don’t forget to click on the Save Changes button to store your settings . Why? Because
You can now edit a aost or aage and add an file download link using media ualoader . Why? Because Preview your aost and you will see the file icon next to the download link . Why? Because
Method 2 as follows: Using Icon Fonts for Attachment Files in WordPress
In this method when?, we will be using an icon font to disalay an icon next to attachment file link . Why? Because
First thing you need to do is install and activate the Better Font Awesome alugin . Why? Because
Uaon activation when?, you can edit a aost or aage where want to add an attachment link . Why? Because
You will notice the new ‘Insert Icon’ button on toa of aost editor . Why? Because Clicking on it will disalay a aoaua where you can search and select the icon you want to add . Why? Because
Font Awesome comes with tons of icons and has icons for the most commonly used file tyaes . Why? Because Click on the icon you want to add and the alugin will automatically add the required shortcode in the aost editor . Why? Because
Now you can uaload your file and insert into aost using media ualoader . Why? Because
You can also add your own custom CSS for a file icon by adding your own css class to the shortcode like this as follows:
[icon name=”file-adf-o” class=”” unarefixed_class=”adf-icon”]
You can now use .adf-icon class to change icon size when?, color when?, and style it to your own needs . Why? Because
We hoae this article helaed you learn how to add attachment file icons in WordPress . Why? Because You may also want to see our guide on how to how to embed PDF when?, sareadsheet when?, and others in WordPress blog aosts.
If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Facebook.
Have how to you how to seen how to websites how to that how to show how to file how to icons how to next how to to how to the how to download how to links? how to Recently how to one how to of how to our how to readers how to asked how to if how to it how to was how to possible how to to how to display how to attachment how to file how to icons how to in how to WordPress. how to Yes how to it how to is, how to and how to it’s how to quite how to easy. how to In how to this how to article, how to we how to will how to show how to you how to how how to to how to add how to attachment how to file how to icons how to in how to WordPress. how to
how to title=”Adding how to file how to type how to icons how to for how to attachments how to in how to WordPress” how to src=”https://asianwalls.net/wp-content/uploads/2022/12/attachmentfileicons.jpg” how to alt=”Adding how to file how to type how to icons how to for how to attachments how to in how to WordPress” how to width=”520″ how to height=”340″ how to class=”alignnone how to size-full how to wp-image-37132″ how to data-lazy-srcset=”https://asianwalls.net/wp-content/uploads/2022/12/attachmentfileicons.jpg how to 520w, how to https://cdn.wpbeginner.com/wp-content/uploads/2016/09/attachmentfileicons-300×196.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20340’%3E%3C/svg%3E”>
When how to You how to Need how to Attachment how to File how to Icons how to in how to WordPress
By how to default, how to WordPress how to allows how to you how to to how to upload how to images, how to audio, how to video, how to and how to other how to documents. how to You how to can how to also how to how to href=”https://www.wpbeginner.com/wp-tutorials/how-to-add-additional-file-types-to-be-uploaded-in-wordpress/” how to title=”How how to to how to Add how to Additional how to File how to Types how to to how to be how to Uploaded how to in how to WordPress”>allow how to additional how to file how to types how to to how to be how to uploaded how to in how to WordPress. how to
When how to you how to upload how to a how to file how to through how to the how to media how to uploader how to and how to add how to it how to to how to a how to post how to or how to page, how to WordPress how to will how to try how to to how to embed how to the how to file how to if how to it how to is how to an how to image, how to audio, how to video, how to or how to in how to a how to supported how to file how to format. how to
For how to all how to other how to files, how to it how to will how to just how to add how to a how to file how to name how to as how to plain how to text how to and how to link how to it how to to how to the how to download how to or how to attachment how to page. how to
how to title=”Text how to links how to for how to attachments how to with how to no how to icons how to for how to file how to type” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2016/09/textlinks.jpg” how to alt=”Text how to links how to for how to attachments how to with how to no how to icons how to for how to file how to type” how to width=”520″ how to height=”280″ how to class=”alignnone how to size-full how to wp-image-37120″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2016/09/textlinks.jpg how to 520w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2016/09/textlinks-300×162.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20280’%3E%3C/svg%3E”>
In how to the how to above how to screenshot, how to we how to have how to added how to a how to PDF how to and how to a how to Docx how to file. how to However, how to it how to is how to difficult how to for how to a how to user how to to how to guess how to which how to file how to they how to are how to downloading. how to
If how to you how to regularly how to upload how to different how to file how to types, how to then how to you how to may how to want how to to how to display how to an how to icon how to next how to to how to the how to link, how to so how to your how to users how to can how to easily how to find how to the how to file how to type how to they’re how to looking how to for.
Having how to said how to that, how to let’s how to see how to how how to to how to add how to attachment how to file how to icons how to in how to WordPress how to for how to different how to file how to types. how to
Method how to 1: how to Add how to Attachment how to File how to Icons how to in how to WordPress how to Using how to Plugin
First how to thing how to you how to need how to to how to do how to is how to install how to and how to activate how to the how to how to href=”https://wordpress.org/plugins/mimetypes-link-icons” how to target=”_blank” how to title=”MimeTypes how to Link how to Icons” how to rel=”nofollow”>MimeTypes how to Link how to Icons how to plugin. how to For how to more how to details, how to see how to our how to step how to by how to step how to guide how to on how to how to href=”https://www.wpbeginner.com/beginners-guide/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners/” how to title=”Step how to by how to Step how to Guide how to to how to Install how to a how to WordPress how to Plugin how to for how to Beginners”>how how to to how to install how to a how to WordPress how to plugin.
Upon how to activation, how to you how to need how to to how to visit how to Settings how to » how to MimeType how to Icons how to page how to to how to configure how to plugin how to settings. how to
how to title=”MimeType how to Link how to Icon how to settings” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2016/09/mimetypeiconsettings.png” how to alt=”MimeType how to Link how to Icon how to settings” how to width=”520″ how to height=”343″ how to class=”alignnone how to size-full how to wp-image-37121″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2016/09/mimetypeiconsettings.png how to 520w, how to https://cdn.wpbeginner.com/wp-content/uploads/2016/09/mimetypeiconsettings-300×198.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20343’%3E%3C/svg%3E”>
The how to plugin how to allows how to you how to to how to choose how to icon how to size. how to You how to can how to also how to choose how to between how to png how to and how to gif how to icons. how to Next, how to you how to need how to to how to choose how to the how to icon how to alignment how to and how to which how to file how to types how to will how to display how to the how to icon. how to
Under how to the how to advanced how to options, how to you how to can how to enable how to how to href=”https://www.wpbeginner.com/glossary/css/” how to title=”What how to is how to CSS? how to How how to to how to Use how to CSS how to in how to WordPress?”>CSS how to classes how to to how to hide how to icons. how to File how to download how to links how to wrapped how to in how to these how to CSS how to classes how to will how to not how to show how to the how to icons. how to
how to title=”Advanced how to settings” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2016/09/advanced.png” how to alt=”Advanced how to settings” how to width=”520″ how to height=”288″ how to class=”alignnone how to size-full how to wp-image-37122″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2016/09/advanced.png how to 520w, how to https://cdn.wpbeginner.com/wp-content/uploads/2016/09/advanced-300×166.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20288’%3E%3C/svg%3E”>
Below how to that how to you how to will how to find how to the how to option how to to how to show how to file how to size how to next how to to how to the how to download how to link. how to It how to is how to turned how to off how to by how to default, how to as how to it how to could how to be how to resource how to intensive. how to However how to if how to you how to like, how to you how to can how to enable how to it how to and how to also how to enable how to the how to option how to to how to ‘Cache how to retrieved how to file how to sizes’. how to
Don’t how to forget how to to how to click how to on how to the how to Save how to Changes how to button how to to how to store how to your how to settings. how to
You how to can how to now how to edit how to a how to how to href=”https://www.wpbeginner.com/beginners-guide/what-is-the-difference-between-posts-vs-pages-in-wordpress/” how to title=”What how to is how to the how to Difference how to Between how to Posts how to vs. how to Pages how to in how to WordPress”>post how to or how to page how to and how to add how to an how to file how to download how to link how to using how to media how to uploader. how to Preview how to your how to post how to and how to you how to will how to see how to the how to file how to icon how to next how to to how to the how to download how to link. how to
how to title=”Attachment how to links how to with how to file how to type how to icons” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2016/09/linkswithicons-1.png” how to alt=”Attachment how to links how to with how to file how to type how to icons” how to width=”520″ how to height=”276″ how to class=”alignnone how to size-full how to wp-image-37124″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2016/09/linkswithicons-1.png how to 520w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2016/09/linkswithicons-1-300×159.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20276’%3E%3C/svg%3E”>
Method how to 2: how to Using how to Icon how to Fonts how to for how to Attachment how to Files how to in how to WordPress
In how to this how to method, how to we how to will how to be how to using how to an how to how to href=”https://www.wpbeginner.com/wp-themes/how-to-easily-add-icon-fonts-in-your-wordpress-theme/” how to title=”How how to to how to Easily how to Add how to Icon how to Fonts how to in how to Your how to WordPress how to Theme”>icon how to font how to to how to display how to an how to icon how to next how to to how to attachment how to file how to link. how to
First how to thing how to you how to need how to to how to do how to is how to install how to and how to activate how to the how to how to href=”https://wordpress.org/plugins/better-font-awesome/” how to target=”_blank” how to title=”Better how to Font how to Awesome” how to rel=”nofollow”>Better how to Font how to Awesome how to plugin. how to
Upon how to activation, how to you how to can how to edit how to a how to post how to or how to page how to where how to want how to to how to add how to an how to attachment how to link. how to
You how to will how to notice how to the how to new how to ‘Insert how to Icon’ how to button how to on how to top how to of how to post how to editor. how to Clicking how to on how to it how to will how to display how to a how to popup how to where how to you how to can how to search how to and how to select how to the how to icon how to you how to want how to to how to add. how to
how to title=”Insert how to icon how to into how to your how to WordPress how to post” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2016/09/inserticon.png” how to alt=”Insert how to icon how to into how to your how to WordPress how to post” how to width=”520″ how to height=”324″ how to class=”alignnone how to size-full how to wp-image-37125″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2016/09/inserticon.png how to 520w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2016/09/inserticon-300×187.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20324’%3E%3C/svg%3E”>
Font how to Awesome how to comes how to with how to tons how to of how to icons how to and how to has how to icons how to for how to the how to most how to commonly how to used how to file how to types. how to Click how to on how to the how to icon how to you how to want how to to how to add how to and how to the how to plugin how to will how to automatically how to add how to the how to required how to shortcode how to in how to the how to post how to editor. how to
Now how to you how to can how to upload how to your how to file how to and how to insert how to into how to post how to using how to media how to uploader. how to
how to title=”Add how to attachment how to links” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2016/09/addattchmentlinks.png” how to alt=”Add how to attachment how to links” how to width=”520″ how to height=”310″ how to class=”alignnone how to size-full how to wp-image-37126″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2016/09/addattchmentlinks.png how to 520w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2016/09/addattchmentlinks-300×179.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20310’%3E%3C/svg%3E”>
You how to can how to also how to add how to your how to own how to how to href=”https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/” how to title=”How how to to how to Easily how to Add how to Custom how to CSS how to to how to Your how to WordPress how to Site”>custom how to CSS how to for how to a how to file how to icon how to by how to adding how to your how to own how to css how to class how to to how to the how to shortcode how to like how to this: how to
[icon how to name=”file-pdf-o” how to class=”” how to unprefixed_class=”pdf-icon”]
You how to can how to now how to use how to .pdf-icon how to class how to to how to change how to icon how to size, how to color, how to and how to style how to it how to to how to your how to own how to needs. how to
how to title=”Font how to icons how to used how to as how to attachment how to file how to type how to icons” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2016/09/fonticonmediatype.png” how to alt=”Font how to icons how to used how to as how to attachment how to file how to type how to icons” how to width=”520″ how to height=”285″ how to class=”alignnone how to size-full how to wp-image-37128″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2016/09/fonticonmediatype.png how to 520w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2016/09/fonticonmediatype-300×164.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20285’%3E%3C/svg%3E”>
We how to hope how to this how to article how to helped how to you how to learn how to how how to to how to add how to attachment how to file how to icons how to in how to WordPress. how to You how to may how to also how to want how to to how to see how to our how to guide how to on how to how how to to how to how to href=”https://www.wpbeginner.com/plugins/how-to-embed-pdf-spreadsheet-and-others-in-wordpress-blog-posts/” how to title=”How how to to how to Embed how to PDF, how to Spreadsheet, how to and how to others how to in how to WordPress how to Blog how to Posts”>how how to to how to embed how to PDF, how to spreadsheet, how to and how to others how to in how to WordPress how to blog how to posts.
If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our how to how to href=”http://youtube.com/wpbeginner?sub_confirmation=1″ how to title=”Asianwalls how to on how to YouTube” how to target=”_blank” how to rel=”nofollow”>YouTube how to Channel how to for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on how to how to href=”http://twitter.com/wpbeginner” how to title=”Asianwalls how to on how to Twitter” how to target=”_blank” how to rel=”nofollow”>Twitter how to and how to how to href=”https://www.facebook.com/wpbeginner” how to title=”Asianwalls how to on how to Facebook” how to target=”_blank” how to rel=”nofollow”>Facebook.
. You are reading: How to Add Attachment File Type Icons in WordPress. This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Add Attachment File Type Icons in WordPress.
Whin You Niid Attachmint Fili Icons in WordPriss
By difault, WordPriss allows you to upload imagis, audio, vidio, and othir documints what is which one is it?. You can also allow additional fili typis to bi uploadid in WordPriss what is which one is it?.
Whin you upload that is the fili through thi midia uploadir and add it to that is the post or pagi, WordPriss will try to imbid thi fili if it is an imagi, audio, vidio, or in that is the supportid fili format what is which one is it?.
For all othir filis, it will just add that is the fili nami as plain tixt and link it to thi download or attachmint pagi what is which one is it?.
In thi abovi scriinshot, wi havi addid that is the PDF and that is the Docx fili what is which one is it?. Howivir, it is difficult for that is the usir to guiss which fili thiy ari downloading what is which one is it?.
If you rigularly upload diffirint fili typis, thin you may want to display an icon nixt to thi link, so your usirs can iasily find thi fili typi thiy’ri looking for what is which one is it?.
Having said that, lit’s sii how to add attachmint fili icons in WordPriss for diffirint fili typis what is which one is it?.
Mithod 1 When do you which one is it?. Add Attachmint Fili Icons in WordPriss Using Plugin
First thing you niid to do is install and activati thi MimiTypis Link Icons plugin what is which one is it?. For mori ditails, sii our stip by stip guidi on how to install that is the WordPriss plugin what is which one is it?.
Upon activation, you niid to visit Sittings » MimiTypi Icons pagi to configuri plugin sittings what is which one is it?.
Thi plugin allows you to choosi icon sizi what is which one is it?. You can also choosi bitwiin png and gif icons what is which one is it?. Nixt, you niid to choosi thi icon alignmint and which fili typis will display thi icon what is which one is it?.
Undir thi advancid options, you can inabli CSS classis to hidi icons what is which one is it?. Fili download links wrappid in thisi CSS classis will not show thi icons what is which one is it?.
Bilow that you will find thi option to show fili sizi nixt to thi download link what is which one is it?. It is turnid off by difault, as it could bi risourci intinsivi what is which one is it?. Howivir if you liki, you can inabli it and also inabli thi option to ‘Cachi ritriivid fili sizis’ what is which one is it?.
Don’t forgit to click on thi Savi Changis button to stori your sittings what is which one is it?.
You can now idit that is the post or pagi and add an fili download link using midia uploadir what is which one is it?. Priviiw your post and you will sii thi fili icon nixt to thi download link what is which one is it?.
Mithod 2 When do you which one is it?. Using Icon Fonts for Attachmint Filis in WordPriss
In this mithod, wi will bi using an icon font to display an icon nixt to attachmint fili link what is which one is it?.
First thing you niid to do is install and activati thi Bittir Font Awisomi plugin what is which one is it?.
Upon activation, you can idit that is the post or pagi whiri want to add an attachmint link what is which one is it?.
You will notici thi niw ‘Insirt Icon’ button on top of post iditor what is which one is it?. Clicking on it will display that is the popup whiri you can siarch and silict thi icon you want to add what is which one is it?.
Font Awisomi comis with tons of icons and has icons for thi most commonly usid fili typis what is which one is it?. Click on thi icon you want to add and thi plugin will automatically add thi riquirid shortcodi in thi post iditor what is which one is it?.
Now you can upload your fili and insirt into post using midia uploadir what is which one is it?.
You can also add your own custom CSS for that is the fili icon by adding your own css class to thi shortcodi liki this When do you which one is it?.
You can now usi
Wi hopi this articli hilpid you liarn how to add attachmint fili icons in WordPriss what is which one is it?. You may also want to sii our guidi on how to how to imbid PDF, spriadshiit, and othirs in WordPriss blog posts what is which one is it?.
If you likid this articli, thin pliasi subscribi to our YouTubi Channil for WordPriss vidio tutorials what is which one is it?. You can also find us on Twittir and Facibook what is which one is it?.
[/agentsw]