B2标签页添加其他栏目

发布于 2022/2/26更新于 2023/3/6

7,258

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

修改文件的位置： /Pages/tags.php
我个人是放在子主题的：/themes/b2child/Pages/tags.php

全页代码如下 :


 'name',
'order' => 'DESC' //DESC-代表降序, ASC-代表升序-不写则默认 
);
$cat = get_categories($args);

//获取专题分类
$args1=array(
'taxonomy' => 'collection',
);
$col = get_categories($args1);

?>



    
        
            
            ';
                foreach ($cat as $j ) {
                    echo ' 
                        
                        '.$j->name.'
                        '.__('共 ','b2'). $j->count . __(' 篇图纸','b2').'
                        
                    ';
                }
                echo '';
            ?>

            
        
    
 



    
        
            
            ';
                foreach ($tags as $k => $v) {
                    echo '
                        
                        '.$v['name'].'
                        '.__('共','b2').b2_number_format($v['count']).__('篇文章','b2').'
                        
                    ';
                }
                echo '';
            ?>

            
        
    




    
        
            
            ';
                foreach ($col as $m ) {
                    
                    echo '
                        
                        '.$m->name.'
                        '.__('共 ','b2'). $m->count . __(' 篇图纸','b2').'
                        
                    ';
                }
                echo '';
            ?>

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

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

0