Интересный сайт. Факты и решения

Добавить кнопки поделиться в социальные сети для WordPress без плагинов

В этой статье показана реализация вставки кнопок поделиться в социальные сети без плагинов и сторонних сайтов для WordPress. Что бы все получилось, нужно скопировать этот код, вставить в index.php и single.php в удобном месте. Затем создайте, в корневой папке Вашей темы, папку social. Найдите в интернетах 4 иконки (или с этого сайта сохраните) и назовите их facebook.png twitter.png vkontakte.png google_plus.png и поместите в папку social.

Кнопка поделиться в facebook

<a rel="nofollow" onclick="window.open('http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>', 'facebook', 'width=640, height=480'); return false;" href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>" title="Поделиться в Facebook"><img class="socb" src="<?php bloginfo('template_url'); ?>/social/facebook.png" width="20px" height="20px" alt="Поделиться в Facebook" /></a>

Кнопка поделиться в twitter

<a rel="nofollow" rel="nofollow" onclick="window.open('http://twitter.com/home?status=Читаю <?php the_permalink(); ?>: <?php the_title(); ?>', 'twitter', 'width=640, height=480'); return false;" href="http://twitter.com/home?status=Читаю <?php the_permalink(); ?>: <?php the_title(); ?>" title="Добавить в Twitter"><img class="socb" src="<?php bloginfo('template_url'); ?>/social/twitter.png" width="24px" height="20px" alt="Добавить в Twitter" /></a>

Кнопка поделиться в vk

<a rel="nofollow" onclick="window.open('http://vk.com/share.php?url=<?php the_permalink(); ?>', 'vk', 'width=626, height=436'); return false;" href="http://vk.com/share.php?url=<?php the_permalink(); ?>" title="Поделиться ВКонтакте"><img class="socb" src="<?php bloginfo('template_url'); ?>/social/vkontakte.png" width="20px" height="20px"  alt="Поделиться ВКонтакте" /></a>

Кнопка поделиться в google plus

<a rel="nofollow" onclick="window.open('https://plus.google.com/share?url=<?php the_permalink(); ?>', 'google', 'width=626, height=436'); return false;" href="https://plus.google.com/share?url=<?php the_permalink(); ?>" title="Поделиться в Гугл+"><img class="socb" src="<?php bloginfo('template_url'); ?>/social/google_plus.png" width="20px" height="20px"  alt="Поделиться в Гугл+" /></a>
Поделитесь, пожалуйста:

Оставь свой коммент




9 коментариев к записи “Добавить кнопки поделиться в социальные сети для WordPress без плагинов”:

  1. Андрей

    12.08.2014

    Супер! Только бы еще кнопочки Инстаграмм и Одноклассники :roll:

    • admin

      12.08.2014

      Кнопка для Одноклассников такая, правда не гарантирую, что работает, если нет, то подкорректирую:
      <a rel="nofollow" onclick="window.open('http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=<?php the_permalink(); ? rel="nofollow">', 'odnoklassniki', 'width=640, height=480'); return false;" href="hhttp://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=<?php the_permalink(); ?>" title="Поделиться в Одноклассники"><img class="socb" src="<?php bloginfo('template_url'); ?>/social/odnoklassniki.png" width="20px" height="20px" alt="Поделиться в Одноклассники" /></a>

      А для инстаграмма к сожалению не знаю :(

  2. Андрей

    13.08.2014

    admin, Немного подправил код:

    <a class="foursquare" rel="nofollow" onclick="window.open('http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._s?url=‘, ‘odnoklassniki’, ‘width=640, height=480′); return false;" href="http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl= " title="Поделиться в Одноклассники">

    <img class="socb" src="/social/odnoklassniki.png" width="20px" height="20px" alt="Поделиться в Одноклассники" />
    </a>

    Только когда переходит на одноклассники, выбивает окошко с такой писаниной: «Поделиться ссылкой
    Сайт не отвечает» :sad:

    Может это из-за изменений доменного имени в одноклассниках..

    • admin

      14.08.2014

      Вроде правильная ссылка, одноклассники под коротким и старым доменами должен работать. Даже при использовании http://api.yandex.ru/share/, для одноклассников открывается окно под тем же линком.

  3. Андрей

    13.08.2014

    Формат скобок в комментарии только почему то форматировался 😕

  4. Андрей

    14.08.2014

    Понял почему вылазила надпись с тем, что нельзя поделиться в одноклассниках. Так как мой сайт, на который вставляю кнопки, находится на локальном сервере, функция поделиться не срабатывала. Как только подставил ссылку сайта находящегося на хостинге, всё стало «гуд» :smile:
    Нашёл сайт с ссылками для разных социалок, может понадобится как дополнение к статье:
    http://greenfam.narod.ru/jj/zakladki.html

    • admin

      14.08.2014

      Спасибо, думаю эта информация будет многим полезна :)

  5. Серёга

    30.03.2015

    Кнопка поделиться в twitter — «rel=»nofollow»» продублировано