Arhn - архитектура программирования

Как реализовать dynamic_sidebar('primary-widget-area') с заданным html в wordpress

Я работаю над сайтом wordpress. По умолчанию я использую sidebar.php wordpress. Я показываю боковую панель в <ul><li></li></ul>, и проблема в том, что я хочу настроить эту боковую панель в соответствии с заданным html.

Мне нужны вещи в <div>. Пожалуйста, помогите мне, это очень срочно. Я буду вам всем очень благодарен. Пожалуйста, ответьте мне как можно скорее.

По умолчанию код sidebar.php

  <?php

/** * Боковая панель, содержащая основную и дополнительную области виджетов. * * @package WordPress * @subpackage Twenty_Ten * @since Twenty Ten 1.0 */ ?>

    <div id="primary" class="widget-area" role="complementary">
        <ul class="xoxo">

        <li id="search" class="widget-container widget_search">
            <?php get_search_form(); ?>
        </li>

        <li id="archives" class="widget-container">
            <h3 class="widget-title"><?php _e( 'Archives', 'twentyten' ); ?></h3>
            <ul>
                <?php wp_get_archives( 'type=monthly' ); ?>
            </ul>
        </li>

        <li id="meta" class="widget-container">
            <h3 class="widget-title"><?php _e( 'Meta', 'twentyten' ); ?></h3>
            <ul>
                <?php wp_register(); ?>
                <li><?php wp_loginout(); ?></li>
                <?php wp_meta(); ?>
            </ul>
        </li>

    <?php endif; // end primary widget area ?>
        </ul>
    </div><!-- #primary .widget-area -->

    <div id="secondary" class="widget-area" role="complementary">
        <ul class="xoxo">
            <?php dynamic_sidebar( 'secondary-widget-area' ); ?>
        </ul>
    </div><!-- #secondary .widget-area -->

Спасибо

11.01.2011

Ответы:


1

Вы практически записали свое решение. просто замените <li> на <div> и удалите теги <ul></ul> в файле sidebar.php. Затем отредактируйте файл CSS вашей темы, чтобы он соответствовал стилю, которого вы хотите достичь. Поскольку я не знаю, какую тему вы используете, я не могу дать вам конкретные инструкции по CSS.

11.01.2011
  • Посмотрите мой обновленный вопрос. Я не могу вносить изменения css в боковую панель .php, потому что нет никаких условий, когда primary widget active. В sidebar.php есть только условие, если основной виджет пуст. 11.01.2011
  • Я не уверен, что понимаю ваш комментарий, стиль должен быть не в sidebar.php, а в указанном файле css внутри каталога вашей темы (должен быть связан вверху sidebar.php). После изменения тегов <li> на <div> попробуйте использовать расширение firefox под названием Firebug, которое позволяет локально изменять файлы css для проверки внешнего вида вашего сайта. Посмотрите, что работает для вас, а затем внесите изменения на своем действующем сайте. 11.01.2011
  • Перейдите по ссылке hostgeyser.com/socialtrekk и посмотрите на боковую панель. Мне нужна эта боковая панель css на hostgeyser.com/socialtrekk/?page_id=13 боковая панель. Очень сложно использовать тот же CSS на боковой панели блога. 11.01.2011

  • 2

    ИМХО, вы можете заменить «li» на «div», но поскольку «li» является тегом по умолчанию, который WordPress предоставляет или использует, почему бы не придерживаться использования «li» ?? использование обоих очень похоже...

    10.05.2011
    Новые материалы

    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..