Создание сайта от А до Я. Книга 4

Мы их увеличили пропорционально иконкам.

Заодно покажем, как добавить кнопкам отступы.

ya-share2 {margin: 20px 0;}

ya-share2 это как раз общий контейнер для кнопок. Отступы будут добавлены сверху и снизу по 20 пикселей. А вообще, как вы поняли, зная css можно как угодно перемещать, позиционировать, увеличивать и крутить кнопки от Яндекса, адаптировав их под ваш конкретный сайт.

Ну а если вам вообще нужен полностью уникальный дизайн ваших соц. кнопок, можете почитать эту статью https://dolinacoda.ru/kak-dobavit-na-sajt-knopki-sotsialnyh-setej/ (https://dolinacoda.

ru/kak-dobavit-na-sajt-knopki-sotsialnyh-setej/) там написано про один из сервисов, который предлагает такую возможность.

Примечание: Иногда, чтобы увеличить кнопки, достаточно ввести код:

.b-share-icon {margin: 36px 50px;}

Получился вот такой результат:

Сервис Share42. Установки кнопок социальных сетей:

В этом варианте кнопки социальных сетей мы будем создавать с помощью сервиса Share42

Переходим на сайт по ссылке: http://share42.

com/ru (http://share42.com/ru)

Выбираем размер 24х24 (или другой).

Выбираем самые популярные сети.

Для этого кликаем по ним.

Далее выбираем вертикальная панель (она будет видна всегда)

Снимаем галочку «Добавить иконку Share42».

Ниже поставим галочку у пунктов «К вашему сайту подключён jQuery» и «Показывать счётчики публикаций».

Жмём «Скачайте новый скрипт».

Переходим в наш хостинг— в нашем случае в Beget.

Перейдите в корневую папку вашего сайта.

В файловом менеджере будет сначала папка с названием вашего сайта.

Откройте её. Затем откройте корневую папку public_html.

В открывшемся окне жмём «Загрузить файлы»

Открываем Browser и находим наш файл Share42. Открываем его и жмём «Загрузить», а когда появится зелёная галочка жмём «Закрыть»

Заходим в корневую папку, кликаем правой кнопкой мыши на папке с архивом и жмём «Разархивировать»

Жмём ОК

В корневой папке нашего сайта появится папка Share42

Закрываем файловый менеджер.

Возвращаемся на сайт Share42

Внизу:

Укажите путь к папке Share42: http://имя сайта/share42/

Выберите тип сайта, отмечаем WordPress

И ещё немного ниже скопируйте код.

Этот код нужно вставить на сайт, чтобы появились социальные кнопки.

Следующий шаг. Зайдите в корневую папку public_html вашего сайта. Откройте файл single.