Question

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

我知道如果我只想将它链接到索引，我应该使用它：

<?php echo home_url(); ?>

但我想要链接将用户发送到＆＃34;关于＆＃34;部分。基本上，我需要知道如何做到这一点：

index.php#about

但是使用PHP。

谢谢！

Answer 1

你走在正确的轨道上。

执行此操作的理想方法是将ID | YEAR | JAN | FEB | MAR | APR | MAY | JUN | JUL | AUG | SEP | OCT | NOV | DEC ------------------------------------------------------------------------------------ 1 | 2017 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 2 | 2017 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 3 | 2017 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 4 | 2017 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 5 | 2017 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 6 | 2017 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0标记添加到模板的相应部分。这称为HTML锚点，这些#tags知道指向何处。

鉴于这是Wordpress，您可能还可以将其添加到相应部分的标题中。因此，无论您在何处指定＆＃39;请致电本部分＆＃34;关于＆＃34;＆＃39;，您可以重做它，因为请拨打此部分＆＃34; <a name="about></a>＆＃34; ＆＃39;然后你就可以使用你的例子中的锚点链接到它 - <a name="about">About</a>

Answer 2

如果你是php的新手，也许你应该使用wordpress的编辑器？

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

在编辑器中，您可以添加自定义链接（带锚或不带锚），您可以在＆＃34; html＆＃34;中添加div标签。标签

因此，如果您将链接放在页面顶部并将您的部分放在div id =＆＃34; myanchor＆＃34;中，它就应该这样做！

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元素的位置之前将页面设置为-50px。您可以为每个按钮设置一系列点击功能，并且您有一个灵巧的页内导航系统。

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

3 个答案: