ГлавнаяОбучение

Установка кнопок социальных сетей на WordPress. Урок 17.

Это последнее задание последнего урока. Оно будет очень интересное и трудное. Сейчас мы будет социализировать ваш сайт – создадим кнопки социальных сетей.

Кнопки социальных сетей позволяют каждому пользователю поделиться материалом сайта в той или иной социальной сети в своём аккаунте. При этом в посте будет фигурировать ссылка на ваш сайт. Это положительно сказывается на продвижении.

Наверное, вы уже привыкли к тому, что каждая задача в WordPress решается с помощью плагина. Конечно же, плагины могут решить многое и даже установить социальные кнопки. Но мы сейчас пойдём иным путём. Установим кнопки с помощью сервиса Share 42 – это лучший вариант.

Перейдите на сайт Share 42.

Для начала сделаем первый шаг – выберите размер иконок. Я предпочитаю оставить по умолчанию – 32 на 32 пикселей, так как остальные кажутся слишком мелкими. Выберите необходимый размер.

urok-5-6

Ниже выберите, какие социальные сети будут отображаться на вашем сайте. Предлагаю выбрать Facebook, Google+, Mail.Ru, Одноклассники, Twitter и ВКонтакте – то есть, самые популярные в Рунете социальные сети. Вы можете дополнить этот список, если считаете необходимым, или убрать из него кнопки, которые вам не нужны.

Чтобы выбрать ту или иную кнопку, просто кликните на неё. Таким образом, выберите все необходимые вам кнопки.

urok-5-7

Теперь второй шаг – нужно произвести небольшие настройки. Сначала выберите горизонтальная или вертикальная у вас будет панель с социальными кнопками. Я предпочитаю ставить вертикальную, так как она будет плавающей, то есть всегда останется на виду, независимо от прокрутки страницы.

Чуть ниже снимите галочку с пункта «Добавить иконку сайта Share42.com». Эта иконка нам не нужна, она не принесёт пользы.

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

urok-5-8

В третьем шаге нажмите на кнопку «Скачайте готовый скрипт», чтобы получить архив наших кнопок.

urok-5-9

Теперь нам нужно загрузить этот скрипт на сайт. Останьтесь на сайте Share 42, не закрывайте его.

Перейдите в свой аккаунт на хостинге Beget, и нажмите там «Файловый менеджер». С помощью файлового менеджера можно получить доступ к файлам вашего сайта. Соответственно, скрипт нужно загружать тоже оттуда.

urok-5-10

Перейдите в корневую папку вашего сайта. В файловом менеджере будет сначала папка с названием вашего сайта. В моём случае, это vendin1988.ru. Откройте её. Затем папка public_html – тоже откройте. И то, что находится внутри папки public_html – это и есть корневая пака сайта. Для ориентации — в этой папке ещё находятся другие папки wp-admin, wp-content и wp-includes. Этот системные папки WordPress, не трогайте их. Но если вы их видите, значит вы в корневой папке.

Находясь в папке public_html и видя системные папки WordPress, нажмите в файловом менеджере кнопку «Загрузить файлы».

urok-5-11

В открывшемся окне нажмите кнопку «Browse» и выберите на компьютере файл архива, который вы скачали немного ранее с сайта Share 42 и нажмите кнопку «Открыть».

urok-5-12

Файл архива становится готовым для загрузки. Нажмите кнопку «Загрузка».

urok-5-13

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

urok-5-14

В корневой папке появился архив «Share42». Теперь нам нужно его распаковать. Нажмите на архив правой кнопкой мышки и выберите пункт «Распаковать архив».

urok-5-15

Откроется окошко, в котором нужно будет выбрать путь, куда архив будет распакован. Оставьте всё по умолчанию, и нажмите кнопку «Ок».

urok-5-16

Процесс распаковки продлится несколько секунд, и в результате в корне сайта у вас появится папка «Share42».

urok-5-17

Закройте файловый менеджер, и вернитесь на сайт Share 42. Здесь на четвёртом шаге необходимо указать путь к папке «Share42», которую мы только что распаковали на хостинге. Раз мы поместили её в корневую папку сайта, то её путь будет у меня https://vendin1988.ru/share42, а у вас, вместо vendin1988.ru будет ваш сайт.

Поместите этот адрес в соответствующем поле.

urok-5-18

Немного ниже необходимо выбрать CMS, на которой создан наш сайт. Естественно, нужно выбрать наш любимый WordPress.

urok-5-20

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

urok-5-21

Этот код нужно вставить на сайт, чтобы социальные кнопки, наконец, появились. Поэтому, перейдите в вашу консоль WordPress.  Перейдите в пункт «Внешний вид», подпункт «Frontier Options». Зайдите во вкладку «Misc» и вставьте код в поле «Custom <Head> Codes». Потом нажмите «Save Option».

urok-5-26

После этого перейдите на ваш сайт. Откройте одну из ваших записей и там вы увидите ряд социальных кнопок, через которые можно поделиться.

urok-5-27-2

Как видите, я уже поделился материалом во ВКонтакте. Поэтому около этой кнопки у меня стоит цифра один. Это и есть счётчик. Вы тоже поделитесь одной из ваших записей в любой социальной сети, чтобы около нужной иконки появилась цифра. Ваши друзья в соцсети увидят вашу запись со ссылкой на ваш сайт, и смогут перейти по ней.

Задание №2 считается выполненным, если:

  • У вас на сайте есть кнопки социальных сетей.
  • Вы поделились одной из ваших записей, и это засчиталось счётчиком.

Все получилось? Продолжаем двигаться дальше — Установка и настройка SEO плагина Yoast

УжасноПлохоНормальноХорошоОтлично (Поставьте оценку статье)
Оставьте комментарий:
Я не спамлю...