如何链接到Wordpress另一页上的特定部分

Question

我是Wordpress和PHP的新手，这可能是一个愚蠢的问题，但是我试图将我的菜单项之一链接到索引页面上的某一节。

我知道，如果我只想将其链接到索引，则应使用以下代码：

<?php echo home_url(); ?> 

但我希望该链接将用户发送到“关于”部分。 基本上，我需要知道如何执行此操作：

index.php#about 

但使用PHP。

谢谢！

Answer 1

您走在正确的轨道上。

理想的方法是在模板的适当部分添加一个<a name="about></a>标签，这称为HTML锚，这就是这些#tag知道指向何处的方式。

鉴于这是Wordpress，您可能还可以通过将其附加到适当部分的标题来摆脱困境。 因此，无论您在何处指定“称此部分为”关于””，都可以将其重命名为“称此部分为” <a name="about">About</a> “”，然后就可以链接到该部分。使用<a href="/index.php#about">About</a>锚点- <a href="/index.php#about">About</a>

Answer 2

如果您不熟悉php，也许应该使用wordpress的编辑器？

在您的页面（在管理页面中）中，您可以放置​​任何想要的html。

在编辑器中，您可以添加自定义链接（带或不带锚），并且可以在“ html”标签中放置div标签。

因此，如果您将链接放在页面顶部，并将您的部分放在div id =“ myanchor”中，则应该这样做！

Answer 3

您不应该使用HTML或PHP来执行此操作，而应该使用JS。 我特别喜欢scrollTo jQuery插件，专门用于长页面并需要页面内导航。

实际上，您将拥有一些类似于以下内容的HTML容器：

<!-- Your menu -->
<ul>
  <li id="about-button"></li>
  <li id="product-button"></li>
  <li id="something-button"></li>
  <li id="else-button"></li>
</ul>    

<!--Your page sections-->
<main class="my-page">
  <section id="about"></section>
  <section id="product"></section>
  <section id="something"></section>
  <section id="else"></section>
</main>

包含jQuery和scrollTo插件后，您将获得一些类似于以下内容的JS：

$('#about-button').click(function() {
  $.scrollTo($('#about'), {
    duration: 800,
    offset: -50
  });
  return false;
});

JS表示，一旦您单击#about-button ，请花费800毫秒的时间，然后将页面动画化为#about HTML元素位置之前的#about 。 您只需为每个按钮设置一系列单击功能，就可以拥有一个漂亮的页面内导航系统。