Настройка виджетов WordPress

(Урок обновлен) Всем привет, друзья! В этом уроке поговорим о настройка виджетов WordPress. Это очень интересный этап создания сайта, так как тут мы наведем порядок на сайте. Добавим нужную информацию на сайт.
Виджеты, это те блоки, которые отображаются в правой и левой части сайта, с разными функциями, к примеру, подписка на сайт, баннеры с рекламой, ссылки на группы в соц-сетях и все остальное что вам нужно. 
Чтобы не занимать ваше время, то в рамках курса “Wordpress курс для начинающих”, мы поговорим, о самых необходимых виджетах, которые будем добавлять на наш блог. А если вам понадобится еще что-то, то вы легко сможете добавить нужный вам виджет из раздела Виджеты. 
Если вам нужно реализовать какую-то вашу идею, а не знаете как, то пишите в комментариях, обязательно помогу вам!
Что мы будем делать в этом уроке
Внимание! Настраивать виджеты в мы будем в шаблоне FlyMag. Если у вас другой шаблон, то внешний вид и расположение виджетов на блоге, будет отличаться от моего. В этом нет ничего страшного, сами виджеты везде одинаковы! 
Удалим пару лишних блоковУберем с правой части сайта все не нужные нам блоки.
К примеру свежие записи, они нам точно не нужны, так как записи выводятся на главной странице сайта.Также удалим поиск, в этом шаблоне он есть в шапке сайта возле меню. 
Еще удалим Мета.
На скрине ниже, красными крестиками я отметил те блоки, которые будем удалять. 

И блок Мета, он находится чуть ниже на сайте. Он не нужен так как он предназначен для админа, а не для пользователя. 

Добавим новые виджеты, вот такие: Ссылку на наш YouTube каналБлок под рекламуПодписка на сайтСлайдер с записями с определенной рубрики. В этом слайдере можно выводить статьи, которые хотите выделить среди остальных. Я выведу в нем цитаты дня.
Уверен, добавив эти виджеты, далее вы уже сами сможете добавить любой блок какой вам нужен. Если будут трудности в чем-то, то пишите в коментах, вместе поможем решить вашу задачу. В самом деле все очень просто, и так приступим. 
Навигация по уроку: Удаление виджетовДобавление слайдера в котором будем выводить отдельные записи. Добавление подписки на сайтДобавление YouTube канала
Настройка виджетов, удалим лишниеИ так первым делом удалим не нужные виджеты. Заходим в админку нашего сайта, затем выберем Внешний вид, Виджеты   

После этого откроется окно со всеми виджетами.
Красным прямоугольником я обвел те виджеты которые у меня теперь установлены. Если вы работаете в такой же теме как и я (тема flu mag), то и у вас будет примерно такая же картина. 

Чтобы удалить не нужный виджет, нажмите  по его названию и он развернется, затем нажмите ссылку удалить. 

Второй способ удаления виджета, просто зажмите его мышкой и перетащите влево. 
Чтобы поменять местоположение виджета просто зажмите его, и перетащите вверх или вниз, как вам нужно. 
И так я удалили не нужные виджеты, а остальные поставил так, сначала будет Рубрики, а затем Свежие комментарии. Позже добавим еще и другие.  

Если посмотреть на сайте, то у меня остались два виджета, и они в таком порядке, как и настроил. Рубрики и Свежие комментарии.

 Добавляем и настраиваем новые виджетыСначала добавим виджет Слайдер последний записей. Его мы используем для вывода записей с отдельной рубрики. В него можно вывести какие-то особенные статьи, которые хотите выделить среди остальных.
Если вам слайдер не нужен, то можете его не добавлять. Нажмите пропустить, чтобы пропустить блок настроек слайдера.
Чтобы установить этот виджет, зайдите во Внешний вид затем  Виджеты, с левой стороны есть блок Доступные виджеты. Их можно добавить на сайт. 

Прокрутите страницу с настройками немного вниз, и найдите виджет    Слайдер последних записей   

После этого зажмите его мышкой и перетащите его в  Боковую колонку, в тот блок откуда мы удалили не нужные нам виджеты. 
Можно установить виджет и по другому. Нажмите на него, он развернется, затем выберите из списка ту колонку, в которую хотите его добавить. (по другому сайт-бар)
Хорошо, слайдер добавили, теперь нужно его настроить. Указать рубрику из какой будут выводиться в него записи. Настроить количество записей, и настроить цвета. 
Если не желаете читать о настройке виджета, то я приготовил краткое видео, в нем я показал как это делается. (еще не опубликовано) 
Перейдем к настройке. Нажмите по названию виджета, чтобы он развернулся и приступим. Я установлю свои настройки, вы свои, какие вам нужно. 

