这个假期格外漫长,断断续续,终于给博客一次新生。
如下,是美化前后博客主页的对比(多次微调后略有出入):
背景图:
美化前: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.reashal.com/wp-content/themes/hestia/js/djtx.js"></script>
最初泡泡的代码还是向widerg要的,但是因为他那里的js文件出了问题,我便索性将之搬到了自己的镜像存储上。
鼠标指针样式
body,footer{ cursor:url('http://www.reashal.com/wp-content/uploads/zhizhen1.png'),auto; } select,input,textarea,a,button{ cursor:url('http://www.reashal.com/wp-content/uploads/zhizhen2.png'),auto; } input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly]{ cursor:url('http://www.reashal.com/wp-content/uploads/zhizhen1.png'),auto; } buttons{ cursor:url('http://www.reashal.com/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修改再次暂告一段落,再次编辑此页。
欢迎来到睿屿青衫