Главная » Wordpress » Валидные кнопки социалок для WordPress своими руками

Валидные кнопки социалок для WordPress своими руками

Мой мир кнопка Вконтакте Wordpress Twitter livejournal Facebook  wordpress  Решил сделать кнопки социальных сервисов без использования сторонних плагинов. Побудил меня на это результат проверки блога валидатором. 137 ошибок и все из за плагина Social Share Buttons for WordPress. Плюнул на все и удалил его нахрен. Потом решил попробовать плагин от отечественных разработчиков VKontakte API – ошибок еще больше.

Этот код будет работать и с главной странички блога.

Не забудьте поменять в коде для Twitter мой идентификатор на свой.

Картинки кнопок залейте в каталог /images/ вашего шаблона.

Код для добавления кнопок Twitter, Вконтакте, Facebook. Мой Мир и ЖЖ в блог на WordPress.

<div style="border: 3px dashed #ccc;padding: 5px 5px 5px 5px;text-align: center;">

<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=RT @maximsource <?php the_title(); ?>: <?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/twitter.gif" alt="twitter" width="78" height="18" /></a>

<a href="http://vkontakte.ru/share.php?url=<?php the_permalink(); ?>" target="_blank" rel="nofollow"><img src="<?php bloginfo('template_url'); ?>/images/vkontakte.gif" width="84" height="18" alt="ВКонтакте" /></a>

<a rel="nofollow" target="blank" href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/facebook.gif" width="73" height="18" alt="Facebook" /></a>

<a target="_blank" rel="nofollow" href="http://connect.mail.ru/share?share_url=<?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/moi-mir.gif" width="86" height="18" alt="Мой Мир" /></a>

<a rel="nofollow" href="http://www.livejournal.com/update.bml?event=<?php the_permalink(); ?>&subject=<?php the_title(); ?>" target="_blank"><img src="<?php bloginfo('template_url'); ?>/images/livejournal.gif" alt="livejournal" width="73" height="18" /></a>

</div>

Смотреться кнопки будут так:

Мой мир кнопка Вконтакте Wordpress Twitter livejournal Facebook  wordpress

Потом может заменю их на кнопки социалок "Мне нравится" и так далее, но пока нет времени.

Похожие записи
Решаем проблему с кавычками при публикации кода в ... При публикации исходного кода в Wordpress многие пользователя сталкиваются с проблемой замены обычных кавычек на наклонные. В результате этого исходн...
Публикация постов в WordPress, подготовленных в Mi... Все со мной согласятся, если я скажу, что при сдаче сайта заказчику приходится по нескольку раз объяснять как выполнять те или иные действия на сайте....
Удаление в Worepress #more из ссылки Читать далее ... На самом деле навсегда удалить #more из ссылок в постах, ведущих с Read More достаточно просто.В файд function.php своей темы добавьте следующий код: ...
WordPress и ошибка 401 — Unauthorized Позавчера начались проблемы со входом в админки моих блогов на Wordpress. Постоянно выскакивало окно авторизации на сервере. После ввода в ней данных...
This entry was posted in Wordpress and tagged , , , , , , . Bookmark the permalink.

6 комментариев: Валидные кнопки социалок для WordPress своими руками

  1. Евгений говорит:

    Здравствуйте. Смотрю что у Вас теперь кнопочки поинтереснее стоят. И одноклассники есть. А про эти писать статью не планируете?

    • source™ говорит:

      вот если положа руку на сердце, то пока лениво
      там просто поровнять их - на css делаем блок определенной высоты и в него уже в div style="float:left" закидываете кнопки - в каждый такой div по одной

  2. Иван говорит:

    А куда нужно добавить этот код, чтобы все заработало?

    • source™ говорит:

      в single.php и page.php

      • Иван говорит:

        Кнопки появились, но нет самих картинок этих кнопок. Т.е. получились пустые кнопки((
        Что делаю не так?

        • source говорит:

          В папке с вашей темой есть каталог /images/
          В него надо закинуть картинки кнопок с такими именами:
          twitter.gif
          vkontakte.gif
          facebook.gif
          moi-mir.gif
          livejournal.gif

          Сами файлов картинок без труда найдете в гугле.

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

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