WordPress主题制作课程#8:制作边栏文件sidebar.php

WordPress主题制作课程#8:制作边栏文件sidebar.php

在这个WordPress主题制作课程中,我们将继续制作sidebar.php文件,这将是我们主题中的边栏文件。

1. 创建sidebar.php文件

首先,我们需要创建一个名为sidebar.php的文件,并将其保存在主题的根目录下。在此之后,我们需要将以下代码添加到该文件中:

<div class="sidebar">
    <?php if(is_active_sidebar( 'sidebar-1' )) {
        dynamic_sidebar( 'sidebar-1' );
    } ?>
</div>

这段代码包含了一个名为sidebar的div容器,还包含了WordPress的动态边栏功能。我们通过is_active_sidebar()函数来检查是否存在名为sidebar-1的边栏,在sidebar.php文件中应包含该边栏。如果存在该边栏,则使用dynamic_sidebar()函数动态生成边栏内容。如果不存在,该边栏则不显示。

2. 注册边栏

现在,我们需要在我们的functions.php文件中注册我们的边栏。在这个文件中,将以下代码添加到文件底部:

function mytheme_widgets_init() {
    register_sidebar( array(
        'name'          => __( 'Primary Sidebar', 'mytheme' ),
        'id'            => 'sidebar-1',
        'description'   => __( 'Add widgets here to appear in your sidebar.', 'mytheme' ),
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget'  => '</div>',
        'before_title'  => '<h2 class="widget-title">',
        'after_title'   => '</h2>',
    ) );
}
add_action( 'widgets_init', 'mytheme_widgets_init' );

这段代码将在主题中创建一个名为“Primary Sidebar”的边栏。我们还定义了该边栏的一些基本参数,如简介、容器和标题的CSS类等等。这样,我们将边栏注册到了WordPress中。

3. 调用边栏

现在,在我们的WordPress主题中,我们应该能够调用边栏了。在我们想要显示边栏的地方,添加以下代码即可:

<?php get_sidebar(); ?>

这将在我们的WordPress主题中加载名为“Primary Sidebar”的边栏。如果边栏存在,该边栏将显示在sidebar.php文件中定义的div容器中。

4. 自定义边栏

我们可以在WordPress的后台管理界面中添加自定义小部件以扩展边栏的功能。在外观 → 小部件中,我们可以将任何已注册的小部件添加到我们的边栏中,或添加WordPress的默认小部件,如分类、归档、最近文章等。通过添加自定义小部件和编辑侧边栏文件,我们可以自定义主题的边栏布局和样式。

这就是WordPress主题制作课程中关于制作边栏文件sidebar.php的全部内容了。现在,你可以开始创建你自己的WordPress主题,并为其添加自定义的边栏内容。祝好运!

晓白博客网版权所有,原文地址https://www.xbnb.cn/5231
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容