1. В первом поле указываем название самого блока. Вводите в него то, что вам нужно, в зависимости от того, что вы будете выводить в этом блоке. Я назову его, Цитата дня. 
2. В поле два нужно указать ярлык той рубрики, из которой хотите выводить записи в этот блок.  Если ярлык не указывать, то будут выводиться в него статьи со всех рубрик. Давайте укажем ярлык.
Перед тем как добавить ярлык рубрики, нужно создать саму рубрику и создать ярлык.  Создадим новую рубрикуДля этого в панели управления заходим в Записи, а затем выберем Рубрики. 

После этого откроется окно, и в левой части окна есть блок под названием Добавить новую рубрику.
Введите название рубрики на русском  языке, если сайт у вас русскоязычный.
Также введите ярлык, но ярлык должен указываться на латинице. Для этого вы можете просто название рубрики перевести на латиницу в онлай сервисе seowind.ru   

 После того как ввели название рубрики и ярлык, то не забудьте нажать кнопку Добавить новую рубрику, она внизу страницы. Также можете указать краткое описание рубрики.
И так рубрика есть, и ярлык тоже есть, скопируйте ярлык и вернитесь в настройки виджета, затем вставьте ярлык в назначенное для этого поле.
Напомню куда вводить ярлык рубрики, внизу на скрине показано.

Напротив пункта Количество записей укажите то количество записей, которое хотите выводить в этом блоке. В нем будут выводиться последние записи, не зависимо от того количества, которое вы укажете.
Если хотите чтобы выводились все записи из выбранной рубрики, то укажите значение 0. 
Готово, можем посмотреть как это смотрится на сайте. 

Как видите, слайдер готов, если навести на него мышкой, то появится стрелка нажав на которую мы откроем запись.
А если записей будет несколько и в настройках вы указали больше одной, то вверху слайдера будет стрелка туда < > сюда, с помощью которой можно листать слайды произвольно.
Если ничего не делать, то слайды буду сменяться самостоятельно, каждые 4 секунды. Чтобы изменить это время зайдите в Настройку шаблона.   

Затем выберите пункт    Карусель  

В открывшемся окне можно настроить слайдер как нам нужно. Чтобы изменить скорость переключения слайдов прокрутите панель настроек вниз до пункта Настроек скорости карусели в милисекундах.

Введите тут то значение, какое вам нужно. Но не забывайте что люди должны успевать увидеть слайд, и прочитать его заголовок.
Обратите внимание! Если вы все сделали правильно, и виджет выводится на сайте, но после того как вы указали ярлык, то с сайта виджет пропал полностью. Это означает что рубрика на которую вы ссылаетесь ярлыком, не содержит ни одной записи. 
Еще одно, чтобы отображалась картинка в слайдере, необходимо ее задать в самой записи.  Заходите в пункт Записи, затем на нужной записи выбираете Изменить, этот пункт появится при наведении мышки на запись. Или просто нажмите на заголовок записи чтобы открыть ее для редактирования. 

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

Тут вы можете задать изображение или удалить существующее. 
На этом с настройками виджета слайдера закончим.

1. Вводим заголовок для этого блока. К примеру наш YouTube канал, или Подписаться, в зависимости от того, что вы хотите реализовать в этом блоке. Я как и обещал, реализую подписку на сайте. 
2. В поле содержание можем ввести какой-то текст, если вам нужно. Но чтобы вывести форму подписки, мы должны ввести код, который выведет нам небольшую формочку подписки. 
Чтобы получить код формы подписки, нам необходимо зарегистрироваться в специальном сервисе рассылок, об этом я писал в этом уроке (еще не опубликовано)
Но перед тем как зарегистрироваться в сервисе рассылок, необходимо зарегистрировать домен. В уроке регистрации домена, подробно описал процесс регистрации домена (еще не урок создан) 
На этом все, поздравляю вас, вы научились настраивать виджеты, удалять их и добавлять новые. Вы можете поставить любые другие виджеты и посмотреть их на сайте, поэкспериментировать. Также можете реализовать любую идею с помощью виджета Текст. 
Если возникли трудности, пишите в комментариях, вместе сделаем!)
Имейте в виду, каждый виджет на сайте должен находиться с какой-то целю, лишнего ничего точно не должно быть.
Желаю успехов, и переходите к следующему уроку, уже скоро ваш сайт будет готов и работать на все сто! Увидимся в следующих статьях и комментариях.  

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

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