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

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

萨龙龙萨龙龙WordPress8年前001.29W
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.49M457.25W4.42W
加载中…
分享:
jQuery 显示与隐藏更多内容插件 readmore.js
jQuery 显示与隐藏更多内容插件 readmore.js上一篇
禁用 WordPress 裁剪功能包括自动生成的 768 像素图片下一篇
禁用 WordPress 裁剪功能包括自动生成的 768 像素图片
相关文章
总数:115

移除 WooCommerce 商城插件编辑产品中的产品数据相关 tabs

WooCommerce 插件默认为编辑产品页面提供了产品数据 TABS,默认包括:常规、库存、配送、联锁产品、属性、高级等模块,功能强大而实用。…
萨龙龙萨龙龙WooCommerce8年前001.48W0

WordPress 简约实用的主题选项框架 Codestar Framework

Codestar Framework,一个轻量且易用的 WordPress 选项框架,在萨龙龙最新设计开发的企业教育培训类 WordPress …
萨龙龙萨龙龙WordPress8年前004.12W0

WordPress 限制上传媒体的文件类型

MNews 和 LensNews 主题都有前台投稿的功能,用户可以上传图片等文件,管理员是不希望用户上传任意的媒体文件,这时我们可以对用户上传的…
萨龙龙萨龙龙WordPress8年前001.40W0

WordPress MU多站点网络克隆新站点插件Multisite Cloner

Wordpress MU多站点已经使用很久,在本地测试和主机上安装的都是多站点,极大的方便网站搭建以及主题开发。当我们有多个站点,需要创建的新站…
萨龙龙萨龙龙WordPress11年前002.16W0

WordPress 管理面板中禁用主题和插件编辑器

默认情况下,WordPress允许用户通过后台管理面板编辑主题和插件代码。虽然它是一个方便的功能,但对于主题或插件作者没有任何用途,最重要可以防…
萨龙龙萨龙龙WordPress7年前001.08W0

WordPress函数wp_nav_menu_items向菜单列表中添加搜索内容

Wordpress的菜单都是通过后台菜单来添加设置,很多时候需要添加一些功能到菜单,比如搜索,或者购物车,这时我们就可以使用wp_nav_men…
萨龙龙萨龙龙WordPress10年前001.14W0

WordPress MU多站点从子域名转子目录

使用WordPress MU多站点来管理所有的站点确实很方便,可以省去很多重复的工作,节省资源。萨龙网络使用MU多站点已经很久,已经爱不释手,也…
萨龙龙萨龙龙WordPress10年前002.62W0

WordPress 功能函数—— add_comments_page(将子菜单页添加到评论主菜单上)

描述 此函数具有一个功能,该功能将用于确定菜单中是否包含页面。 连接到处理页面输出的函数也必须检查用户是否具有所需的…
萨龙龙萨龙龙WordPress Functions7年前002.24W0

Woocommerce一个很漂亮的购物系统

Woocommerce,一个wordpress的电子商务扩展插件,一个很漂亮的可以帮你卖任何东西的工具,这是插件在wordpress后台插件中的…
萨龙龙萨龙龙WooCommerce12年前001.67W0

WordPress+Nuxt.js+Vue.js开发的前端node项目被停止的处理方案

Slhao Pro主题前端上线后每天能收到宝塔的提示,说项目已经停止,找了很久没有发现问题。在查看node项目网站日志中的响应日志和错误日志时,…
萨龙龙萨龙龙Nuxt.js, Vue.js, WordPress2年前111.25W0

WordPress禁用古腾堡(Gutenberg)使用经典的编辑器

很多人在使用 WordPress 最新的 Gutenberg 编辑器时都觉得并不适应,很难上手,毕竟新的事物要是需要时间才能熟悉。如果不想用还是…
萨龙龙萨龙龙WordPress7年前001.09W0

wordpress自定义域函数get_post_custom_values多个值循环

自定义域在Wordpress中有着相当重的份量,很多功能都可以在其中实现,最近有朋友要萨龙龙添加两个功能,一是缩略图使用自定义域来获取(支持外链…
萨龙龙萨龙龙WordPress10年前001.20W0
评论表单游客 您好,欢迎参与讨论。
加载中…
评论列表
总数:0
萨龙网络
没有相关内容