是否有可能自定义当前主题添加侧边栏

时间:2010-08-24 作者:user391

我使用的WordPress主题只有页眉和页脚。我想通过改变宽度和添加侧栏来继续使用它。

谁能帮我改变一下主题的宽度(以适应屏幕)。有人对如何在这个主题中添加边栏有什么想法吗?

==========

对不起,我刚才的问题没有说清楚。我使用的主题是Minicard

线条类似于。。。

if (function_exists(\'register_sidebar\') )
    register_sidebar(array(
        \'name\' => \'Sidebar Widgets\',
        \'before_widget\' => \'<div id="%1$s" class="widget %2$s">\',
        \'after_widget\' => \'</div>\',
        \'before_title\' => \'<h3 class="widgettitle">\',
        \'after_title\' => \'</h3>\'
    ));
已经有了。

这是我在那里找到的代码:

if ( function_exists(\'register_sidebar\') ) {

    register_sidebar(array(
        \'name\' => __(\'Beneath the Card (Top)\', \'minicard\'),
        \'before_widget\' => \'<li id="%1$s" class="widget %2$s">\',
        \'after_widget\' => \'<div class="clear"></div></li>\',
        \'before_title\' => \'<h2 class="section widgettitle">\',
        \'after_title\' => \'</h2>\',
    ));
    register_sidebar(array(
        \'name\' => __(\'Beneath the Card (Bottom)\', \'minicard\'),
        \'before_widget\' => \'<li id="%1$s" class="widget %2$s">\',
        \'after_widget\' => \'<div class="clear"></div></li>\',
        \'before_title\' => \'<h2 class="section widgettitle">\',
        \'after_title\' => \'</h2>\',
    ));
}
所以我创造了sidebar.php 文件,并添加了您为侧栏指定的代码。

后来,我尝试添加以下代码:

#sidebar {
    width: 240px;
    float:right;
    padding:0 20px 20px;
}
到CSS。

在做了这些更改之后,我查找了侧栏,但没有找到任何其他的侧栏。

2 个回复
最合适的回答,由SO网友:negatif 整理而成

通常,您可以从style.css 文件,该文件位于主题目录中(使用firebug确定元素)。

用于添加侧栏。。。使用此tutorial.

SO网友:Chris_O

@用户391,

如果要使用侧栏小部件,请将以下代码添加到functions.php 文件

if ( function_exists(\'register_sidebar\') )
    register_sidebar(array(
        \'name\' => \'Sidebar Widgets\',
        \'before_widget\' => \'<div id="%1$s" class="widget %2$s">\',
        \'after_widget\' => \'</div>\',
        \'before_title\' => \'<h3 class="widgettitle">\',
        \'after_title\' => \'</h3>\',
    ));
接下来,您需要确定封装主要内容或帖子的CSS id或类。通常可以通过查看您的index.php 文件正下方<?php get_header(); ?>

你应该看到<div id="content"> 但它可能被命名为其他名称。在页面底部查找结束div,即:</div> 通常是在<?php get_footer(); ?> 某些主题将关闭页脚中的内容div。php如果是这种情况,您需要将其从页脚中删除。php并将其放在<?php get_footer(); ?>

接下来需要添加<?php get_sidebar(); ?> 在收盘跳水之后和之前<?php get_footer(); ?> 并创建一个名为sidebar的新模板文件。php

将以下代码添加到侧栏。php

<div id="sidebar">

<?php if ( !function_exists(\'dynamic_sidebar\') || !dynamic_sidebar(\'Sidebar Widgets\') ) : ?><?php endif; ?>

</div><!--/sidebar-->
接下来,您必须修改CSS以适应侧栏。发现#content 或者你在上面找到的id或类名,改变宽度并将其向左浮动,然后添加我们刚刚在上面创建的边栏。例如:

#content {
    width:620px;
    float:left
}

#sidebar {
    width: 240px;
    float:right;
    padding:0 20px 20px;
}
您可能需要根据主包装div的宽度来调整宽度。

现在,您可以使用WordPress仪表板中的小部件向侧栏添加内容。

结束

相关推荐

Adding goodies to themes

如何在主题更新时向Arjuna-X等主题添加内容而不丢失?儿童主题是一种很好的方式,还是有其他选择?如果新版本的主题对我添加的功能具有本机支持,该怎么办?