Как добавить кнопку Read it Later от Pocket в записи WordPress

Всем известно, что добавление инструментов, которые помогают пользователям делиться контентом и сохранять его, может существенно улучшить юзабилити сайта и повлиять на уровень возврата посетителей. Будь то кнопка Pinterest, Google+ или Facebook, целью все равно является поощрение пользователей для взаимодействия с вашим контентом. В этой статье мы покажем вам как добавить кнопку read it later (прочитать позже) на ваш сайт WordPress. Это предоставит вашим пользователям удобный инструмент для прочтения вашего контента позже на любом устройстве.

Мы будем использовать онлайн инструмент закладок под названием Pocket для добавления кнопок read it later в WordPress. Pocket доступен для всех устройств (iOS, Android, Kindle, ПК, и в виде аддона для браузера).

Добавляем Pocket – кнопку Read it Later с помощью плагина

Первым делом вам необходимо установить и активировать плагин Pocket Read it Later Links. После активации плагина можно перейти в раздел Настройки » Pocket Read it Later Links для настройки местоположения размещения кнопок read it later.

Можно выбрать добавление кнопок read it later на всех страницах, только на главной странице, только на отдельных записях и страницах, или же можно настроить вывод в вашей теме, используя функцию, которую предоставляет плагин. По-умолчанию кнопка read it later выравнивается по правому краю вашего контента. Если вы хотите настроить ее, то можно воспользоваться блоком настроек Custom CSS. В качестве примера размещения кнопки read it later может быть следующий скриншот:

Добавляем Pocket – кнопку Read it Later без плагина плагина

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

Перейдите на страницу Pocket for Publishers для того, чтобы получить код для своей кнопки Pocket. Код будет выглядеть примерно так:

<a data-pocket-label="pocket" data-pocket-count="horizontal" class="pocket-btn" data-lang="en"></a>
<script type="text/javascript">!function(d,i){if(!d.getElementById(i)){var j=d.createElement("script");j.id=i;j.src="https://widgets.getpocket.com/v1/j/btn.js?v=1";var w=d.getElementById(i);d.body.appendChild(j);}}(document,"pocket-btn-js");</script>

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

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

Мы надеемся, что эта статья помогла вам добавить кнопку read it later от Pocket в ваши записи WordPress.

По всем вопросам и отзывам просьба писать в комментарии ниже.

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