Содержание

Бесплатные плагины WordPress для добавления иконки на сайт

Хотите добавить иконку WordPress на свой сайт? Или блок функций, как их иногда называют? Блоки с иконками – это главный элемент дизайна, который показывает особенности вашего продукта, услуги, навыки и многое, что должно привлечь внимание.

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

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

Вы узнаете, как настроить окно значков, используя три различных метода, все – бесплатные:

  1. Плагин для конструктора страниц Elementor.
  2. Родной редактор блоков WordPress.
  3. Старый «классический» редактор WordPress (TinyMCE).

Как добавить иконку с Elementor

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

Elementor будет излишним, если вы хотите добавить одну иконку на обычной странице WordPress. Однако, если вы создаете целевую страницу или страницу другого типа, вам понравится гибкость метода перетаскивания, которую предлагает Elementor.

Для начала:

  1. Установите и активируйте бесплатный плагин Elementor с WordPress.org.
  2. Откройте редактор WordPress для поста или страницы, куда вы хотите добавить свой значок.
  3. Нажмите кнопку «Редактировать с помощью Elementor», чтобы запустить визуальный интерфейс.

В интерфейсе Elementor вы увидите предварительный просмотр вашего контента справа и боковую панель слева. Чтобы добавить свой блок, найдите «иконку» на боковой панели, а затем перетащите виджет «Иконка» на предварительный просмотр:

Как правило, вы хотите отобразить поля значков в сетке определенного типа. Нажмите на значок плюса и выберите необходимое количество столбцов. Затем вы можете добавить несколько виджетов Icon Box, чтобы создать такой эффект:

В настройках виджета Icon Box на боковой панели вы можете:

  • Выбрать различные значки из Font Awesome.
  • Изменить текст.
  • Связать блок с другим.
  • Изменить все параметры стиля и макета.

В бесплатной версии Elementor доступна функция в виде рамки для значков, а Elementor Pro добавляет массу других полезных функций.

Смотрите также:

Сравнение лучших конструкторов страниц и тем для WordPress.

Как добавить иконку с помощью редактора блоков WordPress

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

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

В редакторе ядра нет блока значков, но вы можете найти несколько плагинов, которые добавляют выделенные блоки значков.

В этом уроке будем использовать использовать бесплатный плагин Ultimate Addons for Gutenberg, потому что он самый популярный и от того же разработчика, что и популярная тема Astra.

Тем не менее можем порекомендовать и другие плагины:

  • Getwid.
  • Gutentor.
  • GutenBee.
  • Ultimate Blocks (с блоком «Styled Box»).

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

Чтобы начать, установите и активируйте бесплатный плагин Ultimate Addons for Gutenberg (или любой другой плагин, который вы выбрали) с WordPress.org.

Откройте редактор записи или страницы, куда хотите добавить свой блок, и щелкните значок «плюс». Откроется блок вставки блоков. Затем выполните поиск «Info Box»:

Теперь у вас есть значок, и чтобы:

  • настроить текст, нажмите на блок и введите текст.
  • настроить значок, цвета и другие элементы дизайна, можете использовать боковую панель «Блок».

Если вы хотите добавить несколько блоков значков в сетку, вы можете вложить их в собственный блок Columns. Ultimate Addons for Gutenberg  также включает в себя собственный блок столбцов, который дает немного больше гибкости под названием «Расширенные столбцы»:

Как добавить иконку с помощью классического редактора WordPress

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

После того, как вы установите и активируете плагин, перейдите в Service Box → Add New Service Box на своей админ панели.

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

Чтобы настроить цвета и стиль ваших блоков, используйте настройки на боковой панели:

Ниже вы увидите короткий код, который можно добавить в любое место на сайте:

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

 

Вы узнали три бесплатных способа (и даже больше), как добавить иконку на сайт WordPress.

  • Elementor – лучший вариант, если нужна полная гибкость дизайна как для панели значков, так и для всего остального контента. Он идеально подходит для целевых и других важных страниц.
  • Ultimate Addons for Gutenberg – лучший вариант для работы в новом редакторе блоков WordPress.
  • Service Box Showcase – хороший вариант, если вы все еще используете классический редактор TinyMCE и не хотите использовать Elementor. Он не такой гибкий, как предыдущие два плагина.

Источник: wplift.com

Смотрите также:

Изучает сайтостроение с 2008 года. Практикующий вебмастер, специализирующий на создание сайтов на WordPress. Задать вопрос Алексею можно на https://profiles.wordpress.org/wpthemeus/

Плагин иконок социальных сетей для WordPress

Все мы знаем, что без социальных сетей никуда. И связать их со своим сайтом (в том или ином варианте) хочет любой блогер и почти каждый заказчик. Вот и я в очередной раз столкнулась с такой необходимостью. Но проблема заключается в том, что не все темы предусматривают кнопки социальных сетей, а уж русскоязычные социальные сети вообще не пользуются популярностью среди создателей тем для WordPress. Поэтому я стала искать плагин социальных кнопок для WordPress.

Начну издалека. Я достаточно долго искала необходимый плагин. Не важно каким образом осуществлять поиск — через админку WP или же через Яндекс — основная масса плагинов решает только одну проблему, а именно реализацию функции «поделиться» с помощью социальных сетей. А это совсем не то, что меня интересовало. Моим заказчикам не нужны были кнопки «Поделиться», им это не интересно. Они хотели, чтобы на сайте были кнопки, по которым можно открыть их группу Вконтакте или Facebook. И это нормальное желание. Да, многие шаблоны изначально идут в комплекте с такой функцией. Но, во-первых, далеко не все, а во-вторых, каждый раз сталкиваешься с проблемой отсутствия иконок отечественных социальных сетей типа Вконтакте или Одноклассники. Да и в принципе зачастую идущие в комплекте с шаблоном иконки охватывают лишь некоторые социальные сети. И это неудобно.

В общем мною были просмотрены килотонны информации, в том числе с иностранных сайтов. И в конце концов я нашла плагин Social Icons Widget by WPZOOM. Аналогов ему я не встречала, сколько ни искала — он действительно потрясающий и действительно очень удобный.

Плагин Social Icons Widget by WPZOOM позволяет добавлять на ваш сайт практически любые иконки, причем не только относящиеся к социальным сетям. Давайте более подробно рассмотрим, что из себя представляет этот замечательный плагин.

Установка

Здесь всё как обычно — заходим в админку, переходим на страницу Плагины > Добавить новый, в поиск вставляем предварительно скопированное название интересующего нас плагина социальных кнопок, а именно Social Icons Widget by WPZOOM. Далее нажимаем Установить, а затем Активировать.

Добавляем виджет

После того, как плагин был активизирован, можно перейти в Внешний вид > Виджеты. Дальше всё будет зависит от используемой вами темы. В данном случае у меня базовая Twenty Seventeen, в которой предусмотрены 3 варианта размещения виджетов — sidebar (он же боковая колонка), подвал 1 и подвал 2.

Как вы можете видеть — я уже добавила виджет социальных кнопок в подвал. Сейчас расскажу и покажу как (а там есть, что рассказать-показать).

Первым делом в списке виджетов (который слева) находим наш плагин социальных кнопок Social Icons by WPZOOM. Нажимаем на него и получаем выпадающий список с перечнем блоков, в которых мы можем разместить эти кнопки. Как только определитесь — нажимайте кнопку Добавить виджет. После этого он появится в одном из блоков справа, а далее можно заняться внимательным изучением предлагаемых опций данного замечательного виджета, нажав на стрелочку справа от его названия.

Настройка виджета

Итак, первое, что нам предлагают — это написать заголовок (Title) для наших кнопок. Англоязычные сайты в основном пишут Follow us (Следите за нами), русским же сайтам больше свойственно просто писать Социальные сети или же вообще ничего не писать. Так что, если вы как раз из той категории людей, то можете просто стереть надпись по умолчанию.

Далее у нас идёт Описание (Description) — короткое описание, которое будет выводится над иконками, можно использовать HTML. Если честно, у меня никогда не возникало необходимости выводить какой-либо текст над иконками, так что я обычно оставляю пустым это поле.

Следующие два пункта как бы интересуются хотите ли вы показывать подписи к иконкам (Show icon labels?) и открывать ли ссылки в новых вкладках (Open links in new tab?). Первый пункт по умолчанию отключен, а второй как раз наоборот (что, в общем-то, и понятно). Если же поставить галочку рядом с пунктом «Show icon labels?», то под иконками ниже появятся поля с подписями, которые можно редактировать:

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

