【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文件的原生效果）