地质网7B2主题美化修改教程系列：如下图所示，参考许天博客对B2主题论坛圈子话题样式做了简单的调整，把所属圈子和编辑按钮、收藏按钮等位置和样式做了修改。大家可以根据自身的喜好，选择适合自己的样式。详细的修改教程如下：
1.B2主题官方样式美化
官方的样式稍微加点图标美化，效果也好看的
教程见：https://www.dzw6.com/19796.html
2.论坛话题样式修改
其实和官方美化差不多，主要就是位置的调整和样式美化
文件位置：/www.dzw6.com/wp-content/themes/b2child/TempParts/circle
（把原来的父主题移动到子主题来修改，没有子主题的就直接在父主题位置修改）
2.1 话题右上角菜单项
代码文件：circle-topic-content.php
替换下面的代码（css代码我放在最后）
2.2 话题左下角圈子
代码文件：circle-topic-footer.php
替换为下面的代码
<!--地质网（dzw6.com）帖子样式美化https://www.dzw6.com/33050.html-->
<div class="topic-footer-left">
<span class="topic-date topic-circle"> <a :href="item.circle.link" target="_blank">
<b class="circle-hash"><svg width="16" height="16" viewBox="0 0 36 36">
<g fill-rule="evenodd">
<path d="M18 0c9.941 0 18 8.059 18 18 0 2.723-.604 5.304-1.687 7.617v6.445a2.25 2.25 0 0 1-2.096 2.245l-.154.005-6.446.001A17.932 17.932 0 0 1 18 36C8.059 36 0 27.941 0 18S8.059 0 18 0z" fill-opacity=".1"></path>
<path
d="M23.32 7.875c.517 0 .948.18 1.293.54.296.294.444.632.444 1.015a.589.589 0 0 1-.037.202l-.258 2.17c0 .18.087.27.259.27h.96c.592 0 1.097.185 1.516.557.419.372.628.828.628 1.369 0 .54-.21 1.003-.628 1.386a2.166 2.166 0 0 1-1.515.574h-1.478c-.197 0-.308.09-.333.27l-.517 3.684c-.025.158.049.237.221.237h1.22c.591 0 1.096.191 1.515.574.419.384.628.845.628 1.386 0 .54-.21 1.003-.628 1.386a2.166 2.166 0 0 1-1.515.574h-1.7c-.172 0-.27.08-.296.237l-.273 2.062c-.05.495-.283.912-.702 1.25a2.282 2.282 0 0 1-1.478.507c-.518 0-.949-.18-1.294-.54-.295-.294-.443-.632-.443-1.015 0-.067.012-.135.037-.202l.236-2.062c.025-.158-.049-.237-.221-.237h-3.732c-.198 0-.296.08-.296.237l-.31 2.062a1.96 1.96 0 0 1-.721 1.25c-.407.338-.88.507-1.423.507-.517 0-.948-.18-1.293-.54-.296-.294-.444-.632-.444-1.015v-.202l.274-2.062c.025-.158-.062-.237-.259-.237h-.739a2.166 2.166 0 0 1-1.515-.574c-.419-.383-.628-.845-.628-1.386 0-.54.21-1.002.628-1.386a2.166 2.166 0 0 1 1.515-.574h1.257c.172 0 .27-.079.295-.237l.48-3.684c.025-.18-.06-.27-.258-.27h-.924a2.166 2.166 0 0 1-1.515-.574c-.419-.383-.628-.84-.628-1.37 0-.529.21-.985.628-1.368a2.166 2.166 0 0 1 1.515-.575h1.515c.197 0 .308-.09.333-.27L13.01 9.6c.074-.474.314-.88.72-1.217.407-.338.881-.507 1.423-.507.518 0 .949.18 1.294.54.27.294.406.62.406.98v.237l-.294 2.17c-.025.18.061.27.259.27h3.769c.172 0 .27-.09.295-.27l.295-2.203c.074-.474.314-.88.72-1.217.407-.338.881-.507 1.423-.507zm-3.316 7.875h-3.49c-.157 0-.256.071-.296.213l-.014.077-.45 3.956c-.02.145.029.228.144.249l.064.005h3.524c.134 0 .22-.059.26-.176l.016-.078.484-3.956c.02-.166-.037-.26-.17-.284l-.072-.006z"
fill-rule="nonzero"></path>
</g>
</svg></b>
<b v-text="item.circle.name"></b>
</a></span>
<span class="topic-date"><b v-html="item.meta.date"></b></span>
<span v-if="item.status === 'pending' && !admin.is" class="topic-pending"><?php echo __('待审','b2'); ?></span>
</div>
<!--地质网（dzw6.com）帖子样式美化https://www.dzw6.com/33050.html-->
3.样式颜色美化
复制下面的css，子主题或父主题的style.css文件
/* 地质网（dzw6.com）帖子样式美化https://www.dzw6.com/33050.html*/
.circle-hash svg{fill:#ff5502;}.topic-date.topic-circle b{font-weight:small;color:#8590a6;}.topic-header-right{line-height:1;position:relative;z-index:2;}.topic-meta-more-box{position:relative;display:inline-block;margin-left:10px;}.topic-date.topic-meta-more{background:none;border:0;padding:4px 8px;cursor:pointer;}.topic-date.topic-meta-more .b2font{font-size:16px !important;color:#8590a6;vertical-align:middle;transition:transform 0.3s;}.topic-meta-more-box:hover .b2-arrow-down-s-line{transform:rotate(180deg);}.topic-more-menu{display:none;position:absolute;right:0;top:100%;z-index:100;min-width:120px;}.topic-meta-more-box:hover .topic-more-menu{display:block;}.topic-more-menu ul{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,0.1);border-radius:4px;padding:6px 0;margin:0;list-style:none;position:relative;}.topic-more-menu ul:before{content:"";position:absolute;bottom:100%;right:12px;border-width:6px;border-style:solid;border-color:transparent transparent #fff transparent;filter:drop-shadow(0 -2px 1px rgba(0,0,0,0.05));}.topic-more-menu li{margin:0;padding:0;}.topic-more-menu button,.topic-more-menu a{display:block;width:100%;padding:8px 16px;font-size:13px;color:#606266;text-align:left;background:none;border:0;cursor:pointer;white-space:nowrap;transition:all 0.2s;}.topic-more-menu button:hover,.topic-more-menu a:hover{background:#f5f7fa;color:#409eff;}.fuzhi{position:relative;}.jubao-button b{font-weight:500 !important;}.topic-meta-more-box .topic-date.topic-meta-more i{font-size:23px;}.topic-meta-more-box i{font-size:23px;}.topic-footer-right button{background:0 0;padding:5px 10px;display:inline;border-radius:3px;box-shadow:none;border:0;}.topic-comment-button span,.topic-comment-button b{color:#ff5500;}
/* 地质网（dzw6.com）帖子样式美化https://www.dzw6.com/33050.html*/
4.教程推荐
关于7B2主题论坛圈子，我以前做了很多修改调整和美化，大家可以点击文末标签阅读！
B2主题通用美化：https://www.dzw6.com/tag/b2-theme-beautify
B2主题圈子美化：https://www.dzw6.com/tag/b2_theme_circle
WordPress顶级优化教程：https://www.dzw6.com/tag/wordpress_optimization