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