九、Wordpress如何创建设置侧边栏

admin2017-08-141836

get_sidebar()        //调用侧边栏模板文件

sidebar.php        //侧边栏模板文件

register_sidebar()    //注册侧边栏

dynamic_sidebar()    //调用侧边栏,()内可加参数,参数为侧边栏名称,不加参数默认为第一个

functions.php    //自定义函数写在这里

一、写侧边栏模板 sidebar.php

<div id="right-box">
    <? dynamic_sidebar(); ?>    //调用侧边栏
</div>

二、写完sidebar.php模板,此时侧边栏没有任何内容,还需要注册侧边栏。

functions.php

<?   
    //开启多语言功能
    add_action('after_setup_theme', 'my_theme_setup');
    function my_theme_setup(){
        load_theme_textdomain('huangcong', get_template_directory() . '/languages');
    }
    
    //注册一个小工具
    register_sidebar(
        array(
            'name'          => '侧边栏',    //侧边栏名称
            'before_widget' => '<div class="sbox">',
            'after_widget'  => '</div>',
            'before_title'  => '<h2>',    //侧边栏内小工具标题的前后代码
            'after_title'   => '</h2>'
        )
    );
?>

注册完侧边栏后,后台才会显示小工具功能栏目

blob.png

三、拖动小工具进入侧边栏。

blob.png

四、index.php首页模板里调用侧边栏

    <div id="left-box">
        <div id="home-loop">
            <?
                if( have_posts() ){
                    while( have_posts() ){
                        
                        //获取下一篇文章的信息,并且将信息存入全局变量 $post 中
                        the_post();
                        ?>
                  //………………内容省略
                        <?
                    }
                }else{
                    echo '没有日志可以显示';
                }
            ?>
        </div>
        <div class="posts_nav_link">
            <? posts_nav_link(); ?>    //
        </div>
    </div>
    <? get_sidebar(); ?>         //调用侧边栏模板文件

效果如图:

blob.png


侧边栏可以创建多个,functions.php内注册

//注册一个小工具
    register_sidebar(
        array(
            'name'          => '侧边栏1',
            'before_widget' => '<div class="sbox">',
            'after_widget'  => '</div>',
            'before_title'  => '<h2>',
            'after_title'   => '</h2>'
        )
    );
    register_sidebar(
        array(
            'name'          => '侧边栏2',
            'before_widget' => '<div class="sbox">',
            'after_widget'  => '</div>',
            'before_title'  => '<h2>',
            'after_title'   => '</h2>'
        )
    );

index.php

<? get_sidebar(); ?>             //默认调用第一个侧边栏
<? get_sidebar('侧边栏2'); ?>    //调用第二个侧边栏,页面上可以同时调用多个侧边栏


网友评论