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

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

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

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

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

Помощь - внешний вид в ВП

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

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

Помощь - внешний вид - 1

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

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

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

Помощь - настройки темы

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

Помощь - Изменение в настройках верхней картинки

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

Помощь - внешний вид 2

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

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

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

Помощь - добавление виджетов

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

Помощь - настройки для виджетов

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

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

Настройка внешнего вида - 3

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

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

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

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

Помощь - создаем текст

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

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

Как получить html-код

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

Вставляем код в виджет

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

Внешний вид - 4

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

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

Автор: Трикки

Главный админ этого сайта.

Комментарии

  1. А как в ленте группы картинку отправить?

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

  3. Как вставить картинку в тест ?

  4. Пожалуйста не удаляйте моё сообщение. КАК ДОБАВИТЬ ТЕСТУ РУБРИКУ И МЕТКИ? ОТВЕТЬТЕ ТРИККИ ИЛИ КТО ЗНАЕТ! ОЧЕНЬ ПРОШУ! ЗАРАНЕЕ СПАСИБО!

  5. Скажите, а как в группе вставлять картинку в RRS в запись?

  6. А почему в произвольное меню можно добовлять только одно меню?

  7. А можно ли скачать одну из тем для Word Press со специального сайта и потом загрузить на свой блог?

  8. а у меня нет HTML кода

  9. НЕМОГУ РАЗНООБРАЗИТЬ ТЕМУ ТАК КАК ДАЖЕ В ВИДЖЕТАХ ЗАРЕЗАН КОД!!!!! Я ХОРОШО ЗНАЮ CSS и HTML А ТАКЖЕ СИСТЕМУ WP АВТОР ДАННОГО САЙТА ИГНОРИРУЕТ МЕНЯ О ТОМ ЧТО БЫ ДАТЬ ВОЗМОЖНОСТЬ ИЗМЕНИТЬ ХОТЯБЫ ОДНУ ТЕМУ КОТОРАЯ БУДЕТ ДЕЙСТВИТЕЛЬНО РЕДАКТИРУЕМОЙ!!!!!!

  10. Мики, это не 2 картинки, а все одна

  11. А как сделать две картинки в заголовке, как на блоге Гризельды?

  12. Людишки, а как сделать другую фотку???

  13. у меня нет раздела Записи

  14. у всех есть фотка а у меня нет!

  15. А у меня во всех блогах нет внешнего вида!

  16. Жалко что у меня нет блога(((

  17. pippusialovve, у тебя в профиле 28 блогов. :) В каком именно?

  18. Трикки,настройки оформления исчезли!У меня стоит тема 8

  19. ★◦●◦★ PoLiNa★◦●◦★, в консоли блога в левой колонке в разделе «Внешней вид». Но настройки есть не у всех тем.

  20. трикки
    я всётаки не поняла
    у меня стоит эта тема, но во «Внешнем виде» «настроек темы» нету.
    что надо сделать что бы настройки «темы появились?»

  21. А где найти настройки оформления?

  22. Настройки есть только в одной теме. В остальных темах есть Заголовок и Фон, но не во всех.

  23. у меня тож что у Гравии

  24. Вопрос: у меня стоит эта тема, но во «Внешнем виде» «настроек темы» нету. Там только:
    темы
    виджеты
    меню
    заголовок
    И все. и как изменить тему дальше я не знаю.

  25. Спасибки!!!!:-P

  26. спосибо очнь класно

  27. круто я зделала и не мешает и вёсело.

  28. Yana:

    Ты права

  29. Консоль — меню слева — раздел Записи — добавить или редактировать. Если под «записями» ничего нет, но нажать на серый треугольничек, чтобы меню открылось.

  30. девочки скажыте пожалуйста где ета чертовая запись блога?????

  31. а где запись блога?

  32. Помоему, многие переборщили с картинками- от текста отвлекает и читать не удобно. А у некоторых прикольно получилось…тут главное не переборщить :-)

  33. А мне нравится..СПС…

  34. Avril, вот поэтому я и люблю простые темы без кучи картинок. :)

    Но на самом деле, если не переборщить, то можно получить очень интересные варианты.

  35. Это конечно хорошо, но получается теперь не красиво. Картинки отвлекают от чтения!

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