Social icons widget block by wpzoom как настроить

Плагин социальных кнопок для WordPress – бесплатно и эффективно!

Плагин социальных кнопок для WordPress – Social Icons Widget by Wpzoom

Здравствуйте, уважаемые друзья и гости блога! Прошу прощения, что долго не писал в блоге – был немного занят. Огородный сезон как ни как начался! И вот выдалась свободная минутка и я Вам хочу рассказать про лучший плагин социальных кнопок для WordPress – Social Icons Widget by WPZOOM, который имеет функцию “social share” или просто “поделиться” своими записями в социальных сетях.

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

И чтобы достичь лучших результатов посещаемости вашего сайта или блога Вам нужно для начала поделиться в социальных сетях своими записями на блоге. А это достигается именно с помощью специального плагина имеющего функцию “social share” или “поделиться в соцсетях” записями вашего сайта.

Вот для этого и существует плагин социальных кнопок для WordPress – Social Icons Widget by WPZOOM …

Как установить и использовать плагин социальных кнопок для WordPress Social Icons Widget by WPZOOM?

И так, как всегда для того, чтобы установить и начать пользоваться плагином WordPress Вам нужно сначала его скачать. Это вы сможете сделать на официальном сайте WordPress: Скачать плагин Social Icons Widget by WPZOOM

Или же просто набрав название плагина в строке поиска новых плагинов в вашей админке сайта, после чего он установится и останется только нажать на кнопку “Активировать плагин”. Вот посмотрите скриншот:

Теперь, когда плагин социальных кнопок для WordPress – Social Icons Widget by WPZOOM установлен и активирован, осталось его настроить и использовать все его уникальные функции на своем сайте.

Для этого перейдите в настройки виджетов в админке своего сайта и установите в нужное место вновь появившейся виджет данного плагина:

социальные сети

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

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

Все, теперь у Вас есть мощный инструмент на сайте, который поможет Вам делиться своими записями на сайте в социальных сетях (там их множество и ни один плагин не предоставит Вам столько соцсетей!).

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

• А вот здесь Вы сможете посмотреть видеоурок и узнать более подробно, как плагин социальных кнопок для WordPress Social Icons Widget by WPZOOM:

Если вам понравилась данная статья, то прошу Вас поделиться ей со своими друзьями в социальных сетях, нажав на мои кнопки ниже!

Спасибо, что были со мной! Всем удачи и благополучия! До новых встреч!

Источник

WordPress.org

Русский

Social Иконки Widget & Block by WPZOOM

Описание

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

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!

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

• Monte Theme — header bar and footer
• Tempo Theme — header (under logo) and footer
• Foodica Theme — header bar and sidebar
• Inspiro Theme — sidebar panel and footer

Возможности:

• 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@example.com)
• 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.

Скриншоты

• NEW: Social Иконки Block
• NEW: Social Иконки Block
• Rounded Corners Style
• Square Style
• Rounded Иконки Style
• No Background Style
• With Icon label
• Настройки виджета

Блоки

Этот плагин предоставляет 1 блок.

• Social Icons Widget & Block by WPZOOM

Установка

Simply search for the plugin via the Plugins -> Add New dialog and click install, or download and extract the plugin, and copy the plugin folder into your wp-content/plugins directory and activate.

After that go to the Widgets page and add the widget Social Icons by WPZOOM to a widget area like Sidebar.

Часто задаваемые вопросы

Where do I find more details about this plugin?

Can I insert the Widget as a Shortcode in a Page?

Yes, using the Widget Shortcode plugin you can generate a shortcode for each Social Icons widget and insert the shortcode in posts or pages where you need it.
You can also create a hidden widget area using a plugin like Custom Sidebars if you don’t want to add the widget in a sidebar to be visible.

Источник

Как добавить иконки социальных сетей в WordPress

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

Так зачем мешать посетителям общаться с вами в Facebook, Twitter, Instagram и на всех основных социальных сетях?

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

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

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

Ваша тема уже обеспечивает социальное меню?

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

В этом разделе я расскажу о различных способах ссылки на свои профили в социальных сетях на своем веб-сайте. Эти ссылки на социальные сети обычно представлены в виде значков, например, на следующем снимке экрана я добавил ссылки на свои профили в Twitter, Facebook и Instagram.

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

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

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

Чтобы активировать меню социальных ссылок:

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

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

В поле URL введите адрес своего профиля в социальных сетях, например https://www.facebook.com/MyWebsite или https://twitter.com/JessicaThornsby .

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

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

Как создать собственное меню социальных ссылок

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

Чтобы установить этот бесплатный плагин WordPress:

• Войдите в свою учетную запись WordPress, если вы еще этого не сделали.
• В левом меню выберите « Плагины»> «Добавить новый» .
• В строке поиска начните вводить виджет социальных значков с помощью WPZOOM . Когда появится нужный плагин, нажмите соответствующую кнопку « Установить сейчас» .
• Когда появится кнопка « Активировать» , нажмите ее.

Ваш плагин готов к работе! Давайте использовать его для создания ссылок на наши профили в социальных сетях:

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

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

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

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

Чтобы добавить социальную сеть, нажмите Добавить еще, а затем введите URL-адрес одной из ваших учетных записей социальных сетей, например https://www.instagram.com/mywebsite или https://www.pinterest.co.uk/example . Плагин должен идентифицировать сеть на основе URL и автоматически отображать правильный значок.

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

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

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

Создание социальных сетей с помощью простого ресурса

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

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

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

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

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

В этом разделе я покажу вам, как настроить Adder Simple Share Buttons, а затем использовать его для создания ряда кнопок социальных сетей.

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

Чтобы создать ряд кнопок обмена:

В левом меню WordPress выберите « Плагины»> «Добавить новый» . Найдите плагин Simple Share Buttons Adder и, когда он появится, выберите Install Now . При появлении запроса нажмите « Активировать» . В левом меню WordPress выберите « Настройки»> «Простые кнопки общего доступа» .

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

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

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

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

Когда вы довольны своими настройками, щелкните значок ретро дискеты.

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

Встроить кнопки социального обмена в любое место на свой веб-сайт

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

Чтобы встроить кнопки совместного доступа в социальные сети в любое место на своем веб-сайте:

• В левом меню WordPress выберите « Настройки»> «Простые кнопки общего доступа» .
• Выделите раздел Shortcode и щелкните, чтобы развернуть. Это должно показать шорткод.
• Нажмите сопровождающую кнопку копирования шорткода.
• Перейдите на страницу, запись или любой другой элемент, где вы хотите отобразить свои кнопки общего доступа, и откройте этот элемент для редактирования.
• Найдите точное местоположение, где вы хотите отобразить эти кнопки, и вставьте шорткод в этот раздел.

Ваши кнопки общего доступа теперь будут отображаться именно в этом месте.

Создать плавающую панель обмена

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

Чтобы создать этот плавающий бар:

• Перейдите в « Настройки»> «Кнопки социальных сетей» .
• Выберите вкладку Share Bar .
• Найдите ползунок Share Bar и вставьте его в положение « Вкл .».

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

Вывод

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

Есть ли у вас какие-либо хитрости или советы, чтобы побудить людей общаться с вами в социальных сетях? Или любимый плагин для социальных сетей, о котором мы не упомянули? Дайте нам знать в комментариях ниже!

Лучшие WordPress темы и плагины на рынке Envato

Исследуйте тысячи лучших тем WordPress, когда-либо созданных на ThemeForest, и ведущих плагинов WordPress на CodeCanyon . Купите эти высококачественные темы и плагины для WordPress и улучшите работу своего сайта для себя и своих посетителей.

Вот несколько самых продаваемых и перспективных тем и плагинов для WordPress, доступных на 2020 год.

Источник