Блог о программировании, электронике и рыбалке

Валидные кнопки социалок для 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

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

logo
Просмотров: 525
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5,00 out of 5)
Загрузка...

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

    • source™:

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

  • Иван:

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

    • source™:

      в single.php и page.php

      • Иван:

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

        • source:

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

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

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

Яндекс.Метрика