Кнопка твитнуть в анонсах статьи

Разное WordSmall

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

Что мы делаем? В первую очередь переходим на сайт about.twitter.com/resources/buttons#tweet и заполняем два первых поля как показано на скриншоте, они интересуют нас само больше, а остальные заполняйте как обычно.

Кнопка твитнуть в анонсах статьи

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

<a href="https://twitter.com/share" class="twitter-share-button" data-url="www" data-text="title" data-lang="ru">Твитнуть</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

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

 data-url="www" 

Нам нужно заменить на постоянную ссылку:

data-url="<?php the_permalink(); ?>"

А вот название страницы:

data-text="title"

Меняем на заголовок связанной записи:

data-text="<?php the_title(); ?>"

В итоге получится следующий код:

<a href="https://twitter.com/share" class="twitter-share-button" data-url="<?php the_permalink(); ?>" data-text="<?php the_title(); ?>" data-lang="ru">Твитнуть</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

Вставляем его в файл index.php, куда именно? это уже на ваше усмотрение. Я, к примеру, определил вместо кнопки «читать далее» поскольку у меня миниатюра и название статьи ведут на полную статью, решил, что третья ссылка будет лишней. И желательно, когда будете вставлять код обернуть его в блок
<div> и дайте какой-нибудь класс, это для того, чтобы проще задавать стили оформления.

— Не забывайте делиться с друзьями в социальных сетях: —

Автор, он же Андрей, он же Admin, он же WordSmall

Лентяй-любитель, окончил высшую школу безделья с многочисленными знаками отличия. Создатель этого небольшого «чудо-блога» о еще более «чудном» контенте.

E-mail Google+ Twitter
Добавить комментарий
bold quote code