如何鏈接到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 。 您只需為每個按鈕設置一系列單擊功能，就可以擁有一個漂亮的頁面內導航系統。