如何在wordpress中使用给定的html实现dynamic_sidebar（'primary-widget-area'）答案

【问题标题】：How to implement dynamic_sidebar( 'primary-widget-area' ) with the given html in wordpress如何在wordpress中使用给定的html实现dynamic_sidebar（'primary-widget-area'）
【发布时间】：2011-01-11 08:14:50
【问题描述】：

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

我需要<div>中的东西。请帮帮我，非常紧急。我将非常感谢你们。请尽快回复我。

默认 sidebar.php 代码

  <?php

/** * 包含主要和次要小部件区域的侧边栏。 * * @package WordPress * @subpackage Twenty_Ten * @since 20 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 -->

谢谢

【问题讨论】：

标签： php widget wordpress

【解决方案1】：

您实际上已经写下了您的解决方案。只需将<li> 替换为<div> 并删除sidebar.php 文件上的<ul></ul> 标记。然后编辑您的主题的 CSS 文件以匹配您想要实现的样式。由于我不知道您使用的是哪个主题，因此我无法给您具体的 CSS 说明。

【讨论】：

看看我更新的问题。我无法在侧边栏 .php 中进行 css 更改，因为primary widget active 时没有任何条件。在 sidebar.php 中，只有主小部件为空白时才有条件
我不确定我是否理解您的评论，样式不应该在 sidebar.php 中，而是在主题目录内指定的 css 文件中（应该链接在 sidebar.php 的顶部） .将<li> 标记更改为<div> 后，尝试使用名为 Firebug 的 Firefox 扩展，它允许您在本地更改 css 文件以测试站点的外观。查看适合您的方法，然后在您的实际网站上进行更改。
请查看链接hostgeyser.com/socialtrekk并查看侧边栏。我需要hostgeyser.com/socialtrekk/?page_id=13侧边栏上的这个侧边栏css。博客侧边栏上的相同css非常困难

【解决方案2】：

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

【讨论】：