这个假期格外漫长,断断续续,终于给博客一次新生。

如下,是美化前后博客主页的对比(多次微调后略有出入):

背景图:

美化前:PS修饰过色彩搭配的小魔女,用了好多年,但移动端背景图像显示很迷,魔幻特色的天空像极了梵高的抽象画。。不过虽然停用背景图,但小魔女还是可以作为睿屿青衫丶网络头像的。头像现已更换。

美化后:女孩长发飘飘,面庞精致,而其后是水彩风格粉色梅花,仙气满满,爱了爱了。因为自适应的问题,移动端仍然没有一个合适的背景图,但这水彩梅花也是不错。

主页个人介绍:

美化前:Hestia主题自带的关于 区域,可编辑文字,但排版一直是问题,无论怎么调整都不能达到满意的效果。

美化后使用Elementor 插件,对主页进行了可视化编辑,着重对PC端与移动端的对齐方式出场动画作出相应改变。遗憾的是,美化前的配色找不到了。本着尽量少用插件的原则,清理掉了一批插件,其中便包括Elementor。依旧是关于 区域,区块编辑,比美化前漂亮,比可视化编辑丑一些。遗憾的是仍然没有找不到美化前文字的配色。

链接:

本次对页面的链接进行了调整,如blog页等将地址中的中文换为字母,方便输入网址直达页面。而具体文章页等为美观起见,仍然沿用文章标题作为文章链接。

添加说说功能:

我本人还是非常喜欢QQ空间里的说说的,但前一段时间,厌倦了其点赞与访客功能,便想在博客里添加说说功能。

当然,我对语言可以说是一窍不通。美化之路沐雨经霜,实则是一个不断学习与摸索的总结。我翻过不知多少大佬的文章,也在他们的代码中品味功败垂成。糅合诸多教程,幸得朋友相助,总算完善好这一功能。

添加相册功能:

都怪华为P30 这该死的无处安放的魅力,我的手机里慢慢有了些喜欢的照片。粗略地划分了几个相册集,依托Photo Gallery 插件,添好了一个相册内页。以后再慢慢整理好照片,依然会发布。清理掉Photo Gallery 插件,相册内页重新使用区块编辑,美观比之插件略有不足,但添加新图片会方便很多。

添加留言板:

其实留言板,我个人感觉没太有用。毕竟我没有将网站做大的意思,只想留着自己的一方小天地。还是看了widerg的blog,觉得留一个留言板聊胜于无。我也没写什么寄语,单纯地开了一个内页,允许评论而已。

添加友链内页:

widerg主题蛮漂亮的,其中轻博客、相册、友链与留言板都是我没有的。那几样陆陆续续添加了,友链内页自然也不能落下。仍然是Elementor 进行的可视化编辑,在普通内页基础上作一定美观及出场特效。微调后使用区块编辑

菜单添加图标文字:

Font Awesome 4 Menus 插件为菜单添加css提供了可能。多说无益,icon图标来源于Font Awesome。当然什么菜单配什么图标,还是要看个人喜好。

鼠标点击泡泡特效:

在主题目录下footer.php文件中加入以下代码:

<!--给WordPress网站添加鼠标点击爆炸五颜六色特效-->
    <canvas class="fireworks" style="position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;"></canvas>
<script type="text/javascript" src="http://www.risho.top/wp-content/themes/hestia/js/djtx.js"></script>

最初泡泡的代码还是向widerg要的,但是因为他那里的js文件出了问题,我便索性将之搬到了自己的镜像存储上。

鼠标指针样式

body,footer{
cursor:url('http://www.risho.top/wp-content/uploads/zhizhen1.png'),auto;
}
select,input,textarea,a,button{
cursor:url('http://www.risho.top/wp-content/uploads/zhizhen2.png'),auto;
}
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly]{
cursor:url('http://www.risho.top/wp-content/uploads/zhizhen1.png'),auto;
}
buttons{	cursor:url('http://www.risho.top/wp-content/uploads/zhizhen2.png'),auto;
}

评论系统:

Hestia真的不失为一款优秀的主题,,但它总爱把东西藏得很深,像我这种菜鸡就很难下手改动。比如它的评论系统……

最后还是决定引用某付费评论插件,当然因为我本人不想我的自留地与金钱挂钩,所以就不说插件名称、不贴出购买链接了。

有一说一,付费有付费的好处,新版评论系统真的是漂亮且强大。当然,也有不足,便是评论表情的引入有点麻烦,一百个左右的表情耗费了我两个半小时才录入完成。

SSl证书与https:

很迷,涉及证书申请、部署,取消cdn加速、更改dns与域名解析,以及网站层面的设置。因为没有经验,我的站点数次崩溃,总共有大概一天的时间是打不开的。还好有备份,无论是文件还是数据。现在,我的网站也有一把小绿索啦!还是因为最初经验不足,现在已经很容易操作啦

部分区域的透明化与高斯模糊:

widerg提供的css代码,不过模糊风格可能只有在部分浏览器才能正常显示。

透明化后,网站上下两栏不再突兀丑陋。

微调后,文章页的页脚做了透明处理。

网站背景音乐添加:

Ea Player 插件真的很漂亮,感谢作者蜜汁路易。因为作者站点出错,暂且不加链接了。歌单来自我本人网易云音乐的歌单之一。

已更换,已新开文章页介绍。

我为加速作出的一些尝试:

Imajify  优秀且免费的图片无损压缩插件已实现动静分离,不需要了。

Kill 429  一款可以解决无法链接wp官网的插件

Useso take over Google 替换掉谷歌字体与gravator头像,达到加速效果新采用代码实现

WP Super Cache 一款优秀而免费的缓存插件WP Rocket 夸爆

WP-Optimize – Clean, Compress, Cache 可以清理数据库的插件已用WP Rocket进行替代。

技术所限,我会继续摸索优化。目标:数据库。



没想到已到半夜,此时已浑然欲睡,难免有所纰漏,但大体已总结完毕,日后完善~

特别致谢银河渡舟wiger的帮助,以及许多提供教程的网络大神。OTZ

2020.3.21微调大体完成,再次编辑此页。

2020.3.25修改再次暂告一段落,再次编辑此页。

分类: 博客网络

欢迎来到睿屿青衫丶

avatar
 
微笑晕爱心心碎调皮难过尴尬惊讶惊吓酷泪奔吐彩虹害羞敲打喝彩抠鼻吐星星眼擦汗大笑蛋糕呲牙瞌睡咒骂吃瓜贪财骷髅鬼脸委屈奋斗笑哭摸头小纠结点赞笑崩发呆绿帽狂汗亲嘴么么机智抑郁色鄙视坏笑白眼左哼哼右哼哼捂嘴鼓掌可怜香肠嘴闭嘴墨镜认错思考拒绝鲜花愤怒嘟嘴不忍直视嘘emm流泪yeah睡觉扔鞋石化生病抽烟吐血偷笑衰兔牙害怕震惊捂嘴笑打盹疑问亲亲指开心喜欢阴险郁闷坏笑2搞怪汪好奇汪机智汪冷漠汪搞怪哈摆拍柴柴犬生气柴流泪柴张嘴柴挥爪柴佩服勾引拳头胜利赞踩滑稽
  订阅  
提醒