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

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

imageРешил сделать кнопки социальных сервисов без использования сторонних плагинов. Побудил меня на это результат проверки блога валидатором. 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>

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

image

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

Не забывайте оценивать и комментировать статьи, чтобы автор понимал — стоит ли писать на похожие темы или это интересно только ему одному :)

Похожие записи

  • keyboard_arrow_downВалидные кнопки социалок для WordPress своими руками
    • Автор:
    • Язык: ru-RU
    • Миниатюра: Валидные кнопки социалок для WordPress своими руками
    • Рубрика: Wordpress
    • Обновлено: 26.12.2017
    • Комментариев: 6
    • Просмотров: 540
      • searchПоисковые боты
        Дата Бот
        2018-01-20 05:49:30 Yandex
        2018-01-17 20:18:13 Bing
        2018-01-17 10:59:30 Yandex
        2018-01-12 08:13:29 Yandex
        2018-01-12 01:05:54 Bing
  • Оцените пожалуйста статью
    1 Star2 Stars3 Stars4 Stars5 Stars
    Loading Загрузка...
  • Поделитесь с друзьями
GeekElectronics

Комментариев: 6

  • Avatar for source

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

    • Avatar for source
      source™:

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

  • Avatar for source
    Иван:

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

      • Avatar for source
        Иван:

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

        • Avatar for source
          source:

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

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

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

arrow_upward