使用WP菜单链接到页面上的部分

时间:2014-01-28 11:17:12

标签: html css wordpress

我不太了解PHP,但我有一个视差模板和不同的部分,这些部分是技术上在wp-admin中创建的页面。例如,第2页是:

    <!-- Section #2 -->
<section id="middle" data-speed="4" data-type="background">
        <div class="container">
            <?php query_posts('page_id=' . of_get_option('home_page_2', 'no entry' )); while (have_posts()) : the_post(); ?>
                <?php global $more;   
                $more = 0;
                the_content(""); ?>
            <?php endwhile; ?>
        </div>
    </section></a>

现在我想修改顶部的主要wp菜单以链接到此部分。我已经尝试用html这样做了所以我在整个部分围绕一个<a id="2">标签并在网页上调用它与site.com/#2并且这部分工作但它现在看到整个部分作为一个超链接因此搞乱格式化。还有其他方法可以用PHP吗?

1 个答案:

答案 0 :(得分:1)

我不确定我是否理解您需要的内容,但为了链接到页面上的元素,您可以执行以下操作:

  • 选项1:为元素设置id属性:
<section id="mysection">...</section>
  • 选项2:部分元素顶部创建一个id属性的空锚标记:
<a id="mysection"></a>
<section>
    <h2>My Section</h2>
    <!-- ... -->
</section>

然后使用锚标记定位部分的ID:

<a href="#mysection">Go to My Section</a>

<强> JSFiddle Demo