«

»

Как установить кнопки социальных сетей от яндекс на сайт word press

Замечательный блок кнопок социальныйх сетей от Яндекс многие не решаются  установить по одной простой причине — этот блок представляет собой код, который надо установить в «нужное место».
А именно это для многих новичков блогеров и является затруднением.
Давайте разберемся с установкой кнопок социальных сетей от Яндекс с самого начала.

Блок кнопок от яндекс

Переходим в Блок «Поделиться» от Яндекс.

Здесь все просто: ставим галочки рядом с теми кнопками, которые хотим отобразить в блоке.
После этого  останется скопировать код и вставить его в «нужное место»

Как установить кнопки социальных сетей от яндекс на сайт word press

Скопировав код блока «Поделиться» сохраните его в текстовом документе на компьютере.
Это избавит вас от необходимости каждый раз идти на сайт Яндекс для поиска, генерирования и копирования кода.
Он просто всегда будет у вас под рукой — на вашем компьютере.
Есть два варианта установки блока социальных сетей от Яндекс на сайт Word Press.
Первый вариант
 Установка кода (скрипта) кнопок социальных сетей от Яндекс в код темы сайта (в редакторе темы сайта). Устанавливается один раз.
Так кнопки социальных  сетей будут отображаться автоматически внизу каждой записи сайта.
На страницах отображаться не будут.
Для отображения кнопок социальных сетей на страницах сайта подходит второй вариант.
Второй вариант.
Установка блока социальных кнопок в нужном месте статьи (в ее начале, середине; под картинкой или видео). В записи и на странице.
А также в виджете , в сайтбаре.
Делается каждый раз в момент создания записи или страницы.

Установка кода блока кнопок социальных сетей от Яндекс в редактор темы

Чтобы кнопки социальных сетей были установлены на блоге Word Press один раз и автоматически отображались в конце каждой записи необходимо установить код в  «нужное место».
Идем его искать.
Варианты шаблонов тем для блогов на Word Press разные и потому все зависит от темы.
Перейдите в админ-панели сайта во Вкладку «Внешний вид» — «Редактор»

 

Как установить кнопки социальных сетей от яндекс на сайт word press

В зависимости от темы находим или «Отдельная запись» (single.php) или, как у меня,  loop-single.php

Как установить кнопки социальных сетей от яндекс на сайт word press

Открываем, к примеру, «Отдельная запись» и при помощи комбинаций клавиш на клавиатуре Ctrr+F открываем окошко для поиска нужного нам кода
В правом верхнем углу откроется маленькое узенькое окошечко (строка поиска) в которую необходимо вставить скопированный отсюда вот этот код  <?php the_content(); ?>
И нажать на клавиатуре клавишу Enter
Если в коде «Отдельная запись» такой код не обнаружен идем в код loop-single.php
Повторяем действия: комбинация клавиш  Ctrr+F
Копируем отсюда код  <?php the_content(); ?> , вставляем его в окошко поиска и нажимаем Enter.
Нужный нам код подсветится оранжевым цветом

Как установить кнопки социальных сетей от яндекс на сайт word press

Кликаем после него левой кнопкой мыши (поставить курсор), нажимаем Enter, чтобы создать и перейти на следующую пустую строку и вставляем код блока «Поделиться» от Яндекс.

Как установить кнопки социальных сетей от яндекс на сайт word press

Сохраняем изменения

Как установить кнопки социальных сетей от яндекс на сайт word press

Теперь кнопки социальных сетей будут отображаться в конце каждой записи на блоге.

Установка  кнопок социальных сетей от Яндекс в произвольное место в записи.

…а также под картинкой или видео в самой записи.
Читаем и делаем все внимательно!!!
Скопировав код блока кнопок социальных сетей от Яндекса в буфер обмена, перейдите в окно создания записи в админ панели своего сайта — затем во вкладку «Текст»

Как установить кнопки социальных сетей от яндекс на сайт word press


 

Найдите закрывающийся тег </p> (‘примечание: это означает окончание кода установки картинки или видео; предложения, абзаца.) поставьте после него курсор и нажмите клавишу Enter.
Таким образом вы создадите следующую пустую строку.

Как вставить код

И именно сюда вставьте код блока кнопок социальных сетей.
Вставить код можно сочетанием клавиш Ctrl+V или через клик правой кнопки мыши — строка «Вставить». Кому как удобно.
Во вкладке «Визуально» блок отразится у вас вот так:

Как установить кнопки социальных сетей от яндекс на сайт word press

Сохраните запись и нажмите кнопку Просмотреть. В новом окне увидите отображение кнопок под картинкой.

Как установить кнопки социальных сетей от яндекс на сайт word press

То же самое при установке кода блока кнопок социальных сетей в тексте (под предложением или абзацем).
Хочу обратить внимание, что вы перейдя во вкладку «Текст» можете не обнаружить в конце предложения тег </p>. Такое редко, но возможно.
 Не считайте это несовпадением. Просто создайте следующую пустую строку (щелкнуть курсором в конце предложения и нажать Enter) и вставьте код.
Сохраните запись и обновите окно просмотра.
Вот таким образом можно вручную вставлять код блока кнопок социальных сетей в одиночную запись на блоге или страницу в любом месте.
Установка кода в редактор темы дает отображение кнопок социальных сетей в записях блога.
А на страницах («Главная», «Обо мне», «Контакты» и других) придется размещать кнопки социальных сетей каждый раз при создании новой страницы и отредактировать те, что уже созданы и есть на сайте.
Думаю, что разместить кнопки социальных сетей от Яндекс в сайдбаре сайта через виджет «Текст» для вас уже не составит труда.
У меня на блоге в правом сайдбаре «живет» котенок. Вот для примера я сейчас установлю в виджет с котенком  кнопки социальных сетей.
Иду в меню «Внешний вид» — «Виджеты»

Как установить кнопки социальных сетей от яндекс на сайт word press

Открываю виджет «Текст» содержащий код котенка и отступив немного вниз вставляю код блока кнопок социальных сетей от Яндекс.
Сохраняю изменения и обновляю страницу просмотра своего блога.
Все. Теперь котенок на блоге тоже с кнопками социальных сетей.

Как установить кнопки социальных сетей от яндекс на сайт word press

На этом все. Очень надеюсь, что смогла помочь вам с установкой кнопок социальных сетей от Яндекс на ваш блог Word Press.
Делитесь с друзьями информацией — нажимайте на кнопки соцсетей (не зря же я их ставила, правда?) и пишите в комментариях свои вопросы и мнение.

 

Подписаться на обновление блога

Введите свой e-mail

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

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