Посмотрите, как легко Widgetize темы WordPress

Сделать ваши темы готовыми к виджетам на самом деле не так сложно, как вы думаете. Widgetizing ваша тема обычно включает в себя готовность элементов боковой панели к виджетам. Я иду через что такое готовая к виджетам тема в предыдущей статье. Если ваша тема написана на чистом CSS, это может занять 5 минут или меньше, и я покажу вам, как.


  • Убедитесь, что ваша тема «подходит для виджетов»
  • Создание файла functions.php для регистрации боковой панели
  • Заключите вашу статическую боковую панель в условный тег динамической боковой панели
  • Создание нескольких готовых к виджетам областей
  • Другие творческие способы использования виджетов

Начните виджетировать ваши темы и читайте дальше …

Первое, что вам нужно сделать, это убедиться, что ваша боковая панель (или что бы вы ни создавали) – это то, что мне нравится называть виджет дружественным. Это включает в себя форматирование HTML определенным образом. Идеальный элемент боковой панели в готовой для виджетов теме WordPress кодируется так:

категории

Обратите внимание, что это очень чистый код. Там нет div и нет добавленных классов к

    а также
  • теги.

    Следующие четыре примера также являются виджетизируемыми.

    категории

  • категории

  • категории

    категории

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

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

      категории

      Это связано с тем, что к

        а также
      • теги. Убедитесь, что ваша тема написана одним из наиболее «идеальных» виджетов, чтобы избежать этой проблемы..

        Зарегистрировать боковые панели

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

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

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

        <?PHP
        if (function_exists (‘register_sidebar’))
        register_sidebar (массив (
        ‘before_widget’ => «»,
        ‘after_widget’ => «»,
        ‘before_title’ => ‘

        ‘,
        after_title => ‘

        ‘,
        ));
        ?>

        Кажется довольно очевидным, верно? Название «Категории» было заключено в

        а также

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

        Боковая панель условных тегов

        Эй, условный тег? С надеждой это звучит знакомо. Мы будем использовать нечто подобное, чтобы проверить, зарегистрирована ли боковая панель с виджетами, и активны ли они. В верхней части боковой панели (или там, где вы хотите, чтобы виджеты начали отображаться) вы размещаете следующий код.

        <?php if (! function_exists (‘dynamic_sidebar’) ||! dynamic_sidebar ()): ?>

        Материал боковой панели идет между, а затем …

        <?php endif; ?>

        Убедитесь, что у вас есть endif; после открытия, если заявление в какой-то момент, или вся ваша тема будет нарушена. Если вы все сделали правильно, ваша тема должна быть готова к виджетам. Однако мы еще не закончили …

        Несколько готовых областей виджетов

        С несколькими добавлениями и изменениями в вашем файле functions.php и еще несколькими операторами if в ваших файлах тем вы можете иметь столько областей виджетов, сколько захотите, каждая с собственным уникальным именем..

        Допустим, у вас было три колонки с двумя боковыми панелями – одна слева, а другая справа. Вы хотите, чтобы виджеты обоих из них по отдельности. Мы будем работать со структурой боковой панели первого примера для обоих. Ваш файл functions.php будет выглядеть так:

        <?PHP
        if (function_exists (‘register_sidebar’))
        register_sidebar (массив (
        ‘name’ => «Левая боковая панель»,
        ‘before_widget’ => «»,
        ‘after_widget’ => «»,
        ‘before_title’ => ‘

        ‘,
        after_title => ‘

        ‘,
        ));
        if (function_exists (‘register_sidebar’))
        register_sidebar (массив (
        ‘name’ => «Правая боковая панель»,
        ‘before_widget’ => «»,
        ‘after_widget’ => «»,
        ‘before_title’ => ‘

        ‘,
        after_title => ‘

        ‘,
        ));
        ?>

        Обратите внимание на новую часть имени массива. Вы можете назвать это как хотите, но постарайтесь быть описательными. Теперь, когда вы переходите к файлу sidebar.php или где каждая из ваших боковых панелей находится в вашей теме, вы будете использовать следующий условный тег – с названием боковой панели, которое вы выбрали в functions.php. Также убедитесь, что в этом файле нет ошибочных пробелов или разрывов строк, так как это может привести к появлению предупреждающих сообщений при редактировании..

        <?php if (! function_exists (‘dynamic_sidebar’) ||! dynamic_sidebar ("Левая боковая панель")): ?>Здесь по умолчанию левая боковая панель…
        <?php endif; ?>

        И для правой боковой панели …

        <?php if (! function_exists (‘dynamic_sidebar’) ||! dynamic_sidebar ("Правая боковая панель")): ?>Здесь по умолчанию правая боковая панель…
        <?php endif; ?>

        Убедитесь, что все соответствует именам, которые вы выбрали в обоих файлах..

        Другие вещи, которые вы можете сделать с виджетами

        Виджеты не обязательно использовать для боковых панелей. Они могут быть использованы для других вещей, таких как нижние колонтитулы или даже в заголовке. Теоретически вам даже не нужно помещать код «по умолчанию» между условным тегом. Будьте креативны с этим и используйте свое воображение. Используйте виджет в вашем заголовке, чтобы вращать объявления, или есть виджет окна входа в нижнем колонтитуле, или где вы хотите – это ваше дело.

        Вывод

        Надеюсь, вы извлекли уроки из этого урока и теперь знаете, как создавать свои темы. Если во время редактирования чего-либо появляется сообщение об ошибке «заголовки уже отправлены…», возможно, вам придется дважды проверить файл functions.php, чтобы убедиться, что под закрывающей строкой нет свободного места. ?> тег.

        Некоторое дальнейшее чтение доступно в Automattic а также WPDesigner. Есть несколько других «сокращенных» версий кода, которые я сделал на этих страницах..

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

        Jeffrey Wilson Administrator
        Sorry! The Author has not filled his profile.
        follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map