您的浏览器需要启用 JavaScript 才能正常访问此网站。
萨龙网络
登录
首页-WordPress文章-WordPress-正文

WordPress 最简便的边栏调用方法与提示

萨龙龙萨龙龙WordPress8年前001.27W
WordPress 主题文章类型较多,想实现不同的文章类型页面调用不同的边栏,一般的方法是将代码写在主题根目录下的 sidebar.php 文件中,通过对页面的判断来调用不同的代码,这样会产生更多的代码,并且页面种类繁多判断也很麻烦,所以今天萨龙龙来介绍一种相对简便的方法。

添加边栏

一般添加边栏的代码为以下代码,添加多个边栏可复制下数组,将以下代码添加到主题函数 functions.php 文件中即可。
  1. function truethemes_widgets_init() {
  2.     register_sidebar(
  3.         array(
  4.             'name'                  => __('首页','salong'),
  5.             'id'                        => 'sidebar-1',
  6.             'description'       => __('这个边栏显示在最新文章边栏','salong'),
  7.             'before_widget' => '<section id="%1$s" class="sidebar_widget %2$s">',
  8.             'after_widget'    => '</section>',
  9.             'before_title'      => '<div class="sidebar_title"><h3>',
  10.             'after_title'         => '</h3></div>',
  11.         )
  12.     );
  13. }
  14. add_action( 'widgets_init', 'truethemes_widgets_init' );

获取边栏的简便代码

  1. function salong_sidebar($id){
  2.     global $wp_registered_sidebars,$salong;
  3.     $index = "sidebar-".$id; //获取边栏 ID
  4.     $sidebar_name = $wp_registered_sidebars[$index]['name'];//获取边栏名称
  5.     echo '<aside class="sidebar">';
  6.     //判断边栏中是否有小工具,有就输入边栏,没有就输入提示添加小工具。
  7.     if ( is_active_sidebar($index) ) {
  8.         if(is_single() && $salong[ 'switch_author']) { get_template_part( 'includes/widgets/widget', 'author'); }
  9.         dynamic_sidebar($sidebar_name);
  10.         echo '<article id="move" class="move">';
  11.         dynamic_sidebar(__( '移动', 'salong'));
  12.         echo '</article>';
  13.     }else{
  14.         echo '<article class="sidebar_widget widget_salong_init">';
  15.         echo '<div class="sidebar_title">';
  16.         echo '<h3>';
  17.         echo __('温馨提示','salong');
  18.         echo '</h3>';
  19.         echo '</div>';
  20.         echo '<div class="init"><a href="'.get_home_url().'/wp-admin/widgets.php">';
  21.         echo sprintf(__('请到后台外观——小工具中添加小工具到<b>%s</b>边栏中。','salong'),$sidebar_name);
  22.         echo '</a></div>';
  23.         echo '</article>';
  24.     }
  25.     echo '</aside>';
  26. }
以上代码同样添加到主题函数 functions.php 文件中,添加边栏时也为边栏添加了一个『sidebar-1』这样的 ID,我们可以通过 ID 来获取边栏的名称,以及判断当前边栏是否有添加小工具,从而来提示用户添加小工具到边栏中。

调用边栏

  1. <?php salong_sidebar(1); ?>
其中的『1』为 ID『sidebar-1』数值,想调用哪个边栏修改其中的数值就 OK,是不是更加简便,都不用对页面进行判断。
标签:
本文原创,作者:萨龙龙,其版权均为萨龙网络所有。
如需转载,请注明出处:https://salongweb.com/wordpress-sidebar.html
萨龙龙

萨龙龙

侠客
一个平平常常的人,热爱生活、旅行和摄影,骑行去过西藏,一直计划再去。14年从江西骑行来到大理,现栖居于洱海边,食人间烟火,过简单生活,做简约设计!
1422.46M457.22W4.42W
加载中…
分享:
jQuery 显示与隐藏更多内容插件 readmore.js
jQuery 显示与隐藏更多内容插件 readmore.js上一篇
禁用 WordPress 裁剪功能包括自动生成的 768 像素图片下一篇
禁用 WordPress 裁剪功能包括自动生成的 768 像素图片
相关文章
总数:115

如何把WordPress数据迁移至WordPress MU

前面我们介绍了如果安装WordPress MU,安装完成后我们就需要把每个独立站点的数据转移到MU中,在MU中最原始的站点数据是不需要改动,只需…
萨龙龙萨龙龙WordPress11年前001.53W0

WordPress 功能函数——absint(将值转换为非负整数)

用法 absint( mixed $maybeint ) 将值转换为非负整数。 参数 $maybeint (mixed)(必需)您希望…
萨龙龙萨龙龙WordPress Functions7年前001.22W0

删除或失效WordPress文章中的图像大小属性

默认情况下,WordPress会将图像元素width和height属性添加到图像元素中。这些属性会影响CSS宽度和高度属性,图片延迟加载时默认图…
萨龙龙萨龙龙WordPress, 前端资讯7年前001.27W0

WordPress 主题 MNews Pro 5.2 投稿新增可插入音视频功能

MNews Pro 主题已经更新到5.2版本,功能已经很完善,且实用,在文章投稿编辑器有用户提出不能上传视频或者插入视频简码不方便的问题。 …
萨龙龙萨龙龙WordPress4年前002.72W0

使用 wp_add_inline_script 函数向 WordPress 站点输出脚本

前面我们介绍了wpadd_inline_style函数的使用,并为主题添加自定义样式切换功能,既然有函数可以向站点输出 css 样式,同时也可以…
萨龙龙萨龙龙WordPress7年前001.66W0

WooCommerce 注册表单添加本站名称为字段的验证方式

萨龙网络使用的 Youji 原创企业主题注册登录都是使用 WooCommerce 商城插件自带的表单,使用简单方便。最近苦于国外机器人注册多,且…
萨龙龙萨龙龙WooCommerce7年前001.56W0

WordPress向菜单中添加分类缩略图

同样是在开发吃货主题Chihuo,导航菜单中的二级菜单需要显示省份的小地图,也就是分类菜单中显示自定义的字段,我们可通过以下代码来实现这个功能。…
萨龙龙萨龙龙WordPress9年前001.21W0

WordPress添加 span 标签到分类目录和文章归档文章数量上

WordPress 默认提供了分类目录,文章归档等小工具,在前台开发中,由于分类目录和文章归档显示的文章数量没有添加标签,导致写样式比较麻烦,如…
萨龙龙萨龙龙WordPress6年前001.53W0

WordPress强大的开源后台框架Redux Framework介绍与使用

开发一个WP主题有了前端页面设计的美观与布局外,后台选项也是相当重要的一个组成部分,好的后台框架在使用主题时方便快捷的设置各个功能,也让主题开发…
萨龙龙萨龙龙WordPress10年前002.48W0

WordPress网站维护状态插件maintenance mode

Wordpress的强大就是什么样的扩展都有,最近浏览用户网站时发现用的“不是我的主题”,查看源代码才发现是使用了网站维护插件maintenan…
萨龙龙萨龙龙WordPress10年前002.75W0

WordPress获取自定义文章类型分类下的文章并循环

Wordpress获取分类文章的函数有query_posts和WP_Query,两个函数的功能都很强大,推荐使用WP_Query函数来查询文章。…
萨龙龙萨龙龙WordPress10年前001.70W0

AMH面板安装配置redis加速WordPress站点

Redis是一个开源、支持网络、基于内存的key-value存储系统,类似memcached,性能极高,支持超过100K+ 每秒的读写频率,一些…
萨龙龙萨龙龙WordPress, 软件系统10年前002.72W0
评论表单游客 您好,欢迎参与讨论。
加载中…
评论列表
总数:0
萨龙网络
没有相关内容