瞎折腾

WordPress 版 WebStack 导航主题使用说明,更新于20200115

 5个月前 (08-30)     8,428  
文章目录

之前一直把浏览器首页设为好123,自己加了好多收藏的网址,但是现在好123下面全部是百家号文章,我又喜欢瞎看,导致有时候一看就个把小时 :sad: 之前建站也看到了一些自建的导航,所以就想自己建一个,之后搜到了 Viggo 的 WebStack 导航页,下下来改内容,佩服他在一个静态网页上加了几百号网址 :cool: ,我没这耐心啊,找后台,他 github 上有运营狗做的 Typecho 的主题后台,这里我也使用了他的搜索模块,感谢。

瞎折腾 WebStack Pro 导航主题高级版 WebStack Pro 导航主题高级版,哈哈,捣鼓了很久,整了个pro版,加这三个字母…… 2周前 (01-15) 549 2

都是不熟悉的平台啊,好吧,按捺不住折腾的心,整了个 WordPress:evil: 在这里做一下使用说明

瞎折腾 重大更新:WordPress 版导航主题 WebStack 又更新了 有好多小伙伴留言想要导航主题 WebStack 增加各种功能,之前一直忙,基本统一…… 2个月前 (12-08) 1,287 47

首页截图

WordPress 版 WebStack 导航主题使用说明,更新于20200115

环境要求

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

安装指南

  • 安装 WordPress ,教程百度
  • 设置伪静态
# 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
WordPress 版 WebStack 导航主题使用说明,更新于20200115
  • 导航菜单栏下方可以添加自定义菜单,在后台的外观-->菜单里设置,在菜单的css类添加图标(参考下图),图标样式请参考fontawesome
WordPress 版 WebStack 导航主题使用说明,更新于20200115
  • 如果菜单里没有css类,请按下图添加
WordPress 版 WebStack 导航主题使用说明,更新于20200115

后台截图

WordPress 版 WebStack 导航主题使用说明,更新于20200115 WordPress 版 WebStack 导航主题使用说明,更新于20200115

自定义样式

如果对样式有要求,可以到下图位置添加自定义css

WordPress 版 WebStack 导航主题使用说明,更新于20200115

感谢

感谢 Viggo 的前台设计

关于版权

尊重劳动成果,请保留主题下方的版权,否则不欢迎使用WebStack主题,谢谢!

转载请留言说明!!!

差不多了,有问题请评论或者发lssues

更新

更新方法为替换源文件,或者在wordpress后台删除主题,然后重新安装主题

更新日志直接看github

图标源API

瞎折腾 快速获取网站Favicon图标api 最近WebStack 导航主题使用的Favicon图标api不能用了,这里一为分享了一个自用…… 2个月前 (11-26) 851 12
下载信息 资源名称:WebStack 导航主题 应用平台:WordPress 文件下载:1069 次 下载地址 查看演示
版权声明:一为 发表于 5个月前 (08-30),共 1200 字。
转载请注明:WordPress 版 WebStack 导航主题使用说明,更新于20200115 | 一为忆

266 条评论

  • avatar

    Don ( VIP 1 )

    回复

    您好,添加了伪静态规则,重启了Apache,点击那个链接(如:xx.xxx.xxx..xx/sites/7.html)还是404怎么办,已经是最新的主题了。

  • avatar

    你不是一个人 ( VIP 1 )

    回复

    fontawesome很多图标不显示,比如fa-user-circle-o

  • avatar

    admin ( VIP 2 )

    回复

    希望可以出一个用户可以自行开关暗色模式的功能

    • avatar
      回复

      @admin 新版有https://www.iowen.cn/webstack-pro-navigation-theme-advanced/
      也可以按照这文章修改https://www.iowen.cn/robin-begin-theme-adding-night-mode/

  • avatar

    杜兰戈 ( VIP 1 )

    回复

    把显示为二维码开启后,鼠标悬停在最底部的网址,会有些冲突,导致二维码不断闪烁

  • avatar

    name ( VIP 2 )

    回复

    投稿功能怎么打开?

  • avatar

    name ( VIP 2 )

    回复

    自动获取图标,很多图标都不显示出来是咋回事?

    • avatar
      回复

      @name 可能目标站没有设置图标,或者被墙

  • avatar

    石锟斤拷锟斤拷 ( VIP 1 )

    回复

    怎么添加友情链接呢?

  • avatar

    ( VIP 1 )

    回复

    大大,更新一个公告的位置吧

  • avatar

    王泽 ( VIP 1 )

    回复

    大佬,菜单栏内自己创建的页面 标题后边的♥符号,能去掉吗,具体在那一个位置里?

  • avatar

    qihaimi ( VIP 1 )

    回复

    鼠标悬停内容我想把网址更改为描述信息 inc\fav-content.php 中 data-original-title 属性
    翻评论看到这个的修改,打开文件没有看到这个标签属性。。

  • avatar

    锟斤拷锟斤拷 ( VIP 1 )

    回复

    请问下 导航菜单栏下方怎么添加自定义菜单 看教程上面的图片没怎么看懂 添加后 首页打不开了 说 将您重定向的次数过多。第一次接触worpress 可以详细说一下吗

  • avatar

    力牧 ( VIP 1 )

    回复

    主题首页右上角 github 的图片链接能去掉吗

  • avatar

    Crueyl ( VIP 2 )

    回复

    想问下,在点网址跳转的时候 怎么才能修改成直接跳转指定网站,,而不是通过***/go/?url=base64的这样在多一层跳转

  • avatar

    石锟斤拷锟斤拷 ( VIP 1 )

    回复

    我写添加网址,但是还是文章页面。现在还是测试,这是网址:wx.gzlpx.com.cn/ 麻烦您帮忙看看,谢谢!

  • avatar

    石锟斤拷锟斤拷 ( VIP 1 )

    回复

    你好,怎么我在添加后台添加新网址,结果显示的还是文章页面,不显示我填的链接~

  • avatar

    recmess ( VIP 1 )

    回复

    老大,我有5000个网址,请问要怎么整理?

    • avatar
      回复

      @recmess :evil: 一个一个加,或者你研究一下wordpress的数据库,看有方法不

2019/12/2 17:30
WebStack 导航主题升级 Font Awesome 5 图标库 详情