Как сделать свои кнопки социальных сетей с счетчиком без плагинов. WP

@G.a.n.g.s.t.e.r · Регистрация: 09.01.2011

Студворк — интернет-сервис помощи студентам

Здравствуйте уважаемые форумчане. Возник вопрос при написании социальных кнопок для сайта. А именно как сделать свои социальные кнопки с счетчком для сайта. Кнопки twitter, facebook, vk.

Сервисы типа pluso.ru использовать не хочу. Хочу сделать свои кнопки. Кнопки будут использоваться на блоге wp.

Сама проблема в реализации счетчика.

Вот так выглядит верстка:

HTML5
1
2
3
4
5
<div class="social">
  <a class="vk" href="#"><i class="fa fa-vk"></i>317</a>
  <a class="fa" href="#"><i class="fa fa-facebook"></i>114</a>
  <a class="tw" href="#"><i class="fa fa-twitter"></i>405</a>
</div><!-- social -->

Кнопки в браузере выглядят как на картинке.
Как у же говорилось выше pluso использовать не хочу, а так же похожие сервисы. Реализовывать кнопки через плагины wp тоже не хочется. Перерыл кучу ссылок и ничего толкового не нашел везде реализация через плагины либо через сторонние сервисы либо без счетчика просто путем добавления share в href каждой из социальных сетей.
Как то так.

HTML5
1
2
3
<a target="_blank" rel="nofollow" href="http://vkontakte.ru/share.php?url=<?php the_permalink(); ?>">
  <img src="<?php bloginfo('template_url'); ?>/img/vkontakte-1.gif" width="100" height="20" title="Поделиться ВКонтакте">
</a>

Вот только одна более менее адекватная статья ТЫЦ Пробовал сделать как там не завелось проблемы с jquery грешу на то, что статься очень старая а jq подключил самый новый. Если кто-то реализовывал что-то похожее поделитесь пожалуйста опытом либо полезной ссылкой. Спасибо.

@XRoy · 13.07.2015, 20:49

G.a.n.g.s.t.e.r,
Это ведь возможности api, у каждой соц сети в документации это есть
https://vk.com/dev/widget_like
https://developers.facebook.co... start/v2.4

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@XRoy 871 / 721 / 304 Регистрация: 15.04.2013 Сообщений: 2,047 Записей в блоге: 5
	13.07.2015, 20:49
	G.a.n.g.s.t.e.r, Это ведь возможности api, у каждой соц сети в документации это есть https://vk.com/dev/widget_like https://developers.facebook.co... start/v2.4 0