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

 

кнопки соцсетей на фото

 

 Установить плагин Cool Image Share вы сможете прямо из админ-панели wordpress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

плагин wordpress

 

 После установки и активации плагина, перейдите на страницу: НастройкиCool Image Share. Здесь вы сможете настроить основные параметры плагина. Для тех кто не хочет вникать во все настройки, достаточно выбрать расположение кнопок (position) и стиль кнопок (theme), сохранить настройки и всё готово !

 

– Position, выберите место отображения кнопок на фото. Есть 5 вариантов – верхний правый и левый угол, нижний правый и левый угол, по середине.

 Offset, можно задать параметры смещения.

– Orientation, параметры ориентации, вертикально или горизонтально ?

– Icons Size, можно задать размер иконки соцсети.

– Padding, размер набивки, отступы от границ.

– Minimum Image Size, можно задать минимальный размер изображений для кнопок.

– Reduce Icons, по умолчанию включено уменьшение кнопок соцсетей, если фото меньше размера кнопок.

– Mobile Devices, по умолчанию включено отображение на мобильных устройствах.

Update options – сохраните настройки.

 

настройки плагина кнопки

 

Effects and Animations.

– Icons Animation, здесь можно выбрать эффект для появления и исчезновения кнопок соцсетей.

– Icons Hover Effect, здесь можно выбрать эффект при наведении на кнопки.

– Image Hover Effect, здесь можно выбрать эффект при наведении на изображение.

– Update options – сохраните настройки.

 

Social Networks.

– Networks, выберите соцсети которые будут отображаться на фото.

– Order, порядок отображения соцсетей.

– Update options – сохраните настройки.

 

выбор соцсетей

 

Icons Theme.

– Theme, здесь можно выбрать стиль, внешний вид отображения кнопок соцсетей.

– Update options – сохраните настройки.

 

theme share icon

 

Advanced Options.

– Loading, если поставить галочку, то стили плагина не будут загружаться в библиотеку.

– Exclude, исключение, перечислите здесь CSS классы, для которых данный плагин не будет работать.

– Visibility, поставьте галочку, чтобы показывать кнопки только на отдельных страницах (записи, страницы, вложения).

– Icons Title, здесь можно задать атрибут title для иконок соцсетей.

– Short Links, поставьте галочку, чтобы использовать короткие ссылки для кнопок соцсетей, когда вы делитесь фото в соцсетях.

Update options – сохраните настройки.

 

 Всё готово ! Сохраните все сделанные изменения. Теперь при наведении курсора мыши на любое изображение вашего сайта, будут отображаться кнопки соцсетей, с эффектом ! Удачи вам !