Доработка twentyseventeen социальных иконок в WordPress для рунета

В наша замечательная тема WordPress — twentyseventeen автоматически подставляет svg иконки от в зависимости от выбранной соц. сети доработка ему для пользователей рунета проста необходима — топик горячо обсуждался тут

В этом наборе явно не хватает: русскоязычных иконок и популярных мессенджеров 

  • Telegram
  • WhatsApp
  • Viber
  • SMS
  • Одноклассники
  • Звонок по телефону
Также узнал что он интегрирован в тему WP twentyseventeen — есть ли он в других темах я не знаю 🙁

А skype, viber,  не пропускает сама валидация. Исправим это с помощью доработанного плагина, добавив протокол Теlegram и Viber

Ссылка на телефон: tel: +79670112007 В HTML:


Ссылка на whatsapp:

https://api.whatsapp.com/send?phone=79670112077&text=Я%20заитересован%20в%20ваших%20услугах%20размещенных%20на%20сайте%20sinsite.ru

В HTML:


Ссылка на skype:

skype:anatoliysinitcin

В HTML:


Ссылка на viber:

viber://add?number=%2B79670112007

В HTML:


Ссылка на Telegram:

tg://resolve?domain=Siniinik

В HTML:


Также добавим Отправку SMS сообщения:
Ссылка для отправки СМС:

sms:79670112007?body=Я%20заитересован%20в%20ваших%20услугах%20размещенных%20на%20сайте%20sinsite.ru

 

Ссылки мы проставили:

А вот иконки у нас оставляют желать лучшего:

Будем чинить…

Набираем иконки на замечательном сервисе flaticon — где бесплатно можно сделать нужную коллекцию иконок для сайта и не качество не хуже чем у font awesome .

Хоть awesome замечательный но он не дает сверх удобного генерации нужной коллекции иконок, и берет только пользователей только высоким качеством дизайна.

Пришлось повозится часа на три:( Но в итоге добился своего причем без костылей в svg

 

Итак задача выполнена:

Файл с дополнительными иконками:  скачать svg

Положить в папку с дочерней темой по пути:

Дописываем файл functions.php

Добавляем некоторые стили CSS:

 

Автор: siniinik

Web программист. Дизайнер. Фотограф. Видеооператор.

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


Notice: Undefined index: uloginPopupCss in /home/fl/web/sinsite.ru/public_html/wp-content/plugins/ulogin/settings.ulogin.php on line 411
Войти с помощью: 

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