Как добавить кнопку Google+ к себе на сайт

Как добавить кнопку Google+ к себе на сайтС появлением новой официальной кнопки от Google, которая позволяет вашим пользователям дать понять поисковой системе, что ваш сайт им понравился, все ринулись устанавливать кнопку у себя на сайте. Хотя пока этот сервис не доступен русским пользователям. Но, всегда надо смотреть вперёд и позаботиться об этом заранее.

И так, как же можно установить кнопку у себя на сайте, чтобы она высвечивалась в каждом посту вашего wordpress блога.

Войдите в админ панель и выберите закладку «Внешний вид», а в ней «Редактор»

Откройте файл вашей шапки (header.php) и найдите закрывающийся тег <code></head></code>

Прямо перед ним поставьте следующий код

 <script type="text/javascript" src=>"<a href="http://apis.google.com/js/plusone.js">http://apis.google.com/js/plusone.js</a>"</script> 

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

<code> <g:plusone href=</code><code>"<?php the_permalink(); ?>"</code><code>></g:plusone> </code>

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

WordPress плагин для вставки кнопки Google+

Если вам нужны иконки Google+ для следующего проекта, то их можно найти в нашей статье 11 бесплатных иконок для Google+.



2 комментария на «“Как добавить кнопку Google+ к себе на сайт”»

  1. Спасибо за статью! Как раз собираюсь такую же к себе добавить!
    Скажите пожалуйста как сделать такие комментарии как вас, а то в моей теме они какие-то не красивые. Буду очень признательна! =)

    • admin:

      всё зависит от темы которую вы используете.
      Во-первых, найдите ваш файл со стилями, обычно это style.css. В нём найдите кусок кода, который описывает вывод формы комментирование (что-то типа .comment{…}) или тэг div со специальным классом для комментирования или поля (input, text…) со специальными классами.
      Во-вторых, для удобства установите себе программу Firebug она является расширением для браузеров она поможет вам найти необходимые классы.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *