0

在这里解释有点困难,但我会尽力而为。

我有这个页面模板,你可以在这里查看:http: //goo.gl/y088X。该模板首先在顶部列出了所有属于“展览档案”类别的子页面作为子菜单,然后页面在页面上输出这些页面(图像)的附件,并使用一些 JS 进行演示等。

目前,子菜单(子页面列表)项目链接到页面,这是显而易见的事情。

但是,我想做的是将所有内容保留在一个页面上,并让子菜单项链接到页面上的帖子并向下滚动到页面上的该部分(基本上,使用锚链接)。如果您单击子菜单中的展览标题链接,它将滚动到页面下方的展览标题。

我已经设置了大部分,但我需要能够动态地执行此操作。标记每个部分开始的页面下方的标题需要是一个锚标记,其中 id 标记引用子菜单项,因此当单击子菜单项时,它将滚动到该位置,子菜单项具有#anchor 作为 href,而不是指向该页面的永久链接。

这是可能吗?

这就是我用来列出子菜单中的项目的方法,所以我需要一种动态创建#anchor 作为 href 而不是永久链接的方法,然后将<h1>标题向下标记为每个部分的页面以具有对应的标识。

希望这是有道理的,希望你能提供帮助。我会给任何解决这个问题的人一些巨大的声誉:)

在此先感谢,

<?php wp_list_pages('title_li=&child_of=155'); ?>
4

1 回答 1

4

而不是使用 wp_list_page() 您可以尝试使用 get_pages() 编写自己的子导航

http://codex.wordpress.org/Function_Reference/get_pages

一旦你建立了你的导航,你可以创建并链接到你想要的页面下方的内容。

<?php
if( is_page(155) ){
    $args = array( 'child_of' => 155, 
                   'sort_order' => ASC,
                   'sort_column' => post_date,
                   'parent' => 155,
                   'hierarchical' => 0  
                 );
    $mypages = get_pages($args);
?>
<ul>
    <?php foreach( $mypages as $page ) {    
?>
   <li><a href="#<?php echo $page->post_name; ?>"><?php echo $page->post_title; ?></a></li>
<?php
    }
 ?>
 </ul>
<?php
}
?>

希望这有帮助?

马蒂

于 2012-06-21T23:23:26.830 回答