从SEO的角度来看,这听起来很糟糕,但你可以这样做:
Note
在查询中必须这样做的原因(我相信)是因为Wordpress在默认情况下没有“页面存档”,所以您无法通过更改一些
.htaccess
“简单的豌豆”完成了。。。这会更复杂一些。
创建页面或页面模板。从那里你可以创建一个新的WP_Query 调用所有页面或一组页面。循环浏览您的页面,并为每个页面指定一个特定的<div>
或<h1>
使用页面段塞ID,然后使用哈希创建菜单。
<?php
$my_pages = new WP_Query( array(
\'post_type\' => \'page\',
\'posts_per_page\' => -1,
\'orderby\' => \'menu_order\'
) );
if( $my_pages->have_posts() ) :
?>
<?php while( $my_pages->have_posts() ) : $my_pages->the_post(); ?>
<div id="<?php echo $page->post_name; ?>" class="page-section">
<h1><?php the_title(); ?></h1>
<?php the_content(); ?>
</div> <!-- class="page-section" -->
<?php endwhile; ?>
<?php endif; ?>
我们得到的可能是这样的:
<div id="about" class="page-section">
<h1>About</h1>
<p>Blah blah blah blah. . .</p>
</div> <!-- class="page-section" -->
<div id="details" class="page-section">
<h1>Details</h1>
<p>Blah blah blah blah. . .</p>
</div> <!-- class="page-section" -->
<div id="contact" class="page-section">
<h1>Contact</h1>
<p>Blah blah blah blah. . .</p>
</div> <!-- class="page-section" -->
现在只要你去
http://www.your-url.com/#contact
您将跳转到该页面的“联系人”部分,因为它具有相同的ID。这种菜单称为“跳转菜单”,这是许多网站的功能,例如
Wikipedia 用于大截面。如果你转到wikipedia链接并单击字母表中的一个字符,你会注意到页面跳转,URL添加了一个
#
. 最后,要表达菜单的工作原理,这里有一个
JSFiddle of the actual Menu.
因此,根据JSFIDLE,您现在需要创建#page-slug
. 你有几个选择,你想怎么做,这完全取决于你。我没有按特定顺序列出这些选项。
创建新的WP Nav菜单(外观->菜单),并创建自定义菜单#page-slug
全部手工完成。这可能会很乏味,只有在你付钱给别人的情况下才会自动完成自定义创建菜单<您可以创建1WP_Query
在页面顶部,循环浏览以创建菜单,rewind_posts()
, 然后再次运行查询以生成页面及其内容您也可以使用wp_list_pages()
如果你要运行WP_Query
无论如何希望你能开始,否则我完全误解了你的问题(这是完全可能的),在这种情况下,让我知道!