Едем дальше. Стиль иконок (Icon Style). Тоже очень удобно — иконки можно сделать максимально приближенными по стилю к вашему сайту. Этот плагин социальных кнопок предлагает 2 варианта: цветной фон и белый значок или же цветной значок и прозрачный фон. Первый вариант лично я нахожу более интересным, так как в этом случае можно будет воспользоваться следующей опцией, а именно Стиль фона иконки (Icon Background Style). Здесь уже три варианта: скруглённые углы, круг или квадрат.

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

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

Редактируем иконки

По умолчанию в виджете есть иконки для Facebook, Twitter и Instagram. Можно их оставить, можно удалить, а можно отредактировать — как сами иконки, так и ссылку, на которую они ведут. Чтобы добавить новую иконку нужно нажать кнопку Add more (Добавить ещё). Под кнопкой мелким шрифтом написано, что для того, чтобы добавить иконку с адресом электронной почты, необходимо использовать формат mailto:[email protected].

Итак, допустим вы решили удалить имеющиеся иконки и добавить те, которые вам нужны. Для начала нажимаем значок мусорного бака справа от каждого поля для ссылки, а затем нажимаем кнопку Add more.

Дальше как вам удобнее — можно сразу добавить ссылку, а потом редактировать иконку, или же можно поступить наоборот. Ссылка в данной момент интересует меня меньше всего, поэтому я сразу нажму на значок «+» на месте иконки. После чего появится всплывающее окно с настройками иконки.

Здесь можно выбрать цвет иконки, а также набор иконок, который будет удовлетворять вашим потребностям. Нам предлагают следующие наборы: Socicons, Dashicons, Genericons и даже Font Awesome. Когда дело касается социальных иконок, то лично я использую набор Socicons, так как в нём есть действительно большой выбор иконок разнообразных социальных сетей, таких как Одноклассники, Вконтакте, Facebook, 500px, Vimeo, Youtube, Behance, LinkedIn, Google+, Pinterest, а также значки Drupal, WordPress, Windows, Xbox, Wikipedia, Apple, Android и много других. В общем очень удобной набор.

А так — выбирайте любой понравившийся набор или же комбинируйте все и наслаждайтесь.

Выбрав цвет и иконку нажмите Save (Сохранить) и она появится в виджете. Потом опять нажмите кнопку Add more и повторяйте процедуру пока не добавите все нужные иконки. После чего важно не забыть нажать кнопку Сохранить на самом виджете и всё, иконки социальных сетей появятся на вашем сайте.

Надеюсь статья помогла вам решить проблему размещения иконок социальных сетей на вашем сайте.

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

Социальные иконки — Плагин для WordPress

Social Icons provides you with an easy way to display various popular social icons via widgets and shortcodes. You can drag the widget in your sidebars and change the settings from the widget form itself. Also you can use the shortcode and paste it on your page, post or wherever you like

View All Features

Check Social Icons Plugin Demo

Get access to free support

Step by Step tutorial Check documentation

Icons

Icons are provided by socicon icon font.

Features And Options:

  • Supports more than 200+ popular social icons.
  • Drag and drop for icon sorting.
  • Option to easily change icon size.
  • Supports square, rounded and greyscale background.
  • Shortcode to render the icons on page, post.
  • Different icon grouping for different location on your site.
  • More features coming on updates.
  • Социальные иконки Widget Form
  • Социальные иконки Data Panel
  • Социальные иконки Admin Panel
  1. Install the plugin either via the WordPress.org plugin directory, or by uploading the files to your server (in the /wp-content/plugins/ directory).
  2. Activate the ThemeGrill Demo Importer plugin through the ‘Plugins’ menu in WordPress.
Automatic installation

Automatic installation is the easiest option as WordPress handles the file transfers itself and you don’t need to leave your web browser. To do an automatic install of Social Icons, log in to your WordPress dashboard, navigate to the Plugins menu and click Add New.

In the search field type “Social Icons” and click Search Plugins. Once you’ve found our demo importer plugin you can view details about it such as the the point release, rating and description. Most importantly of course, you can install it by simply clicking “Install Now”.

Manual installation

The manual installation method involves downloading our social icon plugin and uploading it to your webserver via your favourite FTP application. The WordPress codex contains instructions on how to do this here.

Updating

Automatic updates should work like a charm; as always though, ensure you backup your site just in case.

What is the plugin license?

  • This plugin is released under a GPL license.

Where can I report bugs or contribute to the project?

Bugs can be reported either in our support forum or preferably on the GitHub repository.

Social Icons is awesome! Can I contribute?

Yes you can! Join in on our GitHub repository 🙂

Great but it stretches in some pages like woocommerce checkout.

Just what I was looking for.. Easy to configure and use
Thank you for this amazing plugin

Использую плагин на всех своих сайтах. Все устраивает, ни разу не подводил. Вот бы еще Телеграм добавили….))

Exactly what I need.

But the icons are really outdated (patreon and deviantart uses old icons and gitlab is absent)

other plugin not have line social but this plgin have and they also have shortcode to so perfect, you save my life

Drag and drop reordering of icons is buggy and hides the items.

Посмотреть все 12 отзывов

«Социальные иконки» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

1.7.4 — 08/02/2021
  • Introduce — Shortcode option on editing the Social Icon sets.
  • Tweak — Modify screenshot, banner and icon images on wp.org plugin page to resolve trademark issues.
1.7.3 — 13/01/2021
  • Feature — Option for allowing nofollow relation to social links while using shortcodes.
  • Fix — Social Icons widget save option not triggered properly.
1.7.2 — 20/06/2019
  • Feature — Add option to have the social links nofollow relation.
1.7.0 — 09/01/2018
  • Fix — Support multiple social profile links.
  • Fix — Socicon icon font updated to version 3.6.

See changelog for all versions.

WP SVG Icons — Плагин для WordPress

Возможности

  • Over 490 icons included
  • Create and upload your own custom icons using the custom icon importer
  • Download and import your own custom icon build from IcoMoon
  • Insert Icons Directly Into Posts/Pages/Sidebars
  • No need to write a single line of code
  • Actively under development

New In v3.0 : Shortcode Support

Utilize the newly implemented shortcode to prevent icons from being stripped between the visual and html tabs of the editor!

(fully backwards compatible!)

Basic Plugin Demo

Consider Going Pro For Additional Features!

Pro Features

  • Icon customizer to adjust icon size, color, link and more on the fly without writing any code!
  • Unlimited number of custom icons allowed!
  • Add icons to menu items directly from within the menu edit screen
  • Animate your icons using smooth CSS3 Animations
  • Easily generate an icon container to use on your landing pages (with sweet hover effects)
  • Premium support for any troubles you may run into, or the times you’d like to achieve something more custom
  • Built in widget support for all icons
  • No need to write code or adjust shortcode parameters manually in the pro version
  • Continuously iterated on and under development

Get the premium version now!

Demo Page

Check Out The Plugin Demo Page

I originally created this plugin for my own personal use on client projects. After witnessing the power of this plugin first hand, I wanted to give a little something back to the community who have helped me through the years. The ‘WordPress SVG Icon Set’ is extremely easy for any one to use. Two clicks of the mouse and you have an icon ready to be placed on to your site. These icons are a set of web-fonts, and are extremely scale-able. Meaning they will not degrade in quality the larger they get. Another great feature of this plugin is the ability to use the same icons across all devices. No need to generate Retina specific images for mobile devices. By setting a max-width on the icon, it then becomes responsive. This plugin is also great for developers who use icons on multiple sites and want to avoid the hassle of re-installing
web fonts on to a new server every time. With this plugin its one click and you’re ready to begin working. You can use these any where in your themes.

Special Thanks Goes To:

  • IcoMoon for an amazing base set of free icon’s for use, many in this plugin.
  • Alessio Atzeni for the inclusion of a few ‘Metoicons’ icons in this plugin.
  • PJ Onori for the inclusion of a few ‘Iconic’ icons in this plugin.

and of course

  • Matt Mullenweg for everything he does for the WordPress community. Without him none of this would be possible.

Developing plugins is long and tedious work. If you benefit or enjoy this plugin please take the time to rate and review it, as this will only make future iterations of it better.

