### [B2标签页 添加其他栏目](https://guaqi.com/article/55680)

**Published:** 2022-02-26T20:50:46

**Author:** 纸工场

**Excerpt:** 演示网址： https://paper.tv/tags 原B2标签页只有标签， 为了用户方便找到想要的栏目 所以添加了文章的”分类”与”专题” 修改文件的位置：  /Pages/tags.php 我个人是放在子主题的：/themes/b2child/Pages/tags.php 全页代码如下 : <?php use B2\Modules\Common\Post; get_header(); $tags = Post::get_post_tags(198); //获取分类排序形式 $args = array( 

**演示网址**： [https://paper.tv/tags](https://paper.tv/tags)

原B2标签页只有标签， 为了用户方便找到想要的栏目  
所以添加了文章的”分类”与”专题”

修改文件的位置：  /Pages/tags.php  
我个人是放在子主题的：/themes/b2child/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添加** ：  
其中的数值 按自己的需要来修改  

```
.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;}
}
```

**演示网址**： [https://paper.tv/tags](https://paper.tv/tags)

大家如果有更好的方法， 请发给我学习！

**Categories:** B2主题教程

**Comments:** 

**风继续吹18312:** 正在找分类筛选方面的问题

**凯叔:** tag能分类吗

**纸工场:** 标签这一页 , 应加个判断, 文章为0时 不出现

**铭:** “>

**纸工场:** 感谢

**果冻爽歪歪:** 测试

**?NULL:** 可以，正愁标签太多不好看

**Q哥:** 点赞点赞！

**Q哥:** Q哥给您打赏了￥2

**春哥:** ?棒棒的，感谢分享！



---