【问题标题】:Wordpress - One page navigationWordpress - 一页导航
【发布时间】:2018-05-22 16:08:54
【问题描述】:

我是一个完整的 Wordpress 新手,所以我的问题可能非常愚蠢。 我安装了一个 Wordpress 和一个主题,(效果很好)。 这个主题是一个带有一个主顶部菜单的静态单页导航。

当您单击联系人按钮时,它会一直向下滚动,并带有很好的视差效果(它在主题中)。问题是,它只适用于 CONTACT 和 HOME(第一个)。 我什么都试过了,页面设置没有区别,都是模板下发的,导航ID和菜单里的一样。

唯一的区别是,当我点击 CONTACT 或 HOME 时,URL 保持不变 http://website.com但是当我点击其他的(那些不起作用的)时,URL 变成这样:http://website.com/#slug

我知道这是造成差异的原因,但我不知道如何改变它。

编辑:如果我下载主题的演示内容,它会很好地工作而无需更改任何内容。

救救我:p.

感谢您的宝贵时间。

【问题讨论】:

  • 你用的是什么主题?听起来您需要向不工作的部分添加一个类。
  • website.com/#slug 表示页面标题链接想要转到该页面上的 ID 部分,如果该部分没有名为 slugid 它不会工作。
  • @Coffeebean 嗨,谢谢。我没有得到的是我没有更改任何内容,并且演示模板无需任何更改即可工作。
  • @Ylama Thx Ylama,问题是,(在我看来)这些部分以正确的 ID 存在。但也许我没有在正确的地方设置 id,是在页面设置中吗?
  • @tinkz 不知道您使用的是什么主题,我无法为您提供更多帮助。所有主题都不同。

标签: jquery html wordpress url permalinks


【解决方案1】:

website.com/#slug 表示页面标题链接想要转到该页面上的 ID 部分,如果该部分没有名为 slug 的 ID,它将无法工作。

示例。

.height {
min-height: 150px;
}
<a href="#section1">header</a> <br> <a href="#section2">content</a> <br> <a href="#section3">bottom content</a> <br> <a href="#section4">footer</a>

<div class="height" id="section1">header (the divs could be anything from p tags to a tags, form tags...)</div>
<div class="height" id="section2">content</div>
<div class="height" id="section3">bottom content</div>
<div class="height" id="section4">footer</div>

应该是这样的......所以你的菜单必须链接到正确的部分ID。然后它应该工作。

【讨论】:

  • 谢谢,这就是我得到的(我复制了这个菜单的 2 行):
  • 这些行之一有效,另一行无效。并且 id 与页面 id 匹配。你会去哪里查看 Wpress 的 id ?
  • 等等,你是对的。在 wordpress 编辑器中,id 匹配,但是当我检查 HTML 源时,div id 与菜单的 href 不匹配。所以你是对的,但我应该在哪里更改 id ?在菜单中还是在 html 中?
  • 尝试添加 url 菜单可能是www.example.com/#team
  • 猜你喜欢
    相关资源
    最近更新 更多
    热门标签