Usage Instructions

You have two possible avenues for using the plugin. Head over to the main ‘Default Icon Set’ page to generate a shortcode for your icon, or click the ‘Add Icon’ button from the post or page editor.

The icon shortcode will look like the following:

[wp-svg-icons icon="pencil-2" wrap="span"]

Custom icons utilize ‘custom_icon’ parameter instead of ‘icon’.

It is also extremely simple to change the size of the icon. You can either change the element that the icon is housed in (h2,h3,h4 etc.) or you can utilize the ‘size’ shortcode parameter.

Example:

[wp-svg-icons icon="menu-2" wrap="i" size="3em"]

The above shortcode will set the icon size to 3em. You may also specify ‘px’, ‘%’ or ‘rem’ as the font size.

Additionally you can easily change the icon color as well, using the ‘color’ parameter.

Example:

[wp-svg-icons icon="menu-2" wrap="i" color="#2ECC4B"]

You may also use hex, rgb or rgba values.

Example:
[wp-svg-icons icon=»menu-2″ wrap=»i» color=»rgba(45, 223, 78, 0.28)»]

The above two example shortcodes would set the color of the icon to a light green.

Additionally you can add custom classes to your icon through the use of the class shortcode parameter.

Example:
[wp-svg-icons icon=»menu-2″ wrap=»i» class=»custom-icon icon-class testing-custom-icon-class»]

The resulting HTML would look like :

Adding custom classes to your icon allows you to more easily target singular icons via CSS. This is helpful for adding hover fades, or simple CSS animations to an icon.

All Shortcode Parameters:

  • icon — the name of the icon you want this shortcode to generate
  • wrap — set the element your icon will be housed in (div, span, h2, h3 etc.)
  • class — assign additional classes to your icon. awesome for targeting your icons more easily.
  • size — alter the size of the icon regardless of the container (px, em, rem, %)
  • icon — assign a default icon
  • custom_icon — assign a custom icon
  • link — link the icon to a page or post
  • new_tab — open the link in a new tab
  • color — alter the color of the icon (hex, rgb, rgba)

Icomoon Icon Font Importer

Note: The number of custom icons allowed in the free version is limited to 10 icons. If you require more than 10 custom icons on your site, please upgrade to the pro version to allow for an un-restricted number of icons to be used on your site.

We’ve listened to your feature requests, and after many hours behind the keyboard developing, we’re pleased to announce our newest addition to WP SVG Icons.

Now, you’re no longer limited to the icons that come pre-packaged with the plugin. Create an unlimited number of custom icon combinations and start using them on your site in a matter of minutes.

Check out the demo page for icon examples, the icon playground and code samples before downloading.

Social Иконки Widget & Block by WPZOOM — Плагин для WordPress

⭐️ Social Icons Widget PRO NOW AVAILABLE! ⭐️

Did you find this plugin helpful? Please consider leaving a 5-star review.

View Demo

Social Icons Widget & Block helps you to add quickly icons with links to your profiles from different social networks. The plugin includes several icon sets, which gives you the possibility to use the widget for more than just linking to your social media profiles. You can use generic icons to add links to anything you want.

With the help of WPZOOM’s excellent Social Icons Widget plugin, you can link to all your social network profiles in no time, letting your visitors easily get in touch with you on all social media channels.
⭐️⭐️⭐️⭐️⭐️
Read WPKlik’s review of this plugin: A Complete Guide to Social Icons Widget

⭐️ PRO FEATURES ⭐️
  • Upload your SVG icons — 🆕
  • Load icons in SVG format — 🆕
  • Create your own custom icon set
  • Outstanding performance
  • Premium Support
  • and many new features coming soon!

⭐️ Get the PRO version! ⭐️

What’s new in 4.0.0
  • NEW: Gutenberg Block
  • New icon styles in the new Social Icons Block
  • New options to customize your icons: change margin, padding, alignment, roundness etc.
What’s new in 3.0.0
  • Added Global Color Picker to change the color of all icons
  • Added a new color picker to change hover color on all icons
  • Icons are now grouped in categories
What’s new in 2.2.0
  • Added Padding and Size options for icons
  • Added support for Skype links (skype:username)
What’s new in 2.1.0
  • Search Icons by keywords
  • FontAwesome Icon Set Integration
  • Updated Instagram Icon
What’s new in 2.0
  • Support for custom icons
  • Color picker for each icon
  • 3 Icon Sets from which you can choose more than 400 icons
Где я могу посмотреть демо?

You can view the widget live in all our themes at WPZOOM.

