WordPress版WebStack导航主题的安装与使用教程

WordPress

建站笔记

发布日期: 2020-04-24

更新日期: 2020-05-16

文章字数: 782

阅读时长: 3 分

阅读次数:

简介

github：https://github.com/owen0o0/WebStack

demo：https://nav.iowen.cn

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

fontawesome图标库：http://www.fontawesome.com.cn/faicons/

安装环境及要求

WordPress 4.4+
WordPress 支持伪静态
PHP版本 5.7+ 7.0+
宝塔面板

因为我之前是使用php5.6，所以先在宝塔中安装php，这里我安装的是php7.1

部署教程

1、下载WordPress和绑定域名

软件商店 -> 一键部署 -> WordPress，点击一键部署

域名解析，添加你要绑定的域名

部署wordpress

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

访问wordpress站点，填入相应的配置信息

2、安装主题

主题下载

WordPress 后台外观 ->「主题」栏目 -> 上传主题 -> 启用主题

如果点击地址出现404，请到WordPress 后台「设置」栏目 -> 固定链接 -> 保存更改

效果图如下：

3、网址分类

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

效果图如下：

注意事项：后期添加依旧这样的方法即可

4、添加网址

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

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

5、主题功能设置

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

6、伪静态设置

伪静态页面，其目的是为了更好的被搜索引擎收录而通过一定的规则，把动态页面的地址转换成以htm或html结尾的地址，看起来是静态的，实际是依然是动态页面。

6.1、Nginx规则

# Nginx规则
location /
{
    try_files $uri $uri/ /index.php?$args;
}
rewrite /wp-admin$ $scheme://$host$uri/ permanent;

6.2、Apache 规则

# Apache 规则
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

6.3、宝塔面板设置伪静态

7、删除右上角的fork me on github

我的WebStack版本是WebStack 1.1422

按照路径：/www/wwwroot/navigation.xinglingyingxue.com/wp-content/themes/WebStack-master/templates 找到head-banner.php文件，打开编辑，在18行，可以找到。我们删除这行代码即可

 <a href="https://github.com/owen0o0/WebStack" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>

代码图如下：