子比主题美化合集代码

CSS代码：

使用方法：

复制 CSS 代码到后台子比主题设置—》自定义 CSS 样式—》将 CSS 代码粘贴框里，即可。

CSS 代码：

使用方法

一般主题都会自带 自定义代码 这样主题设置的，只需在主题设置自定义 CSS 代码里面添加美化的 css 代码就即可美化！
如果主题没有 自定义代码 那么在 wordpress 主题目录文件里找 style.css 文件或者在 WordPress 后台里找“外观—>自定义—>额外 CSS”里面美化的 css 代码就即可！

CSS代码：

CSS代码：

CSS代码：

CSS代码：

CSS代码：

JS代码：

在后台—外观—小工具—首页-底部全宽度，自定义HTML添加下面代码即可。(其他位置自行修改~)

1、后台主题设置—>自定义代码—>自定义 CSS 样式代码把下面的CSS代码添加到里面

2、在主题目录下 themes/zibll/footer.php 下，添加下面的 PHP 代码：

把代码添加到footer.php文件的之前

CSS代码：

在子比主题设置—>文章&列表—>文章页—>版权提示内容处添加以下代码：

1.子比后台—自定义代码—自定义底部代码添加以下代码。

2.WP后台— 外观 —自定义—额外CSS添加以下代码。

默认是灯笼都在右上角位置，比照原文主要是调整了位置，避免遮挡顶部导航菜单。如果想一边一个，上面代码开头的.deng-box和.deng-box1修改为下面代码即可。

后台设置-自定义代码-自定义CSS样式添加以下代码。

在 zibll 主题目录下，themes/zibll/footer.php 文件中的“”（重要）下面添加下面的代码：

• 分为三个步骤
• 1.将下面的 PHP 代码加入到主题目录下：themes/zibll/functions.php 文件中。

• 说明：请自己修改上面有关于自己网站的信息，改成自己网站信息即可，图标可以用阿里矢量图。
  2.在主题目录themes/zibll/inc/functions/zib-single.php 文件中，文章分页函数（我的是在 322 行，因为我的代码有改动，所有不确定行数，见下图）下面添加下方代码即可
• PHP 代码：

3.CSS 代码：（在自定义 CSS 样式添加下面代码）

1.子比主题设置—>自定义代码—>自定义javascript代码：,添加以下代码：

2.子比主题设置—>自定义代码—>自定义底部HTML代码,添加以下代码：

• 在主题目录下go.php文件里面的全部代码清空，然后把下面的代码复制进去即可。替换原来的即可。
• 更新主题和修改前记得备份go.php。
• 注意：修改代码内的第 108 行的 logo 地址，本教程适用于子比主题最新版，其他主题请自行测试。

• 网站全体变灰主要在用于哀悼缅怀烈士和悼念日使用，国家公祭日等等
• 勿忘历史勿忘痛

使用教程

也很简单，只需要在两个文件中添加一行代码就可以实现，具体演示效果可以查看上方截图的效果

1、后台主题设置—>自定义代码—>自定义 CSS 样式代码把下面的代码添加到里面

其他网页或者主题直接在 foot 或者 head 文件底部添加即可，记得添加引用即可如

CSS 样式代码：

样式一代码：推荐使用

第二种样式代码：

第三种样式代码：

后台设置—>外观—>小工具—>添加自定义 HTML 代码,加到合适侧边栏即可

1、在后台子比主题设置—自定义 CSS 样式 添加以下代码：

2、在 zibll 主题目录下，themes/zibll/footer.php 文件中的“第一行”（重要）下面添加下面的代码：

1、网站管理后台—》主题设置—》文章&列表—》文章页 —》 文章页 在文章内容后-插入内容 ，把下面的 php 代码复制粘贴到里面即可。

2、此代码理论上适用所有主题，只需要在合适的地方添加上代码就行

3、代码中的图片托管在本站，可以自己保存图片，不要直接引用本站图片，部分的文字可修改成自己的

1、很多时候网页背景也是白的,图片整体也是白色的,有的时候用户不好区分，这是图片还是网页,图片弄个外边框就好区分了,当然图片是鼠标移动到图片上才会显示边框

2、 网站管理后台—》子比主题设置—》自定义代码—》自定 CSS 代码，把下面的 css 代码复制粘贴到里面即可。

里面的 8px 大小可自行调节，颜色代码#63B8FF 也可自行设置

代码如下

1.H6标题css：

2.彩虹文字特效：css

为了方便使用 我们把它加入后台按钮
找到主题functions.php加入下面代码：

添加完成 在文本编辑器中看到

其实很简单，就一段代码！只需在后台—>外观—>小工具—>自定义 HTML添加下面的代码，把它放在合适的位置

1、简洁版

注：由于 4 个图标都采用图标阿里巴巴矢量图库，在贵站是无法显示的，所以我已进行删除。若需要请自行在合适的位置添加图标。

效果图展示：

2、美化版

效果图展示：

使用方法

1、在 zibll 主题目录下，themes/zibll/footer.php文件中的顶部添加下面添加下面的代码：

效果预览

使用教程

• 1.子比主题设置—>自定义代码—>自定义 CSS 样式：,添加以下 CSS 代码：
• 2.在代码 28 行 background: url(）括号内填写你需要显示的图片链接

效果预览

• 这个是两个小功能，鼠标移动到文章头图时会有动态效果以及首页文章列表鼠标移动悬停上浮效果

1.子比主题设置—>自定义代码—>自定义 CSS 样式：,添加以下 CSS 代码：

• 这个功能其实很多朋友应该都有之前的那种樱花效果，但是用过的都知道那个樱花效果太妨碍阅读了，分享给大家一个优化版，减少了数量以及效果优化

安装

• 将下面的这段代码整合到新建 js 文件，命名 leaves.js，然后引用，就可以看到效果了，我就不上预览图了
• 默认效果是枫叶，如果想改成其他的可自行更换代码第三行中的文件图片矢量图。

• 1、将下面的代码添加在网站页脚底部或者在 wp 后台添加小工具，效果展示是一样的我是添加在小工具的
• 2、添加路径：在后台—》外观—》小工具—》自定义 HTML—》 选择你需要放的位置
• 3、我是添加在文章侧边栏
• 4、修改代码中的链接以及文字改为自己的

效果预览

标签云修改需要用到只有简单的css代码，我们先来看下效果图吧！

可以看到未选中的时候标签块是很灰的，选中之后颜色就变深了！

步骤一：使用小工具

打开小工具找到侧边栏，点击进去之后点击添加小工具选择zibll标签云，然后就是参数了，因为追求工整选择了固定宽度，标签数量也选择了24个(3的倍数随意就好)

步骤二：css代码

加入到主题后台的自定义CSS样式里保存即可