WordPress 主题文章类型较多，想实现不同的文章类型页面调用不同的边栏，一般的方法是将代码写在主题根目录下的 sidebar.php 文件中，通过对页面的判断来调用不同的代码，这样会产生更多的代码，并且页面种类繁多判断也很麻烦，所以今天萨龙龙来介绍一种相对简便的方法。
添加边栏
一般添加边栏的代码为以下代码，添加多个边栏可复制下数组，将以下代码添加到主题函数 functions.php 文件中即可。
- function truethemes_widgets_init() {
- register_sidebar(
- array(
- 'name' => __('首页','salong'),
- 'id' => 'sidebar-1',
- 'description' => __('这个边栏显示在最新文章边栏','salong'),
- 'before_widget' => '<section id="%1$s" class="sidebar_widget %2$s">',
- 'after_widget' => '</section>',
- 'before_title' => '<div class="sidebar_title"><h3>',
- 'after_title' => '</h3></div>',
- )
- );
- }
- add_action( 'widgets_init', 'truethemes_widgets_init' );
获取边栏的简便代码
- function salong_sidebar($id){
- global $wp_registered_sidebars,$salong;
- $index = "sidebar-".$id;
- $sidebar_name = $wp_registered_sidebars[$index]['name'];
- echo '<aside class="sidebar">';
-
- if ( is_active_sidebar($index) ) {
- if(is_single() && $salong[ 'switch_author']) { get_template_part( 'includes/widgets/widget', 'author'); }
- dynamic_sidebar($sidebar_name);
- echo '<article id="move" class="move">';
- dynamic_sidebar(__( '移动', 'salong'));
- echo '</article>';
- }else{
- echo '<article class="sidebar_widget widget_salong_init">';
- echo '<div class="sidebar_title">';
- echo '<h3>';
- echo __('温馨提示','salong');
- echo '</h3>';
- echo '</div>';
- echo '<div class="init"><a href="'.get_home_url().'/wp-admin/widgets.php">';
- echo sprintf(__('请到后台外观——小工具中添加小工具到<b>%s</b>边栏中。','salong'),$sidebar_name);
- echo '</a></div>';
- echo '</article>';
- }
- echo '</aside>';
- }
以上代码同样添加到主题函数 functions.php 文件中，添加边栏时也为边栏添加了一个『sidebar-1』这样的 ID，我们可以通过 ID 来获取边栏的名称，以及判断当前边栏是否有添加小工具，从而来提示用户添加小工具到边栏中。
调用边栏
- <?php salong_sidebar(1); ?>
其中的『1』为 ID『sidebar-1』数值，想调用哪个边栏修改其中的数值就 OK，是不是更加简便，都不用对页面进行判断。本文原创，作者：萨龙龙，其版权均为萨龙网络所有。
如需转载，请注明出处：https://salongweb.com/wordpress-sidebar.html
一个平平常常的人，热爱生活、旅行和摄影，骑行去过西藏，一直计划再去。14年从江西骑行来到大理，现栖居于洱海边，食人间烟火，过简单生活，做简约设计！产品属性可在后台「产品——产品选项——属性」中单独设置（也可在编辑产品时再次添加），有三种类型：文本、颜色和图片，在前台也是以这三种方式来显示。…萨龙龙开发主题这么久，第一次感染恶意代码，整个WordPress下的主题functions.php都被插入了一大段函数代码，百度一下也发…WooCommerce插件默认为编辑产品页面提供了产品数据TABS，默认包括：常规、库存、配送、联锁产品、属性、高级等模块，功能强大而实用。…WordPressMU虽然是一个程序下可以创建多个站点，但每个站点下的文章、页面、媒体等还是独立的，MU也为不同的站点分配了不同的媒体目录。N…WordPress一键重置缩略图使用相当简单方便，设置了媒体中要裁剪的缩略图参数（使用了WooCommerce商城插件，需要在外观——自定…萨龙网络所有主题都集成了很多优化功能，在WordPress更新至5.0版本后，古腾堡(Gutenberg)编辑器发布与更新文章/页面就出现错…WooCommerce后台对管理员的通知『连接您的店铺到WooCommerce.com接受扩展更新和支持』，是3.3.1版本后出来了，新的…很多人在使用WordPress最新的Gutenberg编辑器时都觉得并不适应，很难上手，毕竟新的事物要是需要时间才能熟悉。如果不想用还是…WordPress默认支持多种图片格式包括.jpg，.jpeg，.png，和.gif，出于安全考虑不能上传可缩放矢量图形（SVG）。SVG是…最近开发了一款多功能的新闻视频类Wordpress主题Yewan，客户的网站用户也比较多，要求设计一个按权限（管理员、编辑、作者、投稿者、订阅者…在WordPress中，我们可以通过向主题中添加CSS文件来为页面和文章添加样式。但是，如果您希望根据文章类型添加自定义样式，该怎么办呢…还是在开发导航类主题Slhao的时候遇到的问题，主题使用CodestarFramework专业版选项框架，文章的Metabox选项… 
