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年从江西骑行来到大理，现栖居于洱海边，食人间烟火，过简单生活，做简约设计！在开发 MNews 主题的快讯功能时，希望一天内发布的快讯文章在当天日期下，而不是每篇都显示一个日期，通过the_date()函数可完美的达到这…为所有交易添加基于百分比的附加费
/**
* 添加1%的附加费到你的购物车和结算页面
* 更改百分比以将附加费设置为适合的…wordpress图片延迟加载已经不是稀奇的功能，网上有很多类似的文章，添加相当简单方便，woocommerce缩略图图片延迟加载也很方便的可以…WordPress 能够在自定义菜单中存储每个菜单项的描述，默认情况下，这些描述不会显示在前端菜单中，需要为相应的菜单增加显示描述的功能。
一…Woocommerce，一个wordpress的电子商务扩展插件，一个很漂亮的可以帮你卖任何东西的工具，这是插件在wordpress后台插件中的…最近在做一款企业产品展示的商城网站，设计WooCommerce产品文章的布局与默认的布局有很大的不同，所以其中的一些模块都需要重新调整。WooC…在 Headless WordPress 架构中，自定义 REST API 端点是与外部系统交互的核心通道。然而，生产环境常常面临两大挑战：AP…Ubermenu是一个用户友好的、可高度定制响应式的Wordpress超级大菜单插件，工作原理与Wordpress 3菜单系统类似，强大到可创建…前面写过AMH面板安装配置redis加速WordPress站点一文，来介绍redis的安装与配置，对于WordPress站点的加速效果是相当的明…使用 WordPress+Nuxt3做前后端分离项目时，菜单需要多维数组，且不限层级，可以使用递归函数很方便地将 wp_get_nav_menu…在WordPress按角色获取可分页的用户列表并显示最新文章这篇文章中我们已经介绍了获取单个角色的用户列表，如果想获取多个角色的用户列表呢，ge…随着大语言模型（LLM）技术的飞速发展，越来越多的 Web 应用开始集成 AI 能力——从智能客服、内容摘要到自动翻译，AI 正在重塑前端开发的… 
