wordpress侧边栏怎么加php代码,wordpress怎么添加侧边栏以及让每篇文章调用不同的侧边栏？...

wordpress怎么添加侧边栏以及让每篇文章调用不同的侧边栏？本篇文章不需任何基础，按照我的方式一步步来就能完成，原因自然是不同的侧边栏可以让用户体验和seo效果更好啦。

一、添加侧边栏

参考资料：

http://www.wopus.org/wordpress-deepin/tech/123.html

http://www.kuqin.com/shuoit/20131108/336159.html

wordpress怎么添加侧边栏，不仅仅是上传个代码那么简单，为了方便，能将其放在wp的后台部分是更好的选择。下面说流程

编辑functions.php 找到关于sidebar的代码，直接复制。

function twentysixteen_widgets_init() {

register_sidebar( array(

'name' => __( 'Sidebar', 'twentysixteen' ),

'id' => 'sidebar-1',

'description' => __( 'Add widgets here to appear in your sidebar.', 'twentysixteen' ),

'before_widget' => '<section id="%1$s" class="widget %2$s">',

'after_widget' => '</section>',

'before_title' => '<h2 class="widget-title">',

'after_title' => '</h2>',

) );

}

说下基本参数：

name – 侧边栏的名字(默认是 ‘Sidebar’ 加 数字 ID)

id – 侧边栏 ID，必须全部小写，不带空格(默认是一个自动递增的数字 ID)

description – 用来说明侧边栏是什么，在哪里显示的文字。会在小工具管理界面显示。(默认为空)

class – 分配到小工具 HTML输出 中的CSS选择器名字(默认为空)

before_widget – 在每个小工具前面输出的 HTML代码(默认： ‘

’)注：使用sprintf的变量替换

after_widget – 在每个小工具后面输出的 HTML代码(默认： "

\n")

before_title – 在标题前输出的 HTML代码(默认：

)

after_title – 在标题后输出的 HTML代码 (默认："\n")

我们具体使用只需要参考原来的代码进行改动就好了。比如我现在就在后面加了一段

register_sidebar( array(

'name' => __( 'Sidebar4', 'twentysixteen' ),

'id' => 'sidebar-4',

'description' => __( 'Add widgets here to appear in your sidebar.', 'twentysixteen' ),

'before_widget' => '<section id="%1$s" class="widget %2$s">',

'after_widget' => '</section>',

'before_title' => '<h2 class="widget-title">',

'after_title' => '</h2>',

) );

这个时候打开小工具就发现后面多了一个叫sidebar4的侧边栏啦。可以把你想要的侧边栏效果工具往里面添加了。

二、怎么让文章调用侧边栏

参考资料：

www.92off.com/wordpress%e4%b8%8d%e5%90%8c%e6%96%87%e7%ab%a0%e6%98%be%e7%a4%ba%e4%b8%8d%e5%90%8c%e7%9a%84%e4%be%a7%e8%be%b9%e6%a0%8f.html

www.wpdaxue.com/wordpress-custom-fields.html

www.wpdaxue.com/wordpress-custom-fields-example.html

首先是添加文章需要绑定的代码文件。我这里名字为sidebar1.php

内容为：

<?php if ( is_active_sidebar( 'sidebar-4' ) ) : ?>

<aside id="secondary" class="sidebar widget-area" role="complementary">

<?php dynamic_sidebar( 'sidebar-4' ); ?>

</aside><!-- .sidebar .widget-area -->

<?php endif; ?>

怎么让文章跟侧边栏绑定到一起呢？使用自定义字段是个很不错的选择，具体使用方法就是打开文章编辑界面的显示选项，然后输入参数和值即可。

要想让自定义字段起作用，就要先让文章能够识别自定义字段的作用。我们编辑single.php文件。找到get_sidebar()函数：

<?php get_sidebar(); ?>

将其替换为：

<?php

$sidebar = get_post_meta($post->ID, 'sidebar', true);

if (empty($sidebar)){

$sidebar = 'sidebar';

}

include_once("$sidebar.php");

?>

更新后文章就会根据我们输入的自定义字段的值来变化侧边栏了。我这里输入了:

对应的就是我刚刚测试的那个文件名字。最后更新文章后，发现侧边栏改变成我们刚才添加的侧边栏sidebar4的侧边栏了。

ps：注意标点符号，容易出错误。我当时弄了半天才发现。。

分享到：