教你B2标签页如何新增其他栏目

B2主题标签美化

B2主题的标签页默认的是只有标签,这样会比较单一,这种情况可以新增一下其他内容。比如可以新增文章的分类和专题。

下面教你如何用代码实现文章的分类和专题

需要修改文件的位置在你网站根目录/wp-content/themes/b2/Pages/tags.php

代码如下:

<?php
use B2\Modules\Common\Post;
get_header();
$tags = Post::get_post_tags(198);
//获取分类排序形式
$args = array(
'orderby' => 'name',
'order' => 'DESC' //DESC-代表降序, ASC-代表升序-不写则默认 
);
$cat = get_categories($args);
//获取专题分类
$args1=array(
'taxonomy' => 'collection',
);
$col = get_categories($args1);
?>
<!-- 分类调用 -->
<div class="b2-single-content wrapper">
<div id="tags" class="tags-2 tags-page wrapper">
<main id="main" class="site-main">
<h1><?php echo __('纸模型分类','b2'); ?></h1>
<?php if($cat){ 
echo '<ul>';
foreach ($cat as $j ) {
echo '<li> 
<a href="' . get_category_link( $j->term_id ) . '" target="_blank" style="background-color: #576069;" class="box b2-radius">
<h2 title="">'.$j->name.'</h2>
<p>'.__('共 ','b2'). $j->count . __(' 篇图纸','b2').'</p>
</a>
</li>';
}
echo '</ul>';
?>
<?php 
}else{ 
echo B2_EMPTY; 
} ?>
</main>
</div>
</div> 
<!-- 原标签调用 -->
<div class="b2-single-content wrapper">
<div id="tags" class="tags-page wrapper">
<main id="main" class="site-main">
<h1><?php echo __('热门标签','b2'); ?></h1>
<?php if($tags){ 
echo '<ul>';
foreach ($tags as $k => $v) {
echo '<li>
<a href="'.$v['link'].'" target="_blank" class="box b2-radius b2-mg">
<h2 title="'.$v['name'].'">'.$v['name'].'</h2>
<p>'.__('共','b2').b2_number_format($v['count']).__('篇文章','b2').'</p>
</a>
</li>';
}
echo '</ul>';
?>
<?php 
}else{ 
echo B2_EMPTY; 
} ?>
</main>
</div>
</div>
<!-- 专题调用 -->
<div class="b2-single-content wrapper">
<div id="tags" class="tags-page wrapper">
<main id="main" class="site-main">
<h1><?php echo __('热门专题','b2'); ?></h1>
<?php if($col){ 
echo '<ul>';
foreach ($col as $m ) {

echo '<li>
<a href="' . get_category_link( $m->term_id ) . '" target="_blank" class="box b2-radius b2-mg">
<h2 title="">'.$m->name.'</h2>
<p>'.__('共 ','b2'). $m->count . __(' 篇图纸','b2').'</p>
</a>
</li>';
}
echo '</ul>';
?>
<?php 
}else{ 
echo B2_EMPTY; 
} ?>
</main>
</div>
</div> 
<?php
get_footer();

CSS添加 :<br ?–> 其中的数值 按自己的需要来修改

.filter-name { width: 48px; }
.tags-2 ul li  { width:20%;}
.tags-page ul li a { background-color: #576069; padding: 12px 10px; margin: 12px; }
.tags-page ul li h2 { margin-bottom: auto; }
.tags-page h1 { margin: 30px 0 15px; }
 @media screen and (max-width: 768px) {
    .cat-group-box { width: 100%;}
	.tags-2 ul li { width: 50%; }
	.tags-page h1 { font-size: 24px; margin: 20px 0 8px; }
	.tags-page ul li a { margin: 8px;}
}

给TA打赏
共{{data.count}}人
人已打赏
WordPress教程

B2主题文章下相关文章推荐插件及如何修改更多的推荐文章数量

2022-3-26 12:56:06

随笔日记

来说说自己蚂蚁森林日涨400G的小秘诀吧.

2017-9-10 11:04:36

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索