Когда мы работаем над сайтом, довольно часто хочется добавить какую-то небольшую, но полезную функцию. Например, кнопки, с помощью которых посетитель может поделиться понравившейся статьёй в социальных сетях или мессенджере.
Например, на моём сайте блок «Поделиться» выглядит вот так:
Этот блок уже встроен в шаблон моей темы Bono — это платная тема от WPShop.
А если Вы используете бесплатную тему, то для добавления такой функции обычно приходится искать специальный плагин или добавлять код самостоятельно.
И вот здесь возникает интересный вопрос: а можно ли сделать красивые кнопки «Поделиться» без специального плагина для социальных сетей и без вмешательства в файл functions.php?
Именно с таким вопросом ко мне обратилась одна из моих студенток.
Ей хотелось добавить на свой сайт «Растим» блок «Поделиться», но не просто поставить готовый блок из какого-нибудь плагина, а сделать его аккуратным и подходящим по дизайну к самому сайту.
В результате мы сделали собственный блок с кнопками социальных сетей и мессенджеров, который автоматически появляется в конце каждой статьи.
И заодно я решила показать весь процесс в отдельном уроке.
Что разберём в уроке
В видео я пошагово покажу, как установить и использовать бесплатный плагин Code Snippets.
Сниппет (snippet) — это небольшой фрагмент кода, который добавляет на сайт определённую функцию. А Code Snippets позволяет хранить и запускать такие фрагменты кода, не редактируя напрямую файлы темы.
Мы разберём:
- как установить плагин Code Snippets;
- как создать новый сниппет;
- как установить в него готовый код;
- как сохранить сниппет и активировать его;
- как добавить на сайт кнопки «Поделиться»;
- как изменить количество кнопок под свои задачи;
- как подобрать цвета кнопок под дизайн своего сайта.
В итоге Вы получите не просто теоретические знания, а готовый пример небольшой полезной функции, которую сможете установить на свой WordPress-сайт.
И здесь мне особенно нравится сам подход.
Не всегда для небольшой задачи нужно устанавливать ещё один большой плагин с десятками настроек и дополнительными возможностями, которыми Вы никогда не будете пользоваться. Иногда гораздо проще добавить небольшой фрагмент кода и получить именно ту функцию, которая Вам нужна.
При этом мы не лезем в файлы темы и не рискуем случайно что-нибудь изменить в functions.php.
Смотрите видео
Смотрите урок «Красивые кнопки “Поделиться” для сайта — без плагина» и повторяйте действия на своём сайте.
Материалы к уроку скачать архив с Яндекс Диска
А если во время установки что-то не получится или появится вопрос по настройке Code Snippets или самого блока «Поделиться» — задавайте вопросы в комментариях.
Разберёмся вместе.
Если вам понравилась эта статья и уроки, то, пожалуйста, подпишитесь на мой канал RuTube для получения видеоуроков по WordPress. Вы также можете найти меня в Max и ВКонтакте. Если остались вопросы, пишите в комментариях, я всегда рядом ❤️