如何在wordpress中使用给定的html实现dynamic_sidebar('primary-widget-area')

时间:2011-01-11 08:14:50

标签: php widget wordpress

我正在使用wordpress网站。我默认使用wordpress的sidebar.php。我在<ul><li></li></ul>中显示侧边栏,问题是我想根据给定的html自定义此侧边栏。

我需要<div>中的内容。请帮助我非常紧急。我将非常感谢你们所有人。 请尽快回复我。

默认sidebar.php代码

  <?php

/ **  *侧边栏包含主要和次要窗口小部件区域。  *  * @package WordPress  * @subpackage Twenty_Ten  * @since Twenty Ten 1.0  * / ?&GT;

    <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 -->

谢谢

2 个答案:

答案 0 :(得分:1)

你几乎写下了你的解决方案。只需将<li>替换为<div>,然后移除<ul></ul>文件上的sidebar.php标记即可。然后编辑主题的CSS文件以匹配您想要实现的样式。由于我不知道您使用的是哪个主题,因此我无法向您提供具体的CSS说明。

答案 1 :(得分:0)

恕我直言,你可以用“div”替换“li”,但是“li”是wordpress提供或使用的默认标签,为什么不坚持使用“li”?使用两者非常相似...