Главная » Бизнес в интернет » Что такое виджеты, для чего они нужны и как их добавить в wordpress

Что такое виджеты, для чего они нужны и как их добавить в wordpress

Добрый день, уважаемые читатели проекта «Анатомия бизнеса»! С Вами вебмастер Александр. Я рад представить Вам новую публикацию из цикла «Как создать сайт на WordPress». Если вы до сих пор ещё не смотрели предыдущие публикации данного цикла, нынче прекрасное время это выполнить, из-за того что мы изучаем материал постепенно и для освоения следующего урока лучше всего проходить все предшествующие.

Вот ссылки на предыдущие уроки:
Бизнес на сайтах: как получать резидуальный доход, не вложив ни рубля.
Урок 1. Что такое домен и хостинг
Урок 2. Установка WordPress на сайт
Урок 3. Как установить тему для WordPress
Урок 4. Как опубликовать статью на ресурсе
Урок 5. Как подсоединиться к сайту по FTP
Урок 6. Как перевести тему для WordPress на российский язык
Урок 7. Как создать рубрику в вордпрессе
Урок 8. Как выполнить меню в вордпрессе

Но прежде чем мы начинаем занятие, я хотел бы поделиться с Вами очень хорошей новостью. Все мы понимаем, что соцсети стали уже главной частью нынешнего мира. Я много об этом писал и даже посвятил данному вопросу целый цикл публикаций; его называют «Как начать бизнес во всемирной сети: подробная инструкция». И сейчас у нас очень веселый день, из-за того что сегодня случились сразу два главных события.

Мероприятие 1: Наш клуб интернет-предпринимателей ростет!

В моём блоге «Бизнес-клуб: интернет-бизнес шажок за шажком» возник трёхтысячный читатель! Благодарю, парни, что читаете мои публикации!

Мероприятие 2: Мы перешагнули за 1 000 000 подписчиков!

В одном из моих самых больших проектов Woman’sPlace количество подписчиков теперь стало больше миллиона! Ура, товарищи! Я и Вам желаю, чтобы скоро Ваш проект во всемирной сети собрал 1 000 000 подписчиков.

Ну а сейчас давайте в конце концов перейдём к теме нашего урока.

Для чего применяются виджеты в вордпрессе

В основном, на сайтах, которые работают под управлением WordPress, виджеты применяются для формирования левого и правого сайдбара. Функция эта весьма полезная. Она дает возможность без применения программирования менять размещение разных блоков в сайдбаре. Пускай, к примеру, мы хотим установить на первое место в правом сайдбаре какой-то плакат. При помощи виджетов мы сможем это выполнить довольно быстро, прямо из панели администрирования. Но в данном деле существует два подхода: примитивной и трудный. Давайте детально разберём любой из них.

Примитивной метод добавки виджетов на WordPress

Заключается он в том, что необходимо приобрести высококачественную тему для WordPress, в которой, кроме всего другого, будут уже прописаны все ключевые виджеты. Я, к примеру, приобретаю темы только на ресурсе ThemeForest.net. Как приобрести тему на данном сайте, я детально описал в публикации «Как установить тему для WordPress». Вам я тоже советовал покупать темы на данном сайте. Можем считать, что Вы прислушались к этому совету и на этом сайте стоит высококачественная, профессионально выполненная тема. К примеру, на моём сайте biz-novostroy.ru поставлена тема, которая именуется Gazette. Когда я зашёл на главную страницу, то обнаружил, что в правой части есть место для сайдбара, но там ничего не отображается.

Из данного я сделал вывод, что эта область необходима для вывода виджетов. Дальше я выполняю следующие действия.

1)      В панели администрирования заходим в раздел внешний вид.

2)      Подбираем подраздел Виджеты.

3)      В правой части окна возникают конкретно сами виджеты.

4-5)      Находим интересующий нас виджет (в примере, показанном на рисунке, это виджет «Поиск») и перетаскиваем его мышью в область, приготовленную для отображения виджетов. На рисунке эта область именуется HomepageWidgetArea, в Вашем случае наименование области может быть другим.

Аналогичным образом я разместил в левом сайдбаре на главной странице сайта 4-ре виджета: «Поиск», «Свежие записи», «Рубрики» и «Календарь». Посмотрим результат.

Как можно заметить, все вышло.

Для закрепления материала советую взглянуть это видео:

Однако некоторые наши товарищи не ищут лёгких путей. К примеру, Вы скачали бесплатную тему для WordPress, в которой функция виджетов не поддерживается, либо же вообще желаете создать новую тему «с нуля». Как быть в данном случае?

Трудный метод добавки виджетов для WordPress

Достаточно часто начинающие веб-мастера пытаются сэкономить и устанавливают на ресурсе бесплатную тему. Каково же бывает их изумление, когда оказывается, что в их теме функция виджетов просто не прописана. Они заходят на панель администрирования и видят там следующую картину:

Тогда-то они и знают, что лучше было бы приобрести нормальную тему, но если уж установили ту, что есть, нужно с ней что-то делать. Что именно – смотрите дальше.

Как инициализировать территорию виджетов

Сейчас давайте разберемся, что значит каждая строка в этом коде.
Первая строка

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

говорит про то, что дальше пойдёт описание собственно зоны виджетов, а не что-нибудь другое.

мы указываем наименование виджета. В нашем примере его называют «Виджет №1». Второй параметр – это наименование нашей темы. Она в нашем случае именуется ‘twentyten’. Наименование виджета отображается в панели администрирования.

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

мы вводим описание виджета. Оно возникнет в области виджета сразу с названием. В таком случае описание виджета состоит всего из одного слова – «Виджет».

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

даёт команду: в конце виджета установить тег .

даёт команду: в начале виджета, перед описанием установить тег  

При большом желании можно тоже установить тег

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

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

Как поставить область выведения виджетов в теме для WordPress

Это просто. Необходимо только отыскать файл, он отвечает за ту территорию, куда мы хотим вывести нашу область виджетов. Пусть это будет правый сайдбар. Подходящий ему файл именуется sidebar.phpили right-sidebar.php и находится он, в основном, в директории /wp_content/themes/имя_темы/. Открываем этот файл, заблаговременно сделав резервную копию, и помещаем в него следующий код:

Готово! Сейчас мы обязаны увидеть следующий результат.

Какой метод лучше?

Ясно, что второй метод занимает времени намного больше. Так как я в собственной работе ориентируюсь в первую очередь на скорость и качество, то именно мне легче приобрести квалифицированную тему для WordPress, чем часами сидеть и разбираться в мелочах PHP. Разумеется, подобрав второй метод, Вы хорошо поднатаскаете себя по PHP, но оно Вам нужно? Я лучше потрачу данное время на инвестирование новых проектов и написание публикаций для наших читателей.

Успехов Вам в интернет-бизнесе!

Оставить комментарий

Ваш email нигде не будет показанОбязательные для заполнения поля помечены *

*