【Wordpress建站】Sakura主题的使用、美化与避雷

 
 

前排提示

由于博主的小站二次元浓度过高 ,有可能引起不适 ,因此效果图贴在最后

首先,请保证您已经完成了基本的建站工作;如果没有,请戳这里 → 【Wordpress建站】从0开始建立自己的小站

Sakura主题的安装

1.先下载安装包:github传送门

2.上传到WordPress,完成。

可以说,从宝塔面板到wordpress,处处都写满"友好"二字;入门之后,还需要更深入地学习啊!
 
 

Sakura主题的美化与雷区

安装容易,但由于原作者很久没再更新文档,导致一些操作与文档不符,这里排一下雷
 
背景的更换

文档中描述:该主题"内带了一个返回随机图片的 API,把想要展示的图放到 /cover/gallery 中即可 "

其实在多次更新后,文件名称和路径发生了些许变化

这里正确的路径是:

/www/wwwroot/www.*.com/wp-content/themes/Sakura-3.3.8/manifest/gallary		// 博主的路径,仅供参考

 
live2d插件的问题

安装live2d插件后,这孩子竟然没有如愿出现,F12一看盒子还在,她却透明了

其实这就是典型的插件兼容性问题,某两个插件起了冲突,我关闭了markdown编辑器插件后,孩子终于出现了

我又去了原作者的博客下寻找问题

其实是因为没有jquery, 在head.php里头引用一个就行了

 
导航栏的DIY与优化

wordpress的导航栏叫【菜单】,位于“外观”中

页面、文章、自定义链接、甚至标签都可以做菜单项;菜单可设置父子级关系
 
更多选项需要点击右上方的“显示选项

包括链接目标(比较有用,可以控制是否在新页面打开)
CSS类(提前在style中添加相应代码)
图像描述(给菜单项加个图标:font awesome图标库阿里图标库

 
夜间模式

其实夜间模式比较没有必要

Sakura主题目录下 js/sakura-app.js 文件,修改大概在第337行的这条

if ((!dark && (hour > 21 || hour < 7) ) || (dark == ‘1’ && (hour >= 22 || hour <= 6))) 的判断语句

博主在点击"查看/编辑"后js文件报错(原先可能就有error),导致无法跳转到编辑代码界面( 不知道是不是个例,明明已经显示正在编辑了 )
 
因此直接把该js文件下载到本地,拖到VSCode进行编辑后,在刷上去覆盖就行了
 
其他类型的文件同理;其中style.css可以直接在Wordpress的主题编辑器直接修改代码并更新文件

 
未完待续
 

Sakura效果图(没有改动任何js和css文件的原生效果)

在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/m0_46202073/article/details/106558344