有许多类型的wordpress主题文章。如果要针对不同的文章类型调用不同的侧边栏,一般的方法是在主题根目录下的 sidebar.php 文件中编写代码,通过页面判断调用不同的代码。这样会产生更多的代码,而且页面种类很多,判断起来很麻烦,所以今天汇站网介绍了一个比较简单的方法。
添加侧栏
通常,添加侧栏的代码如下所示。添加多个侧栏可以复制下一个数组。将以下代码添加到 theme function.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; //获取边栏 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" rel="external nofollow" >';
echo sprintf(__('请到后台外观——小工具中添加小工具到<b>%s</b>边栏中。','salong'),$sidebar_name);
echo '</a></div>';
echo '</article>';
}
echo '</aside>';
}
上面的代码也被添加到主题 function.php 文件中。添加侧边栏时,侧边栏中还会添加一个 ID,如“侧边栏-1”。我们可以通过 ID 获取侧边栏的名称,并判断侧边栏中是否添加了小工具,从而提示用户在侧边栏中添加小工具。
呼叫侧边栏
其中“1”是 ID“侧边栏-1”数值,调用哪个侧边栏修改数值就可以了,不管是不是比较容易,不用判断页面。
转载请注明:汇站网 » WordPress 最简单的边栏调用方法和技巧
汇站网 wordpress美化 WordPress最简单的边栏调用方法和技巧 https://www.huizhanii.com/15159.html
汇站
站长资源下载中心-找源码上汇站
常见问题
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
相关文章
猜你喜欢
- WordPress教程 在文章的侧边栏添加一项滚动公告功能 2024-11-26
- WordPress主题美化升级 – 在侧边栏添加古诗一言小工具 2024-11-26
- WordPress美化 子比主题zibll美化最新new发布文章列表角标 2024-11-17
- WordPress美化 给网站右侧栏添加天气预报-自定义HTML代码设置 2024-10-23
- wordpress美化 纯代码给网站添加一个版权声明教程 2024-10-23
- WordPress文章美化 为博客内容页添加展开收缩功能 2024-10-18
- wordpress美化 子比主题大banner首页添加滚动图片+卡片自适应(附带代码教程) 2024-10-16
- wordpress美化 纯代码实现网站侧边栏添加广告按钮 2024-10-10
- 炫丽版给网站添加一个漂亮的Loading加载动画 2024-08-01
- 使用一行代码让您的网站菜单图标实现旋转效果 2024-07-08