WebStack：WordPress导航主题

主题模板 2020-11-11 九凌少子 手机阅读

WebStack本是 Viggo 的一个开源网址导航项目，该项目是一个纯静态的网址导航网站，内容均由viggo收集并整理。

今天分享一款WordPress导航主题，该主题是由一为忆基于WordPress程序 二次开发的WordPress版WebStack导航主题。

作者站点：点击查看

主题特色

  • 丰富后台自定义选项
  • 自适应布局，手机、PC完美展现
  • 搜索AJAX加载
  • 全局二维码显示
  • 自定义广告位
  • 更多特色，下载后发现

首页截图

WebStack：WordPress导航主题-语幕

环境要求

  • WordPress 4.4+
  • WordPress 伪静态
  • PHP 5.7+ 7.0+

设置伪静态

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

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

主题使用

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

导航菜单栏下方可以添加自定义菜单，在后台的外观-->菜单里设置，在菜单的css类添加图标（参考下图），图标样式请参考fontawesome

WebStack：WordPress导航主题-语幕

如果菜单里没有css类，请按下图添加

WebStack：WordPress导航主题-语幕

后台截图

WebStack：WordPress导航主题-语幕
WebStack：WordPress导航主题-语幕