在主站点导航中使用页面锚点

时间:2012-08-22 00:44:34

标签: url anchor

所以我有一个基本的(Wordpress支持的)投资组合网站,其中大部分内容都存在于主页上,然后我使用自定义帖子类别进行特色项目,因此用户可以点击并获取更多信息。项目在其category.php页面。所以这个想法是在结构方面它是一个相当平坦的网站。

事实上,标题中的网站导航只是链接到主页上的所有内容(关于,工作,内容,联系人是主页上的所有部分,当您点击时向下滚动) )。

我想要发生的是当用户在主页上,并点击其中一个顶部导航链接时,页面向下滚动到该部分(这里没问题 - 我已经让这部分工作得很好),然后当用户在网站的另一个页面上(想一个深度,一个自定义帖子页面),如果他们点击标题导航链接,它会将它们返回到主页并将它们向下滚动到该部分。我正在考虑基本网址锚结构,例如http://somesite.com/page#specific_section,其中该链接将用户带到somesite.com/page上的特定部分。

然而,我似乎遇到的麻烦是正确创建这些网址。我把它们写成mysite.com#about,mysite.com#work,mysite.com #contact,mysite.com #page-top,但不是触发用户去主页,浏览器正在解释这些链接作为在当前页面上查找这些部分的说明。

我做错了什么,以及实现这个目标的正确方法是什么?

我还要考虑的另一个问题是,我是否需要创建在主页上单向显示链接的PHP逻辑,以及网站其他部分的另一种方式。

2 个答案:

答案 0 :(得分:1)

您需要做的是使用相关网页的实际文件名,例如:

mysite.com/aboutme.html#qualifications `mysite.com/portfolio.html#ZirTech

要获得指向首页的链接,请尝试使用根相对路径或完全限定链接,如下所示:

http://www.mysite.com/#section 完全合格

/#section 相对路径

您不需要在主页上以不同的方式实现它们 - 只需在整个网站中正确实施它们。

答案 1 :(得分:1)

当您将URL写为mysite.com#work,mysite.com #contact,mysite.com #page-top时,浏览器会查找相关页面,因为它未被指示转到另一个页面(您需要添加“/”以重定向它。)

如果您希望它们指向主页面,请将它们设置为

mysite.com/index.php#work, mysite.com/index.php#contact, mysite.com/index.php#page-top

没有index.php也许有可能,但我现在有点懒于测试:

mysite.com/#work, mysite.com/#contact, mysite.com/#page-top