B2主题美化

把以下代码添加到任意引入的CSS文件中，或者子主题的style.css文件中，刷新缓存即可看到效果...

使用html+css+js制作的2图片+10文字组合的混合广告位，鼠标移动到文字广告时出现随机背景色，但是移动端未做适配。 <div class="ercdh"> <div class="ercdh_1 "> <!-- 待写幻灯片 --> <div class="sbaner"> <a…...

首先将下面代码替换wp-content/themes/b2/Modules/Templates/Header.php第196行开始至大约210行 public static function sub_menu之前（不知道什么原因子主题不起作用） <form method="get" action="'.B2_HOME_URI.'" …...

首先打开子主题目录 /wp-content/themes/b2child/TempParts/Single 里面有5个文件，对应的是B2主题的5种文章风格（如果没有就将父主题的复制过来） 这里以默认风格为例，也就是编辑content.php文件。 打开文件之后，在合适的地方添加代码：  <?php $post_date = get_the_date(); echo "<div…...

首先专题样式必须是上图下文才能改 原版的一行只能显示两列，超过两列就会自适应换行，如果设置的首页显示4个专题那么就会占用大量的屏幕空间，通过CSS把每列改成25%即可 /*首页专题*/ .collection-box .collection-item { width: 25%; } 如果只添加上面的代码在手机端浏览又会非常拥挤，所以就还需要添加下列代码： /*移动端专题美化*/ @media sc…...

首先下载usersvip.php文件，将其上传到/themes/b2child/Expand文件夹 然后在B2主题后台设置模块管理中添加一个自定义模块并填写下面的调用代码： <?php echo get_template_part('/Expand/usersvip'); ?>...

图1是原版的，图2是更改过后的。通过CSS改变布局，只需添加下列代码： .footer-links { flex-direction: column; } 图1是没有“友情链接：”的，如果需要添加则在子主题的主题页脚文件 (footer.php 没有这个文件就把父主题的复制到子主题)第57行改成： echo '<ul><li>友情链接：</li>�…...

上图是原版的选项卡，我个人感觉圆角太大。通过CSS改小圆角： .post-list-cats a span { border-radius: 5px !important; } 下面是改好后的效果：...