TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

JetPack – Кнопки социальных сетей (перевод)

1 338

Это руководство покажет вам как добавить кнопки общего доступа к сообщениям на блоге чтобы дать вашим читателям возможность легко поделиться своим контентом в Twitter, Facebook, Google+, LinkedIn, а также множество других соцциальных сетях чтобы помочь распространить Вашу запись на сайте как можно “шире” в сети интернет.

И так, в итоге блок с кнопками для социальных сетей будет выглядеть так (внешний вид можно менять):

JetPack - Кнопки социальных сетей (перевод)

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

  1. Перейдите Jetpack → Settings → Sharing..
  2. Под кнопками Sharing buttons, активируйте «Add sharing buttons to your posts» вариант.

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

  1. Перейдите в Settings → Sharing в приборной панели вашего сайта.
  2. В Sharing Buttons, перетаскивая включатели активируйте соц сети которые Вы хотите использовать в области Enabled Services.
  3. Выберите нужный стиль кнопок и где вы хотели бы расположить данные кнопки.
  4. Далее жмем Save.

Чтобы добавить новые соц. сети, перетащите кнопку в область Enabled Services в любое время. Вы можете настроить соц. сети отображаются в виде иконок, текста, или и того и другого.

Некоторые услуги имеют дополнительную опцию позволяющую отображать «официальные» кнопки которые показывают сколько раз сообщение было “пролайкано” или “зашарено”. Просто выберите вариант отображения и перетащите соц. сети которые Вы хотели бы отобразить в поле Enabled Services.

JetPack - Кнопки социальных сетей (перевод)

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

  • Twitter
  • Facebook
  • Google+
  • Pinterest
  • Tumblr
  • LinkedIn
  • Карман
  • Skype
  • Телеграмма
  • WhatsApp
  • Reddit
  • Email *
  • Печать

* Пожалуйста обратите внимание что совместное использование электронной почты доступна только если вы используете Akismet спам-фильтрации плагин для предотвращения злоупотреблений спамом или если явно включить его добавив следующую строку в файл functions.php или функциональность ядра плагина:

add_filter( 'sharing_services_email', '__return_true' );

Как создать свои собственные пользовательские кнопки обмена?

Перейдите в SettingsSharing в панели управления.

Нажмите на ссылку Add a new service в разделе Available Services.

JetPack - Кнопки социальных сетей (перевод)

  1. Введите «Service name» чтобы использовать для службы обмена. Он появится в ссылке на службу и в статистике совместного блога.
  2. Введите «Sharing URL.» Это URL адрес для службы обмена. Вы можете использовать переменные,%post_title% % POST_URL% (короткий URL),%post_full_url% и% post_excerpt% в URL, то есть http://www.google.com/buzz/post?url=%post_url%
  3. Введите «Icon URL.» Это URL обратиться к иконе изображения которое вы хотите использовать для отображения этой услугой, т.е. к примеру https://www.someserver.com/images/buzz.png. Обратите внимание что этот файл должен быть доступен в интернете по ссылке, введенной здесь.
  4. Нажмите на кнопку «Создать Share Button».
  5. Новая услуга появится в разделе Available Services. Теперь вы можете добавить её в разделе Услуги Enabled для использования на вашем сайте.

Как добавить Captcha к кнопке обмена Email?

Кнопка Электронная почта является хорошим дополнением, и вы можете сделать его еще лучше, добавив Captcha в форме представления:

JetPack - Кнопки социальных сетей (перевод)

чтобы добавить Captcha на свой сайт, вам нужно выполните следующие действия:

  1. Зарегистрировать учетную запись на этом сайте. После регистрации вы получите открытый и закрытый ключ.
  2. Откройте файл WP-config.php вашего сайта в вашем любимом текстовом редакторе. И добавьте следующие константы с двумя ключами ReCaptcha перед

/ That's all, stop editing! Happy blogging. /:

define( 'RECAPTCHA_PUBLIC_KEY', 'XXXXXXX' ); define( 'RECAPTCHA_PRIVATE_KEY', 'XXXXXXX' );

Сохраните WP-config.php файл и обновить свой сайт.

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

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

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

Чтобы сделать это, в файле functions.php, добавьте следующее:

function jptweak_remove_share() { remove_filter( 'the_content', 'sharing_display', 19 ); remove_filter( 'the_excerpt', 'sharing_display', 19 ); if ( class_exists( 'Jetpack_Likes' ) ) { remove_filter( 'the_content', array( Jetpack_Likes::init(), 'post_likes' ), 30, 1 ); } } add_action( 'loop_start', 'jptweak_remove_share' );

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

Обратите внимание что это предусмотрено в качестве любезности и JetPack не предоставляем поддержку для реализации или редактирования пользовательского кода.

Как можно скрыть кнопки соц. сетеф на мобильной версии сайта?

Вставьте этот код в functions.php файл:

Как я могу использовать свои собственные ресурсы вместо CSS и JS соц. сетей присутствующих по умолчанию Jetpack в файлы?

Модуль обмена включает в себя «продвинутый» вариант и позволяет использовать ваши собственные Javascript и CSS файлы кроме файлов добавленных Jetpack по умолчанию.

Для начала зайдите в Settings → Sharing в панели управления, и проверьте Advanced флажок в нижней части страницы.

Затем, вы можете добавить свои собственные библиотеки, добавив следующий код в функциональности плагина или в файле functions.php вашей темы:

Источник: https://jetpack.com/support/sharing/

Полезная статья о том как можно добавить другие социальные сети например мой мир, Одноклассники (отдельно смотрим комментарии):

https://timbv.wordpress.com/2015/05/04….

Источник записи: https://mediadoma.com

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