Разместить значки социальных сетей на сайте CMS WordPress без плагина
Для примера рассмотрим три темы WordPress
тема Twenty Eleven
Разместим значки социальных сетей на главной странице в самом низу сайта
![2155 ; ltytu ; ult](http://apipa.ru/wp-content/uploads/2019/08/ikonki_nasait_01.jpg)
Значки-иконки социальных сетей можно скачать на официальных сайтах, а можно сделать самим
Для примера взяты значки facebook, twitter, ВКонтакте, YouTube размер 42х42
![tw](http://apipa.ru/wp-content/uploads/logotip/tw.png)
![YouTube](http://apipa.ru/wp-content/uploads/logotip/YouTube.png)
![fb](http://apipa.ru/wp-content/uploads/logotip/fb.png)
![VK](http://apipa.ru/wp-content/uploads/logotip/vk.png)
Значки необходимо скопировать в папку с сайтом. На примере разместил в папке wp-content\ikon
![2156 ; ltytu ; ult](http://apipa.ru/wp-content/uploads/2019/08/ikonki_nasait_02-1024x768.jpg)
![2157 ; ltytu ; ult](http://apipa.ru/wp-content/uploads/2019/08/ikonki_nasait_03-1024x768.jpg)
Чтобы разместить значки на главной странице сайта, заходим настройки навигации => редактор тем, выбираем Подвал(footer.php), далее идем в самый низ и после текста «Копирование материалов…..источник» строка 34 (в зависимости от настроек может быть другая строка)
![2158 ; ltytu ; ult](http://apipa.ru/wp-content/uploads/2019/08/ikonki_nasait_04-1024x768.jpg)
Вставляем такой код
<a href="https://twitter.com/apiparu1" rel="nofollow" target="_blank"><img src="http://localhost/apiparu/wp-content/ikon/tw.png" title="tw"></a>
<a href="https://YouTube.ru/profile/562543606519" target="_blank"><img src="http://localhost/apiparu/wp-content/ikon/YouTube.png" title="YouTube"></a>
<a href="https://fb.com/apiparu/" rel="nofollow" target="_blank"><img src="http://localhost/apiparu/wp-content/ikon/fb.png" title="fb"></a>
<a href="https://vk.com/id513421207" rel="nofollow" target="_blank"><img src="http://localhost/apiparu/wp-content/ikon/vk.png" title="VK"></a>
где
<a href="ссылка на социальную сеть" rel="nofollow" target="_blank"><img src="ссылка на значек или иконку социальной сети" title="VK"></a>
rel="nofollow" - не обрабатывать поисковыми системами (необязательный параметр)
target="_blank" - открыть в новой вкладке
title="VK" - при наведении курсором мышки на значек будет высвечиваться название указанное в кавычках (необязательный параметр)
![2159 ; ltytu ; ult](http://apipa.ru/wp-content/uploads/2019/08/ikonki_nasait_05-1024x768.jpg)
Разместили значки социальных сетей
![2160 ; ltytu ; ult](http://apipa.ru/wp-content/uploads/2019/08/ikonki_nasait_06-1024x768.jpg)
Переходим к следующей теме Twenty Ten
Чтобы разместить значки также заходим настройки навигации => редактор тем, выбираем Подвал(footer.php), далее идем в самый низ и после текста «Копирование материалов…..источник» строка 33 (в зависимости от настроек может быть другая строка)
Вставляем выше указанный код
![2161 ; ltytu ; ult](http://apipa.ru/wp-content/uploads/2019/08/ikonki_nasait_07-1024x768.jpg)
Результат
![2162 ; ltytu ; ult](http://apipa.ru/wp-content/uploads/2019/08/ikonki_nasait_08-1024x768.jpg)
Переходим к следующей теме Twenty Twelve
Чтобы разместить значки также заходим настройки навигации => редактор тем, выбираем Подвал(footer.php), далее идем в самый низ и после текста «Копирование материалов…..источник» строка 20 (в зависимости от настроек может быть другая строка)
Вставляем код
![2163 ; ltytu ; ult](http://apipa.ru/wp-content/uploads/2019/08/ikonki_nasait_09-1024x768.jpg)
Разместили значки социальных сетей на главной странице
![2164 ; ltytu ; ult](http://apipa.ru/wp-content/uploads/2019/08/ikonki_nasait_010-1024x768.jpg)
Вот такой вариант, как можно разместить значки социальных сетей на сайте и необязательно размещать внизу сайта, а можно отредактированный под Вас код разместить в любом месте сайта.