Как разнообразить свою тему и зачем нужны Виджеты

! Тема, которая описана в этой статье, была довольно сильно изменена, но основные принципы остались те же самые.

Сейчас в Клубе есть несколько стандартных тем, но многим хочется чего-то более уникального. В этой статье я расскажу, как можно изменить тему, используя Виджеты. Кроме того, в Клубе появилась новая тема №8, которую я назвала «Сделай сам», и в которую можно внести довольно-таки много настроек. Специальные настройки доступны пока только у одной темы, а вот виджеты можно использовать везде.

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

Управление дизайном осуществляется с помощью раздела меню Внешний вид.

Изменение темы

В первом пункте можно выбрать любую тему и активировать ее. Если у темы есть доволнительные настройки, то в это же разделе появится ссылка на эти настройки. Я выбрала тему номер 8, и снаачла она выглядела вот так (картинки большие, поэтому на них надо нажимать, чтобы посмотреть полностью):

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

(Все картинки, нужные для темы, можно заранее загрузить через раздел Медиафайлы — Добавить.)

Для начала я убрала бабочку,поменяла цветовую схему и добавила фоновую картинку.

А потом перед записями вставила большого крокодила.

Вот что получилось в результате:

Добавление виджетов

Теперь добавим Виджеты в колонки с меню.  В разных темах разное количество панелей, куда можно добавить виджеты. В некоторых можно добавлять только в боковые колонки, в некоторых — еще наверх или вниз. Например, в теме номер 5 только одна боковая колонка, но 2 панели для виджетов — выше и ниже блока с последними комментариями и рубриками. В теме номер 6, кроме двух боковых колонок, можно добавить небольшой виджет в верхнюю часть темы.

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

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

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

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

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

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

А вот чтобы добавить картинку, или сделать текст жирным или разноцветным, то надо использовать специальный коды для страниц — html. Сейчас я расскажу, как его можно получить.

Создаем новую страницу или запись (чтобы сохранить ее как черновик, можно нажать кнопку «Сохранить«, Публиковать ее не надо, чтобы никто больше не видел), и там пишем все, что нам надо, вставляем картинки и так далее. Например, вот так:

Главное, чтобы ширина картинки не была больше, чем ширина колонки, куда эта картинка будет вставлена. Например, для темы 8 это 200 и 250 пикселей.

А затем нажимаем на вкладку HTML (рядом с вкладкой Визуально) и получаем html-код:

Этот код надо скопировать,а  затем вернуться в Виджеты и вставить этот код в нужный текстовый виджет:

В итоге в нужном месте получим нужные картинки или надписи. Таких виджетов можно вставить сколько угодно.

В итоге получилась ни на что не похожая крокодиловая тема.

Вот ссылка на тестовый блог с этой темой.