瞎折腾

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

 3个月前 (08-30)     4,934  
文章目录

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

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

瞎折腾 重大更新:WordPress 版导航主题 WebStack 又更新了 有好多小伙伴留言想要导航主题 WebStack 增加各种功能,之前一直忙,基本统一…… 2天前 98 5

首页截图

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

环境要求

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

后台截图

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

自定义样式

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

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

感谢

感谢 Viggo 的前台设计

关于版权

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

转载请留言说明!!!

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

更新

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

V20190906

  • 增加文章页面板,修复无法显示文章的问题
  • 修复404页乱码
  • 设置项增加一行显示数量,可选2、3、4、6
  • 提示:因增加设置项,更新主题后保存下主题设置

V20191024

  • 修复排序错误
  • 修改jquer为七牛公共库地址,解决百度库无法加载的问题

V20191117

  • 优化:精简css、js等静态资源
  • 增加:网址仅管理员可见
  • 增加:移动端菜单栏常驻顶部
  • 删减文件较多,自测没问题,如发现有bug,请及时反馈

V20191121

  • 增加:暗色主题(需在设置里开启)
  • 增加:和风天气替换知心天气,自测和风加载速度快一些
  • 增加:在编辑网址页增加 “添加图标” 快捷入口
  • 增加:图标懒加载(需在设置里开启)
  • 优化:网址块自适应
  • 修复:精简后超长菜单栏不能滚动的问题
  • 修复:精简后一些小问题

V20191125

  • 增加:站内搜索
  • 增加:增加图标源api设置项(主题设置-->常规设置,默认添加一个我自建api)
  • 优化:网址块更改为a标签,方便做外链收录

最近更新比较勤,如果使用上没有BUG,应该会停更一段时间了,感谢支持

图标源API

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

189 条评论

  • avatar

    wikin ( VIP 1 )

    回复

    在正页面中子标题前可以带上父标题吗,因为有些子标题类似,就会导致看的时候不知道该子标题下的网址是哪个父标题下的内容
    比如父1下有12,父2下有21,
    可以显示为1-12和2-21 吗?

  • avatar
    回复

    怎样去掉右上角那个 fork me on github 删掉 index.php 第32行,要删什么f12找关键字全盘搜索删掉就可以
    这个找不到了

  • avatar

    一段旅行 ( VIP 2 )

    回复

    来逛一下大佬博客,向大佬学习学习。然后顺道留下一点足迹^_^。

  • avatar

    韦海生 ( VIP 1 )

    回复

    博主您好!我添加网址链接之后,有一个固定地址,比如这个: xxx.com/guide/aaaaa (前面是固定的,aaaaa 是自定义的),打开是 404,是固定链接设置不对吗?我是自定 /%postname%.html 的。谢谢!

  • avatar

    BeardUncle ( VIP 1 )

    回复

    博主您好,搜索框那修改去哪儿网址为飞猪,上边标签那一行就不显示了,请问是怎么回事?

    • avatar

      BeardUncle ( VIP 1 )

      回复

      @BeardUncle 请问,自动切换夜间模式怎么做的?

      • avatar
        回复

        @BeardUncle 搜索框那个文件有点玄乎,偶尔会出现这种问题 :evil: 多试试把。
        自动切换百度把,有教程的

  • avatar

    wikin ( VIP 1 )

    回复

    搜索的内容可以包含描述内容吗?

  • avatar

    微目录 ( VIP 1 )

    回复

    日常拜访,顺便看看有无更新! :smile:

    • avatar
      回复

      @微目录 悄悄告诉你,可以去github升级下,不要下载 releases 版,因为我还没弄完 :grin:

  • avatar

    A * 锟斤拷锟斤拷陌 ( VIP 1 )

    回复

    现在有个问题,就是增加了网址之后 XXXX.com/guide/seo
    XXXX.com/guide/自定义的
    比如这个打开网址会直接404能不急加入内容页面上去呢

  • avatar

    wikin ( VIP 1 )

    回复

    鼠标悬停内容我想把网址更改为描述信息,能告知在哪个文件内吗?可以的话麻烦告知如何更改,再三感谢

    • avatar
      回复

      @wikin inc\fav-content.php 中 data-original-title 属性

      • avatar

        wikin ( VIP 1 )

        回复

        @一为 非常感谢,已经更改

  • avatar

    Zhicheng ( VIP 1 )

    回复

    想提个建议:
    1、是否能在顶部导航那给用户自行选择是否新窗口打开网页(默认是在原窗口右侧栏打开),类似moyu.link
    2、能否在一项项网址卡片的右边增加个按钮,然后可以自判断,比如:如果后台有开启二维码转换或者上传二维码图片的话,图标就显示成【二维码】那样,如果后台只设置了网址,那么就直接点击打开网页;还有种是既有网页、也有二维码这种(比如既有品牌网站也有公众号)。

    • avatar
      回复

      @Zhicheng 是新窗口打开的啊。。。
      后台添加网址的时候上传二维码图片就可以实现这功能

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