View Demo & Examples
Возможности:
  • Gutenberg Block — NEW
  • 100+ Sites/Social Networks supported
  • 400+ Custom Icons
  • 5 Icons Sets
  • FontAwesome Integration
  • Academicons Integration: 38 academia icons for academics
  • Drag & Drop Icons
  • Color Picker
  • Search by keywords
  • Adjust icon size & padding
  • 2 Styles: Icon Shape and Icon with Background
  • 3 Background Styles: Rounded Corners, Round, Square
  • Retina Ready Icons
  • Supports email addresses (mailto:[email protected])
  • Supports Telephone numbers (tel:12345)
  • Supports Skype (skype:username?call)
  • Supports Viber (viber://add?number=123456)
  • Поддержка WhatsApp (https://api.whatsapp.com/send?phone=15551234567)
Иконки

Icons are provided by socicon icon font.

Twitter, Facebook, Google+, Instagram, Pinterest, Snapchat, Skype, Yelp, Feedburner, LinkedIn, Bloglovin’, Lookbook, Feedly, Periscope, SoundCloud, Spotify, Last.fm, YouTube, Vimeo, Vine, Flickr, 500px, Tumblr, Blogger, Reddit, Dribbble, Envato, Behance, DeviantArt, GitHub, RSS, Disqus, Stackoverflow, Komoot, Tiktok, Mailchimp, Podcasts, Telegram and many others.

Credits

Social Icons are provided by socicon icon font.

Academicons are provided by James Walsh.

GDPR COMPLIANCE

Social Icons Widget does not collect any information from your visitors, therefore it’s 100% GDPR compliant.

Get Involved

Looking to contribute code to this plugin? Go ahead and fork the repository over at GitHub.

Плагины WordPress для установки favicon для браузеров

Плагины WordPress для установки favicon

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

Стоит отметить, что с развитием WordPress практически все авторы тем стали добавлять инструмент создания favicon в настройки тем.

На сайте я уже писал статью, как установить  favicon сайта WP при помощи вставки кодов в шаблон темы.  В этой статье предложу несколько плагинов для создания иконок вашего сайта WordPress.

Плагин FavIcon Switcher

Страница плагина: https://ru.wordpress.org/plugins/favicon-switcher/. Данный плагин не тестировался с последними 3 значительными выпусками WordPress.

При помощи плагина FavIcon Switcher вы сможете установить несколько иконок для различных функциональных страниц.

  • Можно поставить favicon по умолчанию на весь сайт,
  • Можно установить отдельную иконку для admin панели,
  • Для страниц с любыми выбранными словами, находящимися в URL страниц.

Количество иконок не ограничено. Работает  плагин на основе правил созданных URL match (может найти URL-адрес в тексте, с протоколом или без него). Локализован для русского языка частично. Картинки для иконок загружаются в папку: /wp-content/uploads/favicon/

Установка плагина FavIcon Switcher

Установите плагин любым доступным способом:

  1. На вкладке Плагины→Добавить новый, найти плагин по слову и последовательно нажать на кнопки: Установить и Активировать.
  2. Скачать плагин со страницы плагина в WordPress.org, загрузить скаченный архив на сайт через Добавить плагин→Загрузить в меню «Плагины» и активировать плагин;
  3. Скачать плагин со страницы плагина в WordPress.org. Распаковать архив и загрузить все папки плагина на сайт в папку wp-content/plugins. Затем, активировать плагин в меню Консоль→Плагины→Установленные.

Настройка плагина Favicon Switcher

Для настройки плагина FavIcon Switcher нужно войти на вкладку Плагины→Установленные. Найти строку с плагином FavIcon Switcher и нажать «Настройки».

В настройках плагина есть несколько пунктов для выбора места устанавки фавикона. Первый пункт по умолчанию иконка на весь сайт. В других пунктах можно установить другие иконки для отдельных страниц. Сиснтаксис настроек следующий:

  1.  .*\/wp-admin\/.* — favicon для административной панели;
  2. .*category.* -favicon для страниц со словом category;
  3. .*slovo.*— favicon для страниц, в адресе которой есть слово “slovo”.

Плагин All In One Favicon

Официальная страница плагина All In One Favicon на WordPress.org (https://wordpress.org/extend/plugins/all-in-one-favicon/).

Плагин All In One Favicon создает и размещает любые картинки форматов ico, png, gif в качестве иконок вашего сайта. Определены два места размещения иконок: на фронтальной (общедоступной) части сайта и в admin панели сайта.

Загружать картинки для иконок можно как по URL картинки, так и непосредственно с вашего (локального) компьютера. Размер картинки не имеет значение. Плагин русифицирован не полностью. Картинки для иконок загружаются в папку: /wp-content/uploads/Год /Месяц

Год и Месяц в патче это папки загрузки всех фото сайта, если вы поставили галочку в настройках Параметры >>>Медиафайлы.  

Устанавливается плагин  любым из возможных способов установки плагинов. После установки не забудьте плагин активировать.

Настройка плагина All In One Favicon

Для настройки плагина необходимо войти: Консоль→Параметры→ All In One Favicon. В открывшемся окне загружаем нужные картинки для favicon сайта, и, конечно же, сохранить все сделанные изменения.

Еще плагины WordPress для установки favicon.

Favicon by RealFaviconGenerator

Страница плагина: https://ru.wordpress.org/plugins/favicon-by-realfavicongenerator/

Этот уникальный плагин создает динамический фавикон для любого браузера и любой платформы, включая Windows 8 и платформы для мобильных устройств.

Создавайте и настраивайте иконку сайта для настольных браузеров, iPhone / iPad, устройств Android, планшетах Windows 8 и других. За считанные секунды создайте иконку, которая отлично смотрится на всех основных платформах.

Custom Favicon

Страница плагина: https://ru.wordpress.org/plugins/custom-favicon/. Плагин обновлялся в начале 2015 года и плагин не тестировался с последними 3 значительными выпусками WordPress.

Простой плагин для генерации и добавления пользовательского фавикона для сайта WordPress.

Вывод

Как всегда WordPress предлагает два принципиальных варианта выполнения задачи. В данном случае была задача сделать favicon для сайта. Можно установить favicon вставив код в шаблон сайта (об этом читать в отдельной статье — ссылка вверху) или использовать плагины WordPress для установки favicon.

Свежие плагины

Еще плагины WordPress для установки favicon, протестированный на версии WP 4.9.5.

Genie WP Favicon

  • https://ru.wordpress.org/plugins/genie-wp-favicon/

Very Simple Favicon Manager

  • https://ru.wordpress.org/plugins/very-simple-favicon-manager/

azurecurve Multisite Favicon

  • https://ru.wordpress.org/plugins/azurecurve-multisite-favicon/

PWD WP Favicon

  • https://ru.wordpress.org/plugins/pwd-wp-favicon/

©www.wordpress-abc.ru

Другие статьи раздела: Плагины

Похожие посты:

Похожее

Favicon WordPress — 4 способа установить фавикон на сайт

Что такое favicon, почему плохо, если он отсутствует?

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

Фавикон (от английского словосочетания favorite icon) – это маленькая квадратная картинка, которая визуально представляет ваш сайт и отображается в ярлыках страниц в браузере, в закладках на страницу, и в адресной строке рядом с именем сайта. Правильно подобранный фавикон соответствует логотипу сайта или тематике информации, которая на нем содержится. При взгляде на фавикон пользователь должен безошибочно определять ваш сайт среди остальных, даже не видя его названия. Наш фавикон в закладке браузера выглядит так:

В качестве формата файла для фавикона в современных браузерах используются ico, png или gif. Некоторые браузеры поддерживают загрузку иконки в формате jpg, а Opera и Firefox могут отображать анимированный gif. Картинка фавикона бывает разных габаритов, обычно применяются размеры 16×16, 32×32, 48×48, 64×64, 128×128 или 512×512 пикселей. Для сайтов, предназначенных для просмотра на мобильных устройствах, размер иконки может отличаться.

Как сделать фавикон для сайта онлайн?

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

Например, favicon.ru предлагает выбрать цвет, создать картинку на квадратном поле и сохранить ее на свой компьютер.

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

Поставить favicon средствами ВордПресс

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

  1. В меню «Внешний вид» войдите в пункт «Настроить» и выберите «Свойства сайта».
  2. В предложенном списке действий можно настроить отображение иконки сайта. Нажмите кнопку «Выбрать изображение» и загрузите файл с нужной картинкой.
  3. Чтобы применить настройку к сайту, нажмите кнопку «Сохранить и опубликовать». Убедитесь, что на ярлыке страницы в браузере появился фавикон.

Вставить фавикон используя возможности WordPress шаблона

В некоторых темах WordPress заложена дополнительная возможность по установке иконки сайта.

  1. Войдите в меню «Внешний вид» и выберите пункт «Настроить».
  2. Дальнейший путь к настройкам зависит от используемого шаблона. Как правило, фавикон устанавливается в общих настройках темы. Найдите соответствующую команду и загрузите файл с картинкой.
  3. Не забудьте подтвердить изменения нажатием кнопки «Сохранить и опубликовать».

Добавить в файл header.php

Если не удалось установить фавикон встроенными средствами WordPress, использование иконки для сайта можно напрямую прописать в файле заголовка header.php. Для внесения изменений в этот файл используйте редактор кода, например, встроенный редактор WordPress.

  1. С помощью файлового менеджера подключитесь к серверу хостинга и скопируйте в корневую директорию вашего сайта подготовленный файл с именем favicon.
  2. В админке WordPress зайдите в меню «Внешний вид» (1) и выберите пункт «Редактор» (2).
  3. В списке шаблонов откройте файл заголовка header.php (3).
  4. После открывающего тегавставьте строку (4), в которой проверьте формат загруженного файла с иконкой (png или другой), при необходимости замените на свой вариант.
  5. Нажмите кнопку «Обновить файл» (5), чтобы применить иконку к сайту.

Установка favicon используя плагин Favicon by RealFaviconGenerator

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

В меню «Плагины» выберите пункт «Добавить новый». Найдите, установите и активируйте плагин Favicon by RealFaviconGenerator. Затем зайдите в меню «Внешний вид» (1), после установки плагина в нем появится пункт Favicon (2) для загрузки иконки. Нажмите кнопку «Выберите из библиотеки мультимедиа» (3) и укажите расположение файла с иконкой на вашем компьютере. Нажмите кнопку «Генерировать favicon» (4).

Из админки WordPress вас перебросит на официальный сайт плагина, где вы сможете настроить способ отображения иконки (5) для нового или работающего сайта, указать алгоритм сжатия и масштабирования картинки.

Внесите изменения при необходимости и нажмите кнопку генерации фавикона (6). После этого вы снова вернетесь в админ-панель, а плагин автоматически установит выбранный фавикон.

Почему лучше установить без использования плагина?

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

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

iPipe – надёжный хостинг-провайдер с опытом работы более 15 лет.

Мы предлагаем:

WP SVG Icons — плагин для WordPress

Характеристики

  • Включено более 490 иконок
  • Создавайте и загружайте свои собственные значки с помощью средства импорта настраиваемых значков
  • Загрузите и импортируйте свою собственную сборку значков из IcoMoon
  • Вставка значков непосредственно в сообщения / страницы / боковые панели
  • Не нужно писать ни единой строчки кода
  • Активно в разработке

Новое в версии 3.0: поддержка коротких кодов

Используйте недавно реализованный шорткод, чтобы предотвратить разделение значков между визуальными и HTML-вкладками редактора!

(полная обратная совместимость!)

Базовая демонстрация плагина

Подумайте о том, чтобы стать профессионалом для дополнительных функций!

Pro Функции

  • Средство настройки значков для настройки размера, цвета, ссылок и других параметров на лету без написания кода!
  • Разрешено неограниченное количество пользовательских иконок!
  • Добавление значков в пункты меню прямо из экрана редактирования меню
  • Анимируйте значки с помощью плавной анимации CSS3
  • Простое создание контейнера значков для использования на целевых страницах (с эффектом приятного наведения)
  • Премиум-поддержка для любых проблем, с которыми вы можете столкнуться, или когда вы хотите добиться чего-то более нестандартного
  • Встроенная поддержка виджетов для всех иконок
  • Нет необходимости писать код или настраивать параметры шорткода вручную в версии pro
  • Постоянно дорабатывается и разрабатывается

Получите премиум-версию прямо сейчас!

Демо-страница

Ознакомьтесь с демонстрационной страницей плагина

Изначально я создал этот плагин для личного использования в клиентских проектах.Убедившись в мощи этого плагина на собственном опыте, я хотел немного подарить сообществу, которое помогало мне на протяжении многих лет. «Набор иконок WordPress SVG» чрезвычайно прост в использовании. Два щелчка мыши — и у вас есть значок, который можно разместить на вашем сайте. Эти значки представляют собой набор веб-шрифтов и очень масштабируемы. Это означает, что они не будут ухудшаться по качеству, чем больше они станут. Еще одна замечательная особенность этого плагина — возможность использовать одни и те же значки на всех устройствах.Нет необходимости создавать изображения Retina для мобильных устройств. Если установить максимальную ширину значка, он станет отзывчивым. Этот плагин также отлично подходит для разработчиков, которые используют значки на нескольких сайтах и ​​хотят избежать хлопот, связанных с переустановкой веб-шрифтов
каждый раз на новый сервер. С помощью этого плагина достаточно одного щелчка мыши, и вы готовы начать работу. Вы можете использовать их где угодно в своих темах.

Особая благодарность отправляется:

  • IcoMoon за потрясающий базовый набор бесплатных значков для использования, многие из которых присутствуют в этом плагине.
  • Alessio Atzeni за включение нескольких значков «Metoicons» в этот плагин.
  • PJ Onori за добавление нескольких «Iconic» значков в этот плагин.

и конечно

  • Мэтту Малленвегу за все, что он делает для сообщества WordPress. Без него все это было бы невозможно.

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

Инструкция по эксплуатации

У вас есть два возможных пути использования плагина. Перейдите на главную страницу «Набор значков по умолчанию», чтобы сгенерировать шорткод для своего значка, или нажмите кнопку «Добавить значок» в редакторе публикации или страницы.

Шорткод значка будет выглядеть следующим образом:

  [wp-svg-icons icon = "Pencil-2" wrap = "span"]
  

Пользовательские значки используют параметр «custom_icon» вместо «icon».

Также очень просто изменить размер значка.Вы можете либо изменить элемент, в котором находится значок (h2, h3, h4 и т. Д.), Либо использовать параметр шорткода «размер».

Пример:

  [wp-svg-icons icon = "menu-2" wrap = "i" size = "3em"]
  

Приведенный выше шорткод устанавливает размер значка 3em. Вы также можете указать «px», «%» или «rem» в качестве размера шрифта.

Кроме того, вы также можете легко изменить цвет значка, используя параметр «цвет».

Пример:

  [wp-svg-icons icon = "menu-2" wrap = "i" color = "# 2ECC4B"]
  

Вы также можете использовать значения в шестнадцатеричном формате, rgb или rgba.

Пример:
[wp-svg-icons icon = ”menu-2 ″ wrap =” i ”color =” rgba (45, 223, 78, 0,28) ”]

Два приведенных выше примера коротких кодов устанавливают светло-зеленый цвет значка.

Кроме того, вы можете добавлять пользовательские классы к своему значку с помощью параметра шорткода класса.

Пример:
[wp-svg-icons icon = ”menu-2 ″ wrap =” i ”class =” custom-icon icon-class testing-custom-icon-class ”]

Итоговый HTML-код будет выглядеть так:

Добавление пользовательских классов к значку позволяет более легко настраивать таргетинг на отдельные значки с помощью CSS.Это полезно для добавления к значку затухания при наведении или простой CSS-анимации.

Все параметры шорткода:

    Значок

  • — имя значка, который вы хотите, чтобы этот шорткод генерировал
  • wrap — установите элемент, в котором будет размещен ваш значок (div, span, h2, h3 и т. Д.)
  • class — назначьте дополнительные классы вашему значку. отлично подходит для более легкого нацеливания ваших значков.
  • size — изменить размер значка независимо от контейнера (px, em, rem,%)
  • Значок

  • — назначить значок по умолчанию
  • custom_icon — назначить собственный значок
  • Ссылка

  • — привязать иконку к странице или посту
  • new_tab — открыть ссылку в новой вкладке
  • color — изменить цвет иконки (hex, rgb, rgba)

Icomoon Icon Font Importer

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

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

Теперь вы больше не ограничены иконками, которые поставляются в комплекте с плагином. Создайте неограниченное количество пользовательских комбинаций значков и начните использовать их на своем сайте за считанные минуты.

Перед загрузкой ознакомьтесь с демонстрационной страницей с примерами значков, игровой площадкой для значков и примерами кода.

Web Icons — плагин для WordPress

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

Доступная библиотека значков
  • Font Awesome (fontawesome) : Font Awesome предоставляет масштабируемые векторные иконки, которые можно мгновенно настраивать — размер, цвет, тень и все, что можно сделать с помощью CSS.
  • Fontello : Эта библиотека позволяет комбинировать веб-шрифты с иконками для вашего собственного веб-проекта.
  • IcoMoon : IcoMoon стремится создать и предоставить лучший инструмент для иконографии и управления иконками для перфекционистов. В библиотеке значков IcoMoon представлены только самые лучшие из имеющихся наборов значков.
  • Open Iconic : Open Iconic является братом Iconic с открытым исходным кодом. Это гипер-разборчивый набор из 223 значков с крошечным размером, готовый к использованию с Bootstrap.
  • WordPress Dashicons : Dashicons является официальным шрифтом значков администратора WordPress начиная с 3.8.
  • Google Material Fonts : Значки материалов красиво созданы, восхитительны и просты в использовании в Интернете.
  • JustVector Social Icons : эти 150 монохромных социальных иконок разработаны с учетом простоты. Предоставляемые в векторном формате, они полностью редактируются и легко масштабируются до любого размера.
  • Платежные шрифты : PaymentFont изначально был создан для плагина WooCommerce Payment Methods для WordPress и WooCommerce.

Рекомендуемые плагины

Следующие плагины рекомендуются автором:

  • Плагин Best Gallery — Easy Media Gallery — плагин для wordpress, предназначенный для отображения различной поддержки мультимедиа, включая сетку галереи, галереи, фотоальбом, несколько фотоальбомов, портфолио, фото галерею или галерею изображений.
  • Плагин

  • Best Image Slider — Easy Image Slider Widget — отображение вашего изображения в виде слайдера в области виджета / боковой панели с очень легким. Позволяет настроить его так, чтобы он выглядел именно так, как вы хотите.
  • Best Contact Form Plugin — Лучший плагин для контактной формы за считанные минуты.
  • Плагин

  • Instagram — Плагин Instagram — очень легко отображайте ваши медиа-материалы в Instagram в виде галереи каменной кладки на сайте WordPress.
  • Лучший плагин для всплывающих окон — лучший плагин для уведомлений и форм подписки для очень простого, красивого и элегантного отображения всплывающего окна с уведомлением, объявления и формы подписки.
  • Best Image Carousel — плагин WordPress с сенсорным управлением, который позволяет создавать красивую адаптивную карусель изображений.
  • Best Gallery Lightbox — Галерея Lightbox — отображает все изображения галереи в слайдере лайтбокса всего за несколько секунд.
  • На бэкэнде
  • На бэкэнде
  • На фронтенде
Для автоматической установки:

Самый простой способ установки — нажать «Плагины», затем «Добавить» и ввести «значок» в поле поиска.

Для ручной установки 1:
  1. Войдите на свой сайт и перейдите в раздел «Плагины» на панели администратора.
  2. Нажмите кнопку «Добавить».
  3. В разделе «Установить плагины» щелкните ссылку «Загрузить».
  4. Выберите zip-файл подключаемого модуля (icon.x.x.x.zip) на своем компьютере, затем нажмите кнопку «Установить сейчас».
  5. Вы должны увидеть сообщение об успешной установке плагина.
  6. Щелкните ссылку Активировать подключаемый модуль.
Для ручной установки 2:
  1. У вас должен быть доступ к серверу, на котором установлен WordPress. Если нет, обратитесь к системному администратору.
  2. Скопируйте zip-файл плагина (icon.zip) на свой сервер и распакуйте его где-нибудь в файловой системе.
  3. Скопируйте папку «icon» в каталог / wp-content / plugins вашей установки WordPress.
  4. Войдите на свой сайт и перейдите в раздел «Плагины» на панели администратора.
  5. Найдите «значок» и нажмите «Активировать».

Как использовать плагин Icon?

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

Как мне получить поддержку?

  • Мы не можем предоставить ничего, кроме поддержки плагина Icon на уровне сообщества.

Как мне сказать спасибо?

  • Просто порекомендуйте наш плагин своим друзьям! или
  • Если вы действительно любите плагин Icon, любое пожертвование будет признательно! Это помогает продолжить разработку и поддержку плагина.
    А если серьезно, я просто хочу выпить кофе бесплатно, так что помогите разработчику.Вы можете использовать эту ссылку Пожертвовать плагину Icon.

Для этого плагина нет обзоров.

«Web Icons» — программное обеспечение с открытым исходным кодом. Следующие люди внесли свой вклад в этот плагин.

авторов

1.0.0.7
  • Исправлено: устаревший хук media_buttons_context
  • Обновление

  • : совместимость с WordPress 5.7
1.0.0.5
  • Исправлено: проблема с языком RTL
1.0.0.3
  • Исправлено: исчезла кнопка генератора коротких кодов в редакторе Гутенберга (версия WP 5+)
1.0,0.1
  • Обновление: совместимость с WordPress 4.8
  • Новые шрифты из Google Material Fonts
  • Новая страница справки
  • Теперь вы можете установить средний или нормальный размер значка
  • Исправлено положение значка Dashicons
  • Возможность редактировать текущий значок одним щелчком мыши. См. На странице справки.
1.0.0.0
  • Это стартовая версия. Пока без изменений.

Список 10 лучших плагинов WordPress Icon в 2021 году

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

Коллекция из 200+ бесплатных шаблонов Joomla, поддержка Joomla 3.9.x и Joomla 4 Список из 300+ лучших бесплатных тем WordPress, совместимость с WooCommerce, поддержка Elementor!

Один из лучших способов вставить значки социальных сетей на ваш сайт — это использовать плагин WordPress Icon. Поэтому в этой коллекции мы предлагаем вам лучший плагин WordPress Icon, который может быть вам полезен.

Роль плагина WordPress Icon на вашем сайте

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

Top Best WordPress Icon Plugin

Кнопки общего доступа и значки социальных сетей

Этот плагин значков WordPress позволяет вставлять значки общего доступа для многих социальных сетей, таких как электронная почта, Facebook, Twitter, Instagram, Youtube и т. Д.Кроме того, вы можете загрузить множество пользовательских значков для общего доступа, которые захотите. Это также дает вашим клиентам возможность подписаться на ваш блог через электронную почту.

Предоставляемые функции:

  • 16 различных дизайнов значков для ваших социальных сетей
  • Разрешить посетителям подписаться на ваш блог по электронной почте
  • Дайте несколько действий одному значку для обмена в социальных сетях
  • Добавьте «счетчики» в свою социальную сеть кнопки мультимедиа
  • Выберите из множества других функций настройки
  • Выберите отображение всплывающего окна
  • Сделайте значки социальных сетей «плавающими» или «липкими»

Основные моменты:

  • Хороший и полезный плагин
  • Превосходно
  • Хороший интерфейс

Виджет социальных иконок от WPZOOM

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

Предоставляемые функции:

  • Глобальная палитра цветов
  • Новая палитра цветов
  • Поиск значков по ключевым словам
  • Интеграция набора значков FontAwesome
  • Обновленный значок Instagram
  • Поддержка пользовательских значков
  • Выбор цвета для каждой иконки

  • 3 набора значков
  • Значки теперь сгруппированы по категориям

Основные характеристики:

  • Простой и легкий в использовании
  • Безопасный и легкий
  • Красивый

Значки социальных сетей и кнопки социальных сетей

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

Предоставляемые функции:

  • Несколько действий для одной кнопки социальных сетей
  • 16 стильных стилей дизайна
  • Широкий спектр платформ для социальных сетей
  • Добавление счетчиков к кнопкам общего доступа
  • Выбор из множества других функций настройки
  • Разрешите посетителям подписаться на ваш сайт
  • Дайте вашим кнопкам социальных сетей анимацию
  • И так далее.

Особенности:

  • Простота установки
  • Очень полезно
  • Отличное приложение

Пользовательские значки для Elementor

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

Предоставляемые функции:

  • Добавьте неограниченное количество значков на свой веб-сайт
  • Пакеты шрифтов Fontello
  • Просмотрите значки в каждом загруженном пакете
  • При необходимости удалите отдельные пакеты
  • Используйте значки где угодно
  • Добавьте собственные шрифты значков
  • Сторонний сервис для его функциональности

Особенности:

  • Отличная работа
  • Довольно просто
  • Великолепно

Menu Image, Icons made easy — это эффективный плагин кнопок меню WordPress, который можно использовать для вставки фотографий и значков в пункты меню.Благодаря этому вы также можете создать красивое меню веб-сайта, а также легко добавить изображения в виде значков в любое место на вашем сайте.

Предоставляемые функции:

  • Скрыть заголовок.
  • Добавление изображения / значка в любое место на сайтах
  • Переключение изображений / значков с помощью мыши над пунктом меню
  • Управление положением изображения или значка

Выделение :

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

Предоставляемые функции:

  • Dashicons (значки ядра WordPress)
  • Неуловимые значки от Аристидеса Статопулоса
  • Font Awesome от Дэйва Ганди
  • Набор значков TI Icons от ThemeIsle
  • Изображение (вложения)
  • (вложения)
  • Foundation Icons от Zurb
  • Genericons от Automattic
  • пакетов значков Fontello

Highlights:

  • Простота использования
  • Beautiful
  • Всегда надежный

9000 Icon Widget

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

Предоставляемые функции:

  • Font Awesome 4 и 5
  • Line Awesome
  • Выберите размер, цвет и выравнивание текста
  • Ionicons
  • Streamline Icons
  • Создайте новый виджет WordPress ET
  • Иконки

Основные характеристики:

  • Экономия времени
  • Простота управления
  • Отличная работа

Социальные иконки

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

Предоставляемые функции:

  • Поддерживает более 200+ популярных значков социальных сетей
  • Перетаскивание для сортировки значков
  • Возможность простого изменения размера значков
  • Шорткод для отображения значков на странице, размещение
  • Другой значок группировка для другого местоположения на вашем сайте
  • Дополнительные функции появятся в обновлениях
  • Поддерживает квадратный, закругленный и серый фон

Основные :

  • Хороший плагин
  • Отличный плагин
  • Настоятельно рекомендуется

WP SVG Иконки

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

Предоставляемые функции:

  • Включено более 490 значков
  • Создание и загрузка собственных пользовательских значков
  • Нет необходимости писать одну строку кода
  • Активно в разработке
  • Загрузить и импортировать пользовательский значок
  • Вставить значки напрямую В сообщения / страницы / боковые панели

Основные моменты :

  • Dependable little
  • Smoothly
  • Fantastic plugin

Lightweight Social Icons

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

Предоставляемые функции:

  • Выберите свой заказ
  • Размер значка
  • Радиус границы
  • Цвет текста / значка при наведении
  • Открытие ссылок в новом окне
  • Включение / отключение всплывающих подсказок
  • Выравнивание
  • значков
  • Цвет фона

  • Цвет текста / значка
  • Цвет фона при наведении

Основные моменты:

  • Отлично
  • Простая установка
  • Простая стилизация

Заключение

Мы надеемся, что эта коллекция будет вам полезна .Если у вас есть какие-либо вопросы, не стесняйтесь оставлять комментарии ниже. И если вы сочтете это полезным, не забудьте поделиться им с друзьями!

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

Мой товар не включили? => Свяжитесь с нами, чтобы разместить ваш товар и увеличить количество загрузок!

  • Всем привет! Меня зовут Кельвин (Ту Во), я основатель и директор по маркетингу в Ltheme. У меня более 10 лет в Joomla! И разработка WordPress , более 4 лет в цифровом маркетинге, SEO специалист .Каждый день я веду несколько блогов для Joomla! и WordPress, поддержите всех в создании веб-сайтов красоты на основе этой CMS, помогите всем из Совета поддержки Joomla в качестве гуру Joomla в поддержке форума. Вы можете связаться со мной на странице контактов (название: @Kelvin) или в моем личном профиле в социальной сети Facebook | LinkedIn.

Вы веб-фрилансер или веб-дизайнерская компания? Присоединяйтесь к нашему клубу и получите доступ к нашему ресурсу!

500+ Премиум Joomla! и темы WordPress всего $ 8,70 / месяц, пакет Quickstart (фиктивный) включен, неограниченное количество доменов!

5+ иконок WordPress Плагины 2021

Изображение письменного файла или документа с соответствующим изображением — это то, что я понимаю под словом «значок».Проще говоря, значок — это способ обозначения.

Поскольку это, очевидно, более простой способ продемонстрировать все детали, он также занимает минимум места!

У вас должно быть соответствующее изображение для использования в качестве значка. Чем ярче значок, тем вы умнее. Например, значок Instagram — это фотоаппарат … потому что Instagram предназначен исключительно для изображений.

Думаю, первое впечатление будет правильным термином.



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

Посмотрите и некоторые из наших самых читаемых блогов здесь !!


1. WP SVG Icon Pro

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



Стоимость

Покупка Icon Pro делится на три типа лицензий.

  1. Персональная лицензия — 29,00 $
  2. Бизнес-лицензия — 69,00 долларов США
  3. Лицензия разработчика — 139 долларов США

Характеристики

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

Подробности здесь


2. Плавающие значки социальных сетей

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



Стоимость

Вы можете воспользоваться этим плагином всего за 24,49 доллара США с 30-дневной гарантией возврата денег.

Характеристики

  • Вы можете выбрать значок из более чем 20 стилей / тем значков.
  • Если выбрано автоматическое отображение значка социальных сетей, значки будут перемещаться от верхнего левого угла к нижнему правому углу страницы.Он останется там плавающим.
  • Если пользователь хочет настроить параметры отображения, виджет социальных сетей, шорткод, PHP-код легко сделает это за вас.
  • Также можно определить функцию значков. Затем эти значки перенаправят вас в профиль в социальной сети.

Подробности здесь


3. Плагин WordPress Iconize

Плагин

Iconize WordPress лучше всего подходит для добавления значков, которые занимают очень мало места, но при этом обеспечивают полное значение.Этот плагин включает почти 2000 иконок размером 16x пикселей. Вам просто нужно выбрать (виртуально), настроить и отредактировать значки.



Стоимость

Получите обычную лицензию на этот плагин всего за 18 долларов и расширенную лицензию за 90 долларов.

Характеристики

  • Плагин позволяет преобразовывать значки, например, вращение, эффект перекоса, сжатие и так далее.
  • Значки также могут быть добавлены в следующие области — пункты меню, заголовки виджетов, теги категорий и пользовательские термины таксономии.
  • Этот плагин дает возможность использовать редакторы. Кроме того, он помогает настраивать значки, например редактировать существующие значки, комбинировать два значка и т. Д.
  • Позволяет использовать различные типы эффектов наведения для значка, такие как пульс, увеличение, отражение и т. Д.

Подробности здесь


4. Анимированные значки браузера SVG — плагин WordPress

Лучший способ сообщить клиентам, что их приложение или игра совместима с основными браузерами, — это разместить их значки.просто!

И этот плагин, будучи мастером в этом деле, обеспечивает идеальное разрешение масштабируемых значков. Он управляет анимацией значков только тогда, когда они появляются на экране.



Стоимость

Купите обычную лицензию на этот плагин по минимальной цене 7 долларов США с поддержкой в ​​течение 12 месяцев за 1,13 доллара США.

Характеристики

  • Текстовый редактор WordPress, визуальный композитор и шорткоды помогают очень легко добавлять значки.
  • Разрешение значков остается идеальным с форматом SVG, что означает, что даже при изменении размера значков они не будут размываться.
  • Назначить свойства значку очень просто.
  • Это делается в 4 простых шага — значок, размер, ссылка, поле.

Подробности здесь


5. Icons2go — Иконка Шрифт меню WordPress

Плагин

Icons2go предоставляет гигантский набор из 1000+ отличительных значков. Эти значки можно использовать для любого случая, например развлечений, природы, спорта, технологий, путешествий и т. Д.Плагин блестяще интегрирует визуальный композитор, предоставляя быстрый и эффективный механизм для создания наборов иконок.



Стоимость

При 6-месячной поддержке и обновлениях вы можете приобрести обычную лицензию за 17 долларов.

Характеристики

  • Этот плагин предоставляет настраиваемые значки с 8 формами, 21 цветом, множеством цветовых комбинаций, 3 выравниваниями, 20 размерами.
  • После того, как пользователь установит плагин, кнопка в текстовом редакторе дает вам быстрый и легкий доступ ко всем наборам значков.
  • Если визуальный композитор недоступен, этот плагин имеет супер-интуитивно понятный редактор значков, который работает с редактором WordPress.
  • Визуальный конструктор шорткодов еще больше упрощает процесс, так как вы можете легко применить шорткод к любому количеству мест, где это необходимо.

Подробности здесь


6. Значки меню от ThemeIsle

При активной установке 100,00+ этот плагин позволяет работать исключительно с пунктами меню.

С помощью нескольких настроек вы можете начать размещать предпочтительные значки в меню. Далее, согласовывая его внешний вид с меню приборной панели.



Стоимость

Вы можете максимально использовать этот плагин, не платя никакой суммы.

Характеристики

  • Плагин значков меню позволяет использовать следующие известные типы значков — дашиконы, неуловимые значки, потрясающий шрифт, основные значки, SVG, изображение, фонтелло, значки TI, общие значки.
  • Этот плагин хорошо работает со многими популярными темами, такими как Twenty Seventeen, Hestia и т. Д.
  • Помимо значков изображений, этот плагин также поддерживает значки SVG.

Подробности здесь


Заключение

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

Есть вопросы или предложения?

Не стесняйтесь комментировать ниже.

СПАСИБО!

7 лучших плагинов для иконок WordPress (2021)

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

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

Например, если вы думаете о значке приложения Google Maps, он символизирует местоположение, а Google Maps предназначен исключительно для карт и местоположений. Кроме того, значки делают ваш сайт информативным и повышают коэффициент кликов. Поэтому вам нужны лучшие инструменты для вставки иконок на ваш сайт.

Теперь давайте посмотрим на 7 лучших плагинов WordPress Icon, которые помогут вам создавать и вставлять красивые значки на ваш сайт.

7 лучших плагинов для иконок WordPress

Виджет и блок социальных иконок от WPZOOM

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

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

Если вы являетесь пользователем блока Гутенберга, у вас хорошие новости. Этот плагин значков WordPress предоставляет вам специальный блок Gutenberg. При желании вы можете настроить поля значка, отступы, выравнивание, округлость и т. Д.

Лучшие характеристики

  • Поддержка Гутенберга
  • Поддержка 400+ социальных сетей
  • Глобальная палитра цветов
  • 5 наборов значков
  • 400+ пользовательских значков
  • Интеграция FontAwesome
  • Настройка значков
  • Значки с поддержкой Retina

Цена: WPZOOM сделал этот плагин бесплатным.Таким образом, вы можете бесплатно скачать плагин из репозитория WordPress.

Мы часто хотим добавить значки к пунктам меню, но не знаем, как это сделать. Значки меню от Themesele — это самый простой способ добавить значки к пунктам меню и сделать его более заметным.

Этот плагин позволяет использовать различные типы значков, такие как Dashicons, FontAwesome, неуловимые значки, SVG, изображения, Fontello, значки TI, Genericons и значки Foundation. Этот плагин совместим практически со всеми темами WordPress.

При использовании плагина вы заметите, что его просто настроить и использовать. После установки и активации плагина вы должны перейти в «Внешний вид», а затем в «Меню».

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

Лучшие характеристики

  • Поддерживает расширение IcoMoon
  • Поддерживает неуловимые значки
  • Значки FontAwesome
  • Значки TI
  • SVG
  • Изображение
  • Fontello
  • Значки Foundation

Цена: Загрузите этот замечательный плагин для иконок WordPress бесплатно.

Иконки WP SVG

Если вы хотите сгенерировать и загрузить пользовательские значки на свой сайт с помощью средства импорта пользовательских значков, вы можете проверить WP SVG Icons. Используя плагин, вы можете добавлять значки к своим сообщениям, страницам или боковым панелям. Самое интересное в этом плагине то, что он позволяет импортировать или загружать пользовательские значки с помощью этого плагина значков wordPress.

Этот плагин WordPress Icon поставляется с версией Pro, которая позволяет создавать неограниченное количество пользовательских значков. Профессиональная версия также предоставляет вам настройщик значков.Настройщик значков позволяет настраивать размер, цвет, ссылку и т. Д. Значка без написания ни одной строчки кода.

Кроме того, вы также можете анимировать свои анимации с помощью анимации CSS3. Он также имеет встроенную поддержку виджетов для всех значков.

Лучшие характеристики

  • 490+ значков
  • Пользовательский импортер значков
  • Адаптивные значки
  • Готовность к работе с несколькими сайтами
  • Поддержка импорта значков IcoMoon
  • Добавляйте значки прямо на свои сообщения, страницы, боковые панели
  • Пользовательские значки SVG (Премиум)
  • (Премиум)
  • Неограниченное количество пользовательских значков (Премиум)
  • Анимация значков (Премиум)
  • Эффекты наведения значков (Премиум)
  • Поддержка виджетов (Премиум)

Цена: Бесплатная версия загружается из репозитория WordPress.Вы должны приобрести плагин для премиум-версии за 23,20 доллара в год за сайт или за 79,20 доллара на всю жизнь.

Добавление значков общего доступа в социальных сетях может значительно улучшить ваш пост. Чем больше доля, тем больше трафика и лучше конверсия. Кнопки обмена в социальных сетях Всплывающие и всплывающие значки обмена в социальных сетях позволяют добавлять значки общего доступа для RSS, электронной почты, Facebook, Twitter, LinkedIn и т. Д.

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

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

Вы можете выбрать дизайн иконок из 20 уникальных дизайнов. Чтобы улучшить вид своих значков, вы можете добавить волшебную анимацию.Вы также можете сделать свои значки плавными или липкими.

Лучшие характеристики

  • Тематические стили дизайна (Премиум)
  • Анимированные иконки
  • Мобильный отзыв (Премиум)
  • Оптимизирован для скорости
  • Плавающие или липкие значки
  • Совместимость с основными конструкторами тем (Премиум)
  • Параметры всплывающих окон
  • Совместимость с WPML
  • Количество репостов в социальных сетях

Цена: Бесплатная версия достаточна для вашего стартапа, и вы можете получить этот плагин бесплатно.Но если вам нужны расширенные функции, такие как 200+ тематических стилей дизайна, адаптивность к мобильным устройствам, расширенные параметры всплывающих окон, приобретите премиум-версию за 29,98 долларов США

Menu Image — еще один лучший бесплатный вариант для добавления изображений или значков в пункт меню. Как и плагин значков WordPress Icon Icons, Menu Image позволяет создавать отличное визуальное меню веб-сайта.

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

Этот плагин также поддерживает иконки FontAwesome и Dashicons. В премиум-версии есть богатые возможности добавления пузыря счетчика и значков уведомлений в пункты меню. Используя премиум-версию, вы даже можете преобразовать элементы меню в кнопки CTA.

Лучшие характеристики

  • Добавить изображение или значок в любое место заголовка пункта меню
  • Иконки FontAwesome
  • Иконки Dashicon
  • Скрыть или показать заголовок
  • Отключить мегаменю на мобильных устройствах (Премиум)
  • Счетчик пузырьков (Премиум)
  • Значок уведомления (Премиум)
  • Преобразует пункты меню в кнопки CTA (Премиум)

Цена: Попробуйте скачать бесплатную версию из репозитория WordPress.Чтобы пользоваться премиум-функциями, купите плагин за 2,90 доллара в месяц.

Социальные иконки

Наконец, Social Icons — еще один популярный плагин значков WordPress, который позволяет отображать популярные значки с помощью шорткодов и виджетов. Он также предоставляет вам параметры настройки для изменения размера значка.

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

Лучшие характеристики

  • Сортировка значков перетаскиванием
  • Поддержка шорткода
  • Квадратный, закругленный и полутоновый фон
  • Переменный размер значка
  • Несколько макетов
  • Удобная настройка с помощью формы виджета

Цена: Вы можете бесплатно скачать этот фантастический плагин для иконок WordPress.

Заключение

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

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

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

Иконки

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

Если этот пост помог вам, подумайте о том, чтобы поделиться им в социальных сетях с друзьями. Не забудьте поделиться своими мыслями об этих плагинах.

2 плагина пользовательских иконок для меню WordPress

Последнее обновление , автор Samriddha

3 лучших плагина пользовательских иконок для WordPress Menu

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

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

Уменьшает показатель отказов: Меню, содержащее значки, будет более заметным для вашей аудитории, что может повысить коэффициент кликов на вашем веб-сайте. Следовательно, это может дольше удерживать посетителей на вашем сайте и снизить показатель отказов.

Повышает удобство использования вашего сайта: Меню навигации со значками выглядит более привлекательно и может иметь более высокий коэффициент нажатия. По этой причине ваш сайт становится более удобным и доступным.

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

Лучший плагин пользовательских иконок для меню WordPress: WP Menu Icons

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

Основные особенности значков меню WP:

  • Дизайн меню со встроенными значками
  • Загрузка и добавление пользовательских значков в меню навигации
  • 10+ готовых шрифтовых иконок для меню
  • 15+ Анимация наведения значков
  • Пользовательские параметры стиля
  • Опции различных позиций меню

Предварительный просмотр значков меню WP в реальном времени Приобретение значков меню WP

Лучший плагин пользовательских иконок для меню WordPress: Awesome Icons

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

Основные особенности потрясающих иконок:

  • 9 шрифтов Great Icon
  • Поддерживает более 2500+ иконок
  • Вставить значки на страницу, в сообщение или в меню
  • Настройка цвета, размера и выравнивания значков
  • Анимационные эффекты
  • Названия значков

Live Preview of Awesome Icons Покупка Awesome Icons

Завершение

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

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

Также проверьте:

WPIcons — Домашняя страница

Простая настройка

WPIcons будет запущено через несколько секунд.Просто установите и активируйте, и вы готовы добавить значки на свой сайт!

Адаптивные иконки

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

490+ иконок в комплекте

WPIcons поставляется в комплекте с более чем 490 высококачественными, отзывчивыми шрифтовыми значками, которые помогут вам начать работу.

Поддержка нескольких площадок

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

Блоки значков

Добавляйте значки к любому сообщению или странице с помощью наших настраиваемых блоков значков WordPress. Быстро обновляйте внешний вид, заменяйте значки с легкостью.

Пользовательские значки SVG

Загрузите пользовательские значки .svg прямо в плагин. Плагин возьмет на себя всю тяжелую работу по установке значков на ваш сайт.

Наборы иконок без извести

Установите неограниченное количество шрифтов или svg-значков и наборов значков с помощью WPIcons Pro — без ограничений!

Настройки значков

Воспользуйтесь нашим встроенным настройщиком значков, чтобы придать вашим значкам индивидуальный вид.Изменяйте цвета, добавляйте анимацию или состояния наведения, конвертируйте значки в ссылки … и многое другое!

Значки меню

Быстро и легко добавляйте любые значки, содержащиеся в WPIcons, в пункты меню. Настройте свое меню, даже не касаясь кода!

Icon Services *

Подключите свой сайт к одним из лучших в мире поставщиков значков, получив доступ к сотням тысяч дополнительных значков .svg.

Полностью интернационализированный

WPIcons готов к переводу на ваш язык.Как всегда, приветствуются переводы!

Скачать наборы иконок

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

Готовность к работе

Тщательно протестированный и созданный с учетом требований скорости, WPIcons отлично работает на всех сайтах; от большого к малому и все, что между ними.

Сделано для WordPress

WPIcons и похоже на WordPress; легко интегрируется.Он находится на вашем (а не на чужом) веб-сайте, поэтому вы полностью контролируете его.

Расширенная документация

У нас есть вся необходимая документация, которая поможет вам быстро приступить к работе. Возникли проблемы? Мы вас прикрыли!

Для разработчиков

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