如何在wordpress(版本3.0)主题的页脚中添加侧边栏?

发布于 2024-09-24 13:50:15 字数 241 浏览 3 评论 0原文

我想向 WordPress 主题添加侧边栏或小部件,我在网上尝试了很多尝试,但都失败了,因为它们已经过时了。我的网站链接在这里

http://lifetothebrim.com

 I want to add sidebar in three column layout.

谢谢

I want to add sidebars or widgets to wordpress theme, I tried many tuts online but they failed because they are to outdated. My website link is here

http://lifetothebrim.com

 I want to add sidebar in three column layout.

Thank you

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

同展鸳鸯锦 2024-10-01 13:50:15

如何在 WordPress 主题的页脚中添加侧边栏


步骤 1.

在functions.php 中注册侧边栏

if ( function_exists('register_sidebar') )
    register_sidebar(array(
        'name' => 'Footer Widgets Left',
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget' => '</div>',
        'before_title' => '<h2 class="widgettitle">',
        'after_title' => '</h2>',
    ));

if ( function_exists('register_sidebar') )
        register_sidebar(array(
            'name' => 'Footer Widgets Center',
            'before_widget' => '<div id="%1$s" class="widget %2$s">',
            'after_widget' => '</div>',
            'before_title' => '<h2 class="widgettitle">',
            'after_title' => '</h2>',
        ));


if ( function_exists('register_sidebar') )
        register_sidebar(array(
            'name' => 'Footer Widgets Right',
            'before_widget' => '<div id="%1$s" class="widget %2$s">',
            'after_widget' => '</div>',
            'before_title' => '<h2 class="widgettitle">',
            'after_title' => '</h2>',
        ));

步骤 2.

创建一个模板文件并将其命名为 sidebar-footer.php 并包含对您的主题的调用侧边栏

<div class="footer-left>

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

</div>
<div class="footer-center">

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

</div>

<div class="footer-right">

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

</div>

注意:出于样式目的,您应该将上述函数调用包装在 div 中

我将其分为 3 个小部件区域,并使用 css 类“footer-left”、“footer-center”和“ footer-right"

您必须添加样式才能在 css 中显示它们。

示例:清除在此之前的所有浮动 div。

.footer-left {width:300px;float:left;} .footer-center {width:300px;float:left;} .footer-right {width:300px;float:left;}

确保下一个 div 清除:both

步骤 3.

在 footer.php 或任何模板的底部添加

<?php get_sidebar('footer'); ?>

How to add a sidebar in the footer of a WordPress theme


Step 1.

Register your sidebars in functions.php

if ( function_exists('register_sidebar') )
    register_sidebar(array(
        'name' => 'Footer Widgets Left',
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget' => '</div>',
        'before_title' => '<h2 class="widgettitle">',
        'after_title' => '</h2>',
    ));

if ( function_exists('register_sidebar') )
        register_sidebar(array(
            'name' => 'Footer Widgets Center',
            'before_widget' => '<div id="%1$s" class="widget %2$s">',
            'after_widget' => '</div>',
            'before_title' => '<h2 class="widgettitle">',
            'after_title' => '</h2>',
        ));


if ( function_exists('register_sidebar') )
        register_sidebar(array(
            'name' => 'Footer Widgets Right',
            'before_widget' => '<div id="%1$s" class="widget %2$s">',
            'after_widget' => '</div>',
            'before_title' => '<h2 class="widgettitle">',
            'after_title' => '</h2>',
        ));

Step 2.

Create a template file and name it sidebar-footer.php and include the call to your sidebar

<div class="footer-left>

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

</div>
<div class="footer-center">

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

</div>

<div class="footer-right">

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

</div>

Note: for styling purposes you should wrap the above function call in a div

I broke it into 3 widget areas for you with the css clases "footer-left", "footer-center", and "footer-right"

You will have to add the styles to display them in your css.

Example: clear any floated divs that come before this.

.footer-left {width:300px;float:left;} .footer-center {width:300px;float:left;} .footer-right {width:300px;float:left;}

make sure the next div clears:both

Step 3.

In your footer.php or at the bottom of any of your templates add

<?php get_sidebar('footer'); ?>
你是年少的欢喜 2024-10-01 13:50:15

codex 它并没有过时 http://codex.wordpress.org/Function_Reference/get_sidebar,这可能会有所帮助你。

codex it's not outdated http://codex.wordpress.org/Function_Reference/get_sidebar, this might help you.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文