Как добавить иконки вложений на свою страницу в WordPress

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

Конечно, вы можете добавлять изображения, которые являются графической информацией рядом со ссылками, что облегчает пользователю ориентироваться в типе материала на странице. Однако это утомительная работа (вам нужно добавить графику вручную), кроме того, она может выглядеть плохо на разных устройствах. Гораздо более простое и убедительное решение — установить правильный плагин, который разделяет различные типы ссылок на нашем сайте, а затем добавлять небольшие значки с информацией о типе материалов. 

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

Метод один — добавление значков на страницу с помощью плагина

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

Мы устанавливаем плагин WordPress как стандартный, как и планировалось. Итак, вначале мы загружаем плагин на вкладке «Внешний вид»> «Плагины». Затем, после загрузки, мы соглашаемся установить MimeTypes Link Icons на нашем сайте. Конечно, при всем этом мы должны действовать с уровня учетной записи администратора в панели управления Wordpres на нашем веб-сайте или в блоге.

Перейдите на вкладку «Настройки»> «Значки MimeType». Если вы правильно установили и активировали плагин, должны быть настройки, связанные с персонализацией плагина. Поэтому мы можем установить размер значка (по умолчанию — 24 x 24 пикселя), тип графики (например, PNG), а также какие типы файлов, доступных на нашем сайте, должны быть назначены. Например, ко всем изображениям, которые можно загрузить с нашего сайта или все видеофайлы, которые пользователь может загрузить на свой компьютер.

Плагин позволяет персонализировать значки для типов загружаемых файлов. Таким образом, мы можем установить отдельные значки для файлов PDF, видеоматериалов, музыки или графики, доступных на сайте. Значки являются стандартными и разборчивыми почти для каждого пользователя Интернета.

Плагин MimeTypes Link Icons также предлагает несколько более продвинутые настройки, предназначенные для опытных пользователей WordPress. Можно даже определить собственные стили CSS, связанные с значками. Интересно, что с уровня расширенных настроек подключаемого модуля мы также можем отобразить размер файла по ссылке для его загрузки. Это полезная функция, если вы хотите уведомить пользователя о размере файла, который можно загрузить с нашего сайта.

После сохранения изменений они должны быть немедленно отображены на нашем веб-сайте.

Метод второй — добавление значков с уровня шрифта

Шрифты или интернет-шрифты — это не просто более или менее причудливые шрифты. Часто в Интернете вы можете найти шрифты, которые на самом деле являются изображениями, значками или графическими знаками. Они не служат для написания писем, но они хорошо работают в таких ситуациях, как наша. Их преимуществом является быстрая установка, адаптация к различным размерам дисплеев (компьютер, планшет, смартфон), а также многие размеры.

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

После его установки в текстовом редакторе на подстраницах и в записях появится новый значок — «Вставить значок». После нажатия на нее мы увидим список значков, которые мы можем вставить в текст. Конечно, будут значки, отвечающие за типы файлов (PDF, графика, музыка и т. Д.). Все, что вам нужно сделать, это открыть запись или страницу, на которой у нас есть ссылка на файл, а затем добавить значок, который стоит рядом со ссылкой. Затем мы сохраняем и обновляем запись. Вот и все.

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

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.