Вы когда-нибудь видели веб-сайты, на которых рядом со ссылками для скачивания отображаются значки файлов?
Недавно один из наших читателей спросил, можно ли отображать значки вложенных файлов в WordPress. Вы можете легко отображать различные значки, чтобы пользователи знали, какой тип файла они загружают.
В этой статье мы покажем вам, как добавить значки файлов вложений в WordPress.
![Как добавить значки типов файлов вложений в WordPress Как добавить значки типов файлов вложений в WordPress](https://www.wpbeginner.com/wp-content/uploads/2016/09/Add-attachment-file-type-icons-in-wordpress.png)
Содержание
Когда вам нужны значки вложенных файлов в WordPress
По умолчанию WordPress позволяет загружать изображения, аудио, видео и другие документы. Вы также можете включить загрузку дополнительных типов файлов в WordPress.
Когда вы загружаете файл через загрузчик мультимедиа и добавляете его в публикацию или на страницу, WordPress попытается встроить файл так, как будто это изображение, аудио, видео или файл в поддерживаемом формате.
Для всех остальных файлов он просто добавит имя файла в виде обычного текста и свяжет его со страницей загрузки или вложения.
![Текстовые ссылки на вложения без значков типов файлов. Посмотреть ссылки для скачивания](https://www.wpbeginner.com/wp-content/uploads/2016/09/view-download-links-.png)
![Текстовые ссылки на вложения без значков типов файлов. Посмотреть ссылки для скачивания](https://www.wpbeginner.com/wp-content/uploads/2016/09/view-download-links-.png)
На скриншоте выше мы добавили файлы PDF и Docx. Однако пользователю трудно угадать, какой тип файла он будет загружать.
Если вы регулярно загружаете файлы разных типов, возможно, вам захочется отобразить значок рядом со ссылкой. Таким образом, ваши пользователи смогут легко найти тип файла, который они ищут.
Сказав это, давайте посмотрим, как добавить значки файлов вложений в WordPress для разных типов файлов.
Способ 1: добавьте значки вложенных файлов в WordPress с помощью плагина
Самый простой способ добавить значки типов файлов — использовать плагин WordPress, например MimeTypes Link Icons. Это бесплатный плагин, который очень прост в использовании и позволяет добавлять значки для разных типов файлов.
Первое, что вам нужно сделать, это установить и активировать Иконки ссылок MimeTypes плагин. Более подробную информацию можно найти в нашем пошаговом руководстве по установке плагина WordPress.
После активации вам необходимо посетить Настройки » Значки MimeType страница для настройки параметров плагина.
![Настройки значка ссылки MimeType Общие настройки Mimetype](https://www.wpbeginner.com/wp-content/uploads/2016/09/mimetype-general-settings.png)
![Настройки значка ссылки MimeType Общие настройки Mimetype](https://www.wpbeginner.com/wp-content/uploads/2016/09/mimetype-general-settings.png)
Плагин позволяет выбирать размер значков, а также между значками PNG и GIF. Далее вам нужно выбрать выравнивание значка и типы файлов, которые будут отображать значок.
После этого вы можете прокрутить вниз и выбрать значки для отображения на вашем веб-сайте. Например, есть значки для таких типов файлов, как PDF, PPT, CSV, AVI, RPM, TXT и других.
![Выберите значки типов файлов Выберите значки типов файлов](https://www.wpbeginner.com/wp-content/uploads/2016/09/select-file-type-icons.png)
![Выберите значки типов файлов Выберите значки типов файлов](https://www.wpbeginner.com/wp-content/uploads/2016/09/select-file-type-icons.png)
Далее вы можете прокрутить вниз до раздела «Дополнительные настройки».
Здесь вы найдете опцию отображения размера файла рядом со ссылкой для скачивания. По умолчанию он отключен, так как может быть ресурсоемким.
![Расширенные настройки Расширенные настройки mimetype](https://www.wpbeginner.com/wp-content/uploads/2016/09/advanced-settings-mimetype.png)
![Расширенные настройки Расширенные настройки mimetype](https://www.wpbeginner.com/wp-content/uploads/2016/09/advanced-settings-mimetype.png)
Когда вы закончите, не забудьте нажать кнопку «Сохранить изменения», чтобы сохранить настройки.
Теперь вы можете редактировать сообщение или страницу и добавлять ссылку для скачивания файла с помощью средства загрузки мультимедиа. Просто просмотрите свое сообщение, и рядом со ссылкой для скачивания вы увидите значок файла.
![Ссылки на вложения со значками типов файлов Просмотр значков типов файлов](https://www.wpbeginner.com/wp-content/uploads/2016/09/view-file-type-icons-1.png)
![Ссылки на вложения со значками типов файлов Просмотр значков типов файлов](https://www.wpbeginner.com/wp-content/uploads/2016/09/view-file-type-icons-1.png)
Способ 2. Использование шрифтов значков для вложенных файлов в WordPress
В этом методе мы будем использовать значок шрифта для отображения значка рядом со ссылкой на вложенный файл.
Первое, что вам нужно сделать, это установить и активировать Шрифт Awesome плагин. Если вам нужна помощь, ознакомьтесь с нашим руководством по установке плагина WordPress.
После активации вы можете перейти в Настройки » Шрифт Awesome страницу с панели управления WordPress. Здесь вы можете редактировать общие настройки плагина, например выбирать, следует ли использовать профессиональные или бесплатные значки.
![Отличные настройки шрифта Отличные настройки шрифта](https://www.wpbeginner.com/wp-content/uploads/2016/09/font-awesome-settings-1.png)
![Отличные настройки шрифта Отличные настройки шрифта](https://www.wpbeginner.com/wp-content/uploads/2016/09/font-awesome-settings-1.png)
Затем вы можете отредактировать сообщение или страницу, на которую хотите добавить ссылку на вложение.
В редакторе контента вам необходимо ввести HTML-код значка, который вы хотите отобразить.
Чтобы найти этот HTML-код, вы можете посетить Font Awesome. библиотека иконок Веб-сайт. Просто найдите значок в строке поиска, а затем нажмите на изображение.
![Поиск значка шрифта Поиск значка шрифта](https://www.wpbeginner.com/wp-content/uploads/2016/09/search-for-font-icon-1.png)
![Поиск значка шрифта Поиск значка шрифта](https://www.wpbeginner.com/wp-content/uploads/2016/09/search-for-font-icon-1.png)
Далее вы увидите различные варианты значка и его HTML-кода.
Нажмите на код, чтобы скопировать его.
![Скопируйте код значка Скопируйте код значка](https://www.wpbeginner.com/wp-content/uploads/2016/09/copy-the-icon-code.png)
![Скопируйте код значка Скопируйте код значка](https://www.wpbeginner.com/wp-content/uploads/2016/09/copy-the-icon-code.png)
После этого вы можете вернуться в редактор контента WordPress вашего веб-сайта и щелкнуть знак «+», чтобы добавить пользовательский блок HTML.
Отсюда просто вставьте код вашей иконки в блок.
![Добавить пользовательский блок HTML Добавить пользовательский блок HTML](https://www.wpbeginner.com/wp-content/uploads/2016/09/add-custom-html-block-1.png)
![Добавить пользовательский блок HTML Добавить пользовательский блок HTML](https://www.wpbeginner.com/wp-content/uploads/2016/09/add-custom-html-block-1.png)
Как только вы закончите, опубликуйте или обновите свою страницу.
Теперь вы можете посетить свой веб-сайт и увидеть недавно добавленный значок для типа файла вложения.
![Просмотр значка типа вложенного файла Просмотр значка типа вложенного файла](https://www.wpbeginner.com/wp-content/uploads/2016/09/view-attachment-file-type-icon.png)
![Просмотр значка типа вложенного файла Просмотр значка типа вложенного файла](https://www.wpbeginner.com/wp-content/uploads/2016/09/view-attachment-file-type-icon.png)
Бонус: продавайте цифровые файлы, чтобы заработать деньги в Интернете
Теперь, когда вы знаете, как добавлять значки типов вложенных файлов, вы можете пойти еще дальше и продавать различные файлы в виде цифровых загрузок. Это позволяет вам зарабатывать деньги в Интернете или побуждать пользователей подписаться на вашу рассылку новостей в обмен на бесплатный ресурс.
Лучший способ продавать цифровые продукты — использовать Простые цифровые загрузки. Это одна из лучших платформ электронной коммерции для WordPress, которую очень легко использовать и настраивать.
Easy Digital Downloads легко интегрируется с различными платежными сервисами, такими как PayPal и Stripe.
![Как принимать платежи онлайн с помощью Easy Digital Downloads Как принимать платежи онлайн с помощью Easy Digital Downloads](https://www.wpbeginner.com/wp-content/uploads/2023/07/active-gateways-edd.png)
![Как принимать платежи онлайн с помощью Easy Digital Downloads Как принимать платежи онлайн с помощью Easy Digital Downloads](https://www.wpbeginner.com/wp-content/uploads/2023/07/active-gateways-edd.png)
Кроме того, вы можете просто загрузить цифровые файлы, которые хотите продать, и начать зарабатывать деньги в Интернете.
Плагин позволяет добавлять такие детали, как заголовок и описание, устанавливать цену загрузки, выбирать изображение для загрузки и многое другое.
![Добавление нового продукта для цифровой загрузки Добавление нового продукта для цифровой загрузки](https://www.wpbeginner.com/wp-content/uploads/2022/03/add-new-digital-download.png)
![Добавление нового продукта для цифровой загрузки Добавление нового продукта для цифровой загрузки](https://www.wpbeginner.com/wp-content/uploads/2022/03/add-new-digital-download.png)
Для получения более подробной информации ознакомьтесь с нашим руководством по продаже цифровых загрузок в WordPress.
Мы надеемся, что эта статья помогла вам научиться добавлять значки вложенных файлов в WordPress. Вы также можете ознакомиться с нашим руководством по встраиванию PDF-файлов, электронных таблиц и других файлов в сообщения блога WordPress, а также с лучшими плагинами WordPress для малого бизнеса.
Если вам понравилась эта статья, то подписывайтесь на нашу рассылку YouTube канал для видеоуроков по WordPress. Вы также можете найти нас на Твиттер и Фейсбук.