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年从江西骑行来到大理,现栖居于洱海边,食人间烟火,过简单生活,做简约设计!龙霄(LongXiao)主题是萨龙网络倾力打造的一款以 WordPress 为后端核心、以 Nuxt.js + Vue.js 为前端渲染框架的后…在开发吃货主题Chihuo时,要对产品和文章进行筛选,在一级分类下显示所有一级分类和当前一级分类下的所有二级分类,在二级分类下,显示所有一级分类…Wordpress的菜单都是通过后台菜单来添加设置,很多时候需要添加一些功能到菜单,比如搜索,或者购物车,这时我们就可以使用wp_nav_men…WooCommerce 插件默认为编辑产品页面提供了产品数据 TABS,默认包括:常规、库存、配送、联锁产品、属性、高级等模块,功能强大而实用。…WooCommerce商城首页默认被插件转换成归档页面archive-product.php,但是添加的依然是页面,所以通过get_post_m…自动获取照片的EXIF信息,很多大型的摄影论坛都有这个功能,对于摄影爱好者来说是一个很实用的功能。萨龙龙开发的Deephoto主题和Neatim…很多网站的视频都是来自在线视频网站,这样即节省网站空间也带来更高的访问速度,优酷视频是使用较多的。在添加视频文章时我们都想直接获取视频中的缩略图…前面写过AMH面板安装配置redis加速WordPress站点一文,来介绍redis的安装与配置,对于WordPress站点的加速效果是相当的明…在开发一些比较独特的主题过程中,需要自定义很多内容,本文是如何为分类添加自定义缩略图。
将如下代码添加到主题functions.php中:…WooCommerce 是 WordPress 中最强大的商城插件,没有之一。在 Slearn 主题的开发过程中,需要将课程和商城结合,课程使用…使用 WordPress+Nuxt3做前后端分离项目时,菜单需要多维数组,且不限层级,可以使用递归函数很方便地将 wp_get_nav_menu…自从了解到Wordpress MU多站点,就开始一步一步的向多站点发展,也将萨龙网络所有站点都安装在Wordpress MU多站点中。在使用多站…