本站CorePress-Pro主题美化教程

开始

本站主题采用的是【CorePress-Pro主题】当然也有免费版本的。
但是站主人傻钱多嘛。就买了一个Pro版。其实两个版本差不都。
本站美化不算是特别的好看,但还是决定发出来给大家看,如果喜欢的话自行取走就是啦。

教程开始

1.站点随机背景图

我们来到果核主题设置
找到【外观设置】
本站CorePress-Pro主题美化教程插图
往下滑动找到【背景图片设置】

本站CorePress-Pro主题美化教程插图1
填入以下链接

https://www.dmoe.cc/random.php
效果图

本站CorePress-Pro主题美化教程插图2

2.侧边栏背景图效果

在果核主题设置找到【插入代码】。
这里我就不放位置截图了,就在主题设置当中。
在【自定义CSS】内写入以下代码。

此处内容需要 回复 后才能查看

效果图

本站CorePress-Pro主题美化教程插图3

3.文章内容背景图

文章内容太过单调了,我觉得不符合我个人的口味。
就自行设计了一个背景,只需将以下代码添加到【自定义CSS】内即可。

此处内容需要 回复 后才能查看

效果图

本站CorePress-Pro主题美化教程插图4

4.文章图片悬浮

文章图片就呆呆的挂在那。
感觉甚是奇怪,所以我自己给他添加了一个浮动效果。
让他生动满满,只需将以下代码添加到【自定义CSS】内即可。

此处内容需要 回复 后才能查看

效果图

本站CorePress-Pro主题美化教程插图5

5.个人介绍部分修改【未完成版本】

原版的个人介绍我看着太普通了。
所以我就寻思给他改一下下。
就一下下而已。哈哈哈,不多说了,开始教程。
接下来我将开始保姆级别的教学。
我们来到后台的侧边栏,点击【主题>小工具】

本站CorePress-Pro主题美化教程插图6

找到【CorePress个人信息模块】
将他拖到首页侧边栏下面。
你就会发现首页有一个个人信息介绍啦~
然后再将以下的代码添加到【自定义CSS】中

本站CorePress-Pro主题美化教程插图7

此处内容需要 回复 后才能查看

效果图

本站CorePress-Pro主题美化教程插图8

6.首页文章鼠标移入效果

文章挨得太紧密了,看的我是真的难受。
索性我就给他稍微的修改一下把.......
把以下代码添加到【自定义CSS】中。

此处内容需要 回复 后才能查看

效果图

本站CorePress-Pro主题美化教程插图9

7.手机页面侧边导航栏美化

嘛,也没什么多说的。
就是美化了一下侧边栏而已。
还是老样子将以下代码添加到【自定义CSS】中啊。

此处内容需要 回复 后才能查看

效果图

本站CorePress-Pro主题美化教程插图10

8.四季轮播图

我自己制作了四个四季轮播图。
轮播图是按照【CorePress-Pro】的尺寸设计的。
如要适用其他主题,也不是不行,就是尺寸问题自己解决。
以下是图片地址

此处内容需要 回复 后才能查看

9.给自己站点添加一个播放器

我之前是使用【APlayer】播放器的。
但由于添加歌曲实在麻烦【有简单的但我没去看。】
索性我就换了一个播放器。就是本站一直用的这个播放器。
以下是教程

此处内容需要 回复 后才能查看

10.给右侧添加个人信息

本教程设计到PHP。
关于【文章数量】【标签数量】【评论数量】【友链数量】都会随着网站而变化哦~
修改不是特别难,只需要你复制粘贴就行了。
本次美化是以小工具形式呈现的。
【此次修改借助了WIIUII 统计小工具二改而成的。
嘛~话不多说,开始我们的教学吧!!!

首先我们在主题的目录下新建一个名为【geren.php】的文件
然后将以下代码添加到【geren.php】文件内
以下是PHP的代码

此处内容需要 回复 后才能查看

然后将以下代码放在【functions.php】文件内
代码如下

此处内容需要 回复 后才能查看

最后我们新建一个CSS文件
这里我的CSS文件命名为【mycs-geren.css】
然后将以下CSS代码添加到里面
最后在主题设置>插入代码中引用自己创建的CSS文件即可

此处内容需要 回复 后才能查看

效果图

本站CorePress-Pro主题美化教程插图11

11待添加...

本片文章是由【茗茶】所编写的。
如要转载此文章必须经过本文章作者【茗茶】授权允许
转载本文章【本站CorePress-Pro主题美化教程】时,需要标注来源地址!否则后果自负!
本片文章的网址是:https://www.asukatea.cc/1210.html | 请标注来源地哦~~~
THE END
分享
二维码
打赏
海报
本站CorePress-Pro主题美化教程
开始 本站主题采用的是【CorePress-Pro主题】当然也有免费版本的。 但是站主人傻钱多嘛。就买了一个Pro版。其实两个版本差不都。 本站美化不算是特别的好看,……
<<上一篇
下一篇>>
文章目录
关闭
目 录