null

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

Это руководство покажет вам как добавить кнопки общего доступа к сообщениям на блоге чтобы дать вашим читателям возможность легко поделиться своим контентом в 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.

Add New Service

  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 в форме представления:

reCaptcha for 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' );

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

 

if ( function_exists( 'sharing_display' ) ) {
    sharing_display( '', true );
}
if ( class_exists( 'Jetpack_Likes' ) ) {
    $custom_likes = new Jetpack_Likes;
    echo $custom_likes->post_likes( '' );
}

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

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

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

// Check if we are on mobile
function jetpack_developer_is_mobile() {
 
    // Are Jetpack Mobile functions available?
    if ( ! function_exists( 'jetpack_is_mobile' ) ) {
        return false;
    }
 
    // Is Mobile theme showing?
    if ( isset( $_COOKIE['akm_mobile'] ) && $_COOKIE['akm_mobile'] == 'false' ) {
        return false;
    }
 
    return jetpack_is_mobile();
}
 
// Let's remove the sharing buttons when on mobile
function jetpack_developer_maybe_add_filter() {
 
    // On mobile?
    if ( jetpack_developer_is_mobile() ) {
        add_filter( 'sharing_show', '__return_false' );
    }
}
add_action( 'wp_head', 'jetpack_developer_maybe_add_filter' );

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

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

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

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

function tweakjp_add_sharing_js() {
wp_enqueue_script( 'sharing-js', WP_SHARING_PLUGIN_URL . 'sharing.js', array( ), 4 );
$sharing_js_options = array(
'lang' => get_base_recaptcha_lang_code(),
'counts' => apply_filters( 'jetpack_sharing_counts', true )
);
wp_localize_script( 'sharing-js', 'sharing_js_options', $sharing_js_options );
}
add_action( 'wp_enqueue_scripts', 'tweakjp_add_sharing_js' );
function tweakjp_add_sharing_css() {
wp_enqueue_style( 'sharing', WP_SHARING_PLUGIN_URL. 'sharing.css', false, JETPACK__VERSION );
}
add_action( 'wp_enqueue_scripts', 'tweakjp_add_sharing_css' );

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

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

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