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 多语言的插件了,比如 Polylang 和 WPML 等强大的多语言插件,但是只是介绍,很快都是能掌握怎…Ubermenu是一个用户友好的、可高度定制响应式的Wordpress超级大菜单插件,工作原理与Wordpress 3菜单系统类似,强大到可创建…萨龙网络Purity主题是集成了Woocommerce+Buddypress+Bbpress商城社区论坛,因为www.gravatar.com头…默认情况下,WordPress允许用户通过后台管理面板编辑主题和插件代码。虽然它是一个方便的功能,但对于主题或插件作者没有任何用途,最重要可以防…为所有交易添加基于百分比的附加费
/**
* 添加1%的附加费到你的购物车和结算页面
* 更改百分比以将附加费设置为适合的…描述
向指定的表添加索引。
用法
add_clean_index( string $table, st…WooCommerce 在每个页面上加载三个核心CSS样式表,并在WordPress站点上安装时发布。可以通过从不需要它的页面和内容中删除样式和…描述
激活多个插件。
当WP_Error返回,但这并不意味着该插件的一个有错误。这意味着一个或多个插件文件路径无效。…龙霄(LongXiao)主题是萨龙网络倾力打造的一款以 WordPress 为后端核心、以 Nuxt.js + Vue.js 为前端渲染框架的后…用法
absint( mixed $maybeint )
将值转换为非负整数。
参数
$maybeint
(mixed)(必需)您希望…WordPress自定义的强大不言而喻,很多主题都在使用,也为其创建了可视化的选项面板,用户使用都相当的直观、方便。萨龙网络新开发的LensNe…MNews Pro 主题已经更新到5.2版本,功能已经很完善,且实用,在文章投稿编辑器有用户提出不能上传视频或者插入视频简码不方便的问题。
…