Уникальные кнопки соцсетей для сайта WordPress

Сделать кнопки социальных сетей на сайт WordPress уникальными просто. Плагин AddToAny Share Buttons дает возможность немного изменить кнопки соцсетей для сайта поставив свою картинку, поменяв смарт-меню.

При желании можно менять внешний вид плагина к каждому сезону/ празднику. Приближается Новый год и я поставила вместо синего крестика картинку красного шарика.
Как установить и настроить плагин AddToAny Share написано в статье Адаптивный плагин социальных кнопок для WordPress со счетчиком.
Сегодня расскажу как немного уникализировать кнопки соцсетей для сайта.

Установим прозрачный фон

Изначально иконки находятся на белом фоне. кнопки соцсетей для сайта
На форуме поддержки плагина подсказали как изменить его на прозрачный. кнопки соцсетей для сайта Я думаю не все будут читать английский форум и будет полезно написать о такой возможности. Иконки на прозрачном фоне смотрятся невесомо и легко. Скопируем код

.a2a_floating_style { background-color: transparent !important; }

и вставим его в поле Additional CSS. Не забудем сохранить изменения. кнопки соцсетей для сайта

Меняем универсальную кнопку

В настройках плагина предусмотрена возможность установить свой рисунок или фотографию вместо кнопки ПЛЮС. Можно ли заменить другие иконки на свои пока не знаю, не разбиралась еще. Картинку надо предварительно подготовить: уменьшить размер и вес. кнопки соцсетей для сайта

Как это делаю я расскажу в следующей статье.  Размер картинки зависит от размера остальных кнопок. Я выбрала иконки по 10 пикселей, следовательно, картинку сделала 33*34. Следующим шагом закачаем картинку в библиотеку файлов блога.

Под картинкой нажмем на ссылку "Изменить медиафайл". Будет не лишним прописать атрибут alt и описание. Обязательно сохраняем.  Ссылка на файл в правом окошке является адресом картинки. Копируем ее и вставляем в настройки плагина.

кнопки сосетей для сайта кнопки соцсетей для сайта

Меняем смарт-меню

Открываем пункт Настройки меню и переходим по ссылке "Открыть редактор внешнего вида". кнопки соцсетей для сайта Меняем внешний вид смарт-меню: цвет шрифта, фон, границу блока. кнопки соцсетей для сайта Копируем код, вставляем в поле Additional JavaScript и сохраняем. кнопки соцсетей для сайта

Кнопки соцсетей для сайта можно привязать к аналитике Googl, если Вы зарегистрированы в этом сервисе.

Метки: , , . Закладка Постоянная ссылка.

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

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