一直想做个简洁的单机游戏资源导航,只熟悉WordPress这套程序,然后再必应了一下,发现WebStack这个免费主题比较适合,下面来手把手记录下安装流程,有点繁琐,但图文并茂下小白上手也不难,所以就在这篇文章分享一下。

安装与部署

还是老规矩,用宝塔面板的一键安装来部署wordpress,然后安装主题,详细教程,如下:

1、程序及演示

主题下载github:https://github.com/owen0o0/WebStack/releases

演示站: https://gitfree.cn/   单机游戏资源导航(临时取名)

2、环境要求

  • VPS硬件:2H2G
  • 系统Ubuntu20.04
  • WordPress 6.3+
  • WordPress 伪静态
  • MySQL 5.7+
  • PHP 7.4+

3、安装Wordpress

软件商店→一键部署→WordPress。这样来安装wordpress是速度最快也是最方便的。

手把手教你为WordPress安装WebStack导航主题_webstack

 

点击一键部署,在域名中输入解析好的域名,其他都可以默认:

提交之后,如图,点击连接就可以部署wordpress了。

手把手教你为WordPress安装WebStack导航主题_github_02

剩下就和普通的安装没什么区别了,不在赘述。

4、伪静态设置

最后说这个伪静态吧,宝塔面板设置伪静态还是很简单的,如图:

手把手教你为WordPress安装WebStack导航主题_WordPress_03

 

保存之后,就设置好了,wordpress的伪静态。

5、启用主题

  • WordPress 后台「主题」栏目 -> 上传主题 -> 启用主题,或者在 /wp-content/themes 文件夹新建webstack文件夹,并上传所有文件
  • 如果点击地址出现404,请到WordPress 后台「设置」栏目 -> 固定链接 -> 保存更改

启用webstack后的主题效果如下:

手把手教你为WordPress安装WebStack导航主题_github_04

 

目前是空的,因为什么都没有添加。

6、主题使用

6.1、网址分类
  • 在 WordPress 后台“网址”文章类型下添加内容
  • 分类最多两级,且父级不要添加内容
  • 可以不添加网址图片,主题会自动获取目标网址的 favicon 图标
  • 导航菜单栏标题前面的图标请在分类图像描述中填入(参考下图),图标样式请参考fontawesome

手把手教你为WordPress安装WebStack导航主题_github_05

 

切换到前台就可以看到效果了,如图:

 

6.2、添加网址

添加好分类之后,就可以试着添加一个网址了,我们的点击添加网址,如图:

手把手教你为WordPress安装WebStack导航主题_github_06

 

添加之后,切换到前台可以看到效果,如图:

手把手教你为WordPress安装WebStack导航主题_github_07

 

其他添加以此类推,不在赘述。

6.3、主题功能设置

主题的功能还是很丰富的,作者还贴心的集成了一个seo功能,对于想做seo的站长来说还是很方便的。

手把手教你为WordPress安装WebStack导航主题_webstack_08

 

7、总结

WebStack 导航主题还是很不错的,极客猿之前也试过Typecho下的WebStack 导航主题,但说实话,自已对Typecho程序不熟练,感谢一为主题开发了WordPress的版本,使用起来确实方便,而且插件众多,优化加速也很方便,如果有喜欢做导航站点的同学可以折腾试试。

最后也感谢作者提供了这么好用的免费的主题,也欢迎演示站提交链接丰富下内容。