Как Разместить Виджеты в Любом Месте Блога WordPress

WordPress позволяет пользователям добавлять виджеты в их боковую панель. Стандартные виджеты, вроде Последние записи, Последние комментаторы и Облако меток очень удобны, как для пользователей так и для дизайнеров тем.

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



Прежде чем, что-то менять. Убедись в наличии актуальной резервной копии своего блога WordPress и его базы данных у себя на компьютере.

Спланируй размещение виджетов

Итак, ты хочешь поместить виджеты в каком-то не стандартном месте своего шаблона. Но сперва нужно определиться с тем, где именно на сайте будут располагаться твои виджеты и сколько их будет. К примеру, на приведённом ниже изображении, я определил 4 места для размещения виджетов.

виджеты wordpress в любом месте

Тебе потребуются некоторые знания xhtml и немного css, чтобы сделать всё правильно.

Functions.php

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

<?php
if ( function_exists('register_sidebars') )
register_sidebars(4);
?>

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

Можешь проверить теперь в панели управления Дизайн -> Виджеты, кликнув на выпадающее меню ты увидишь свои 4 сайдбара.

регистрация сайдбаров

Но как узнать какой из них какой?

Создай файлы сайдбаров

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

Создаём файл для места №1. Создай .php файл, с именем, например topcolumn.php, который будет использоваться для выведения, допустим анонсов. Скопируй в файл следующий код:

<ul id="topcolumn">
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else : ?>
      любой код здесь
<?php endif; ?>
</ul>

Фактически тебе не обязательно вставлять какой-либо код туда, где написано «любой код здесь», можно просто оставить эту строку пустой, на работу это не повлияет. Цифра «2″ в скобках обозначает номер сайдбара, который мы видели в выпадающем меню шагом выше. Смени номер на любой какой тебе нужно, но не превышающий колличество зарегистрированых сайдбаров.

Повтори те же действия для остальных сайдбаров. Используй для них другие имена файлов, другой id тэга ul и номер сайдбара.

Внедряем сайдбары

В зависимости от структуры твоей темы, определи где ты хочешь поместить сайдбары. Для вставки, используй этот код:

<?php include (TEMPLATEPATH . '/topcolumn.php'); ?>

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

Заполни сайдбары виджетами

Самые гибкие виджеты, это текстовые виджеты. Ты можешь вставить в них код рекламы или всё, что захочешь.

Удачи.

Перевод статьи Using widgets anywhere on your WordPress site

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

Запись опубликована в рубрике Wordpress с метками , , . Добавьте в закладки постоянную ссылку.

39 комментариев: Как Разместить Виджеты в Любом Месте Блога WordPress

  1. Trita говорит:

    Огромное спасибо за инфу. Автору респект и уважуха.

  2. Metteur говорит:

    А!!!! Неделю искал как это сделать. Все отвечали, что просто и типа «сам сообразишь». Прочитал, сделал за десять минут. Действительно просто! (когда разъяснили :-)
    Советую всем, думать ненадо. копи-пэйст и — работает!
    Вот: Засунул сверху под заголовок линейку фотографий и в самой левой колонке — слайдшоу
    http://www.germaniaplus.de
    СУПЕР! Спасибо!

  3. lelo говорит:

    Давно искала эту информацию, спасибо.

  4. Natali говорит:

    Интересно, я даже и недумала об этом…

  5. Сергей говорит:

    Штука крутая! быстр ои удобно!
    только один вопрос, как настроить что б бар откывался не с верху в низ , а с право на лево???

  6. Skech говорит:

    Сергей, не знаю. Можно просто в несколько блоков сделать.

  7. Алексей говорит:

    Я абсолютно чайник…. сайдбары понял как создать. а вот дальше…
    Подскажите плиз куда именно вставлять html код для того, чтобы сайдбары разместить на сайте?

  8. Skech говорит:

    Алексей, сделай резервную копию файла index.php твоей темы и попробуй куда-нибудь вставь код. Посмотри, что получится. Так и разберёшься ;)

  9. Eran говорит:

    И как у вас получается такие объемные статьи писать, я с десяток предложений напишу, а дальше уже сложнее. Автор вы где то учились этому?

  10. Ratm говорит:

    Полезная статья по виджетам на английском:
    http://www.quickonlinetips.com/archives/2007/11/how-to-create-multiple-dynamic-sidebars-for-wordpress-widgets/

    А вообще чтите Кодекс:
    http://codex.wordpress.org/Plugins/WordPress_Widgets

  11. Евгений говорит:

    Очень полезная статья. Многое разьяснила про работу Вордпресса. И сайдбарчик конечно сделал. Автор жду еще работ)

  12. CharnaD говорит:

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

  13. Boris говорит:

    Спасибо за информацию!

  14. Огромное спасибо за инфу.

  15. Матвей говорит:

    спасибо автору)

  16. Алиса говорит:

    ОТЛИЧНЫЙ сайт!!!!)))

  17. Ириша говорит:

    Интересно…. спасибо! ;)

  18. Stila говорит:

    А если сайдбары идут отдельным файлом, а не в индексе ?(

  19. Rusty говорит:

    Блин… я мучался, а оказалось всё так просто))

  20. VRS говорит:

    Спасибо! :) … статья очень пригодилась!

  21. ganar dinero говорит:

    Разложено аккуратно, как у эстонца в холодильнике)) Думал, что проблему решить с моими скудными познаниями в пхп, не сложится, а оно вон как, ясно и просто. Спасибо.

  22. insurrinc говорит:

    Отличный пост! автору респект и уважуха!

  23. Зверев говорит:

    кто читает это блог – молодцы!

  24. Монашек говорит:

    Да таков наш нынешний мир и боюсь с этим ни чего невмоготу поделать:)

  25. Гагарин говорит:

    Хорошо написано, надо будет скинуть ссылочку товарищам, чтобы и они оценили вашу статью.

  26. Димулик говорит:

    Действительно полезняк! А то сколько не лазишь по нету сплошное бла бла бла. Но не тут, и это радует!

  27. Светлана говорит:

    Огромный респект!

  28. Андрей говорит:

    Спасибо, очень благодарен!

  29. gg-hh говорит:

    это глупо

  30. Диментий говорит:

    Спасибо за познавательную статью!

  31. мамантёнок говорит:

    Спасибо за статью, буду пробовать.. Надеюсь получится :)

  32. Bergamot говорит:

    Отличная статья.Респект автору.

  33. Fedoseev говорит:

    Благодарю за познавательную статью!

  34. Galkin говорит:

    Увлекательно стало, а комментарии которые не нравятся автору тут удаляют?

  35. Денис говорит:

    Как следует пишете. Надеюсь, как скоро-нибудь увижу нечто аналогичное и на своем блоге…

  36. ZHukov говорит:

    Потрясающе! Вот не ждал…)

  37. Sidorov говорит:

    Имеет возможность быть кто-нить поделится ссылочкой на собственно-нибудь из данной же тематики? Уж довольно заинтересовало

  38. Jlady говорит:

    У нас на сайте все программист через код прописывает, может лучше все в виджеты перевести и мы сами тогда сможем править, верно я мыслю?

  39. Уведомление: Мысли в слух | Black&White's Blog

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

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

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">