Как добавить значки типов файлов вложений в WordPress

Вы видели веб-сайты, на которых рядом со ссылками для загрузки отображаются значки файлов? Недавно один из наших читателей спросил, можно ли отображать значки файлов вложений в WordPress. Да, это так, и это довольно легко. В этой статье мы покажем вам, как добавить значки файлов вложений в WordPress.

^

Когда вам нужны значки вложенных файлов в WordPress

По умолчанию WordPress позволяет загружать изображения, аудио, видео и другие документы. Вы также можете разрешить загрузку дополнительных типов файлов в WordPress.

Когда вы загружаете файл через средство загрузки мультимедиа и добавляете его в сообщение или страницу, WordPress попытается внедрить файл, если это изображение, аудио, видео или в поддерживаемом формате файла.

Для всех остальных файлов он просто добавит имя файла в виде обычного текста и свяжет его со страницей загрузки или вложения.

^

На скриншоте выше мы добавили PDF и файл Docx. Однако пользователю трудно угадать, какой файл он загружает.

Если вы регулярно загружаете файлы разных типов, то, возможно, вы захотите отобразить значок рядом со ссылкой, чтобы ваши пользователи могли легко найти нужный им тип файла.

Давайте посмотрим, как добавить значки файлов вложений в WordPress для разных типов файлов.

Метод 1: Добавить значки файлов вложений в WordPress с помощью плагина

Первое, что вам нужно сделать, это установить и активировать плагин MimeTypes Link Icons. Для получения более подробной информации, смотрите наше пошаговое руководство по установке плагина WordPress.

После активации вам нужно зайти на страницу Настройки »Значки MimeType, чтобы настроить параметры плагина.

^

Плагин позволяет выбрать размер иконки. Вы также можете выбирать между иконками png и gif. Далее вам нужно выбрать выравнивание значков и какие типы файлов будут отображать значок.

В дополнительных параметрах вы можете включить классы CSS, чтобы скрыть значки. Ссылки на скачивание файлов, заключенные в эти классы CSS, не будут отображать значки.

^

Ниже вы найдете возможность показать размер файла рядом со ссылкой для скачивания. Он отключен по умолчанию, так как это может быть ресурсоемким. Однако при желании вы можете включить его, а также включить параметр «Кэшировать полученные размеры файлов».

Не забудьте нажать кнопку «Сохранить изменения», чтобы сохранить настройки.

Теперь вы можете отредактировать сообщение или страницу и добавить ссылку на скачивание файла, используя медиа-загрузчик. Предварительный просмотр вашего сообщения, и вы увидите значок файла рядом с ссылкой для скачивания.

^

Способ 2: использование значков шрифтов для файлов вложений в WordPress

В этом методе мы будем использовать значок шрифта для отображения значка рядом со ссылкой на файл вложения.

Первое, что вам нужно сделать, это установить и активировать плагин Better Font Awesome.

После активации вы можете редактировать пост или страницу, где хотите добавить ссылку на вложение.

Вы заметите новую кнопку «Вставить значок» в верхней части редактора сообщений. Нажав на нее, вы увидите всплывающее окно, в котором вы можете выполнить поиск и выбрать значок, который хотите добавить.

^

Font Awesome поставляется с множеством значков и имеет значки для наиболее часто используемых типов файлов. Нажмите на значок, который вы хотите добавить, и плагин автоматически добавит необходимый шорткод в редакторе сообщений.

Теперь вы можете загрузить свой файл и вставить в сообщение, используя медиа-загрузчик.

^

Вы также можете добавить свой собственный CSS для иконки файла, добавив свой собственный класс CSS в шорткод, например так:

[icon name = ”file-pdf-o” class = ”” unprefixed_class = ”pdf-icon”]

Теперь вы можете использовать класс .pdf-icon для изменения размера, цвета и стиля значка в соответствии со своими потребностями.

^

Мы надеемся, что эта статья помогла вам узнать, как добавлять значки файлов вложений в WordPress. Возможно, вы также захотите ознакомиться с нашим руководством о том, как встраивать PDF, электронные таблицы и другие материалы в сообщения блога WordPress.