首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在Wordpress导航菜单中使用标签?

在Wordpress导航菜单中使用标签?
EN

Stack Overflow用户
提问于 2012-06-14 00:44:28
回答 1查看 2.7K关注 0票数 0

我在一个单页面的网站上工作,我正在寻找一个wordpress解决方案来创建每个帖子的链接。作为一个例子,我想要实现这样的事情

代码语言:javascript
复制
<ul id="navigation" class="menu1">
    <li><a href="#post-1">...</a></li>
    <li><a href="#post-2">...</a></li>
    <li><a href="#post-3">...</a></li>
    <li><a href="#post-4">...</a></li>
</ul>

到目前为止,我看到的解决方案都涉及到编辑.htaccess,或者它们不是永久性的。

我如何才能在主题层面上实现这样的事情?

这是一个能够实现我正在尝试做的事情的主题:http://themes.mdnw.net/?theme=shapeshifter

如果你点击左边的链接(博客除外),它就会在网站上上下滚动。如何设置这样的导航栏?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-06-14 01:32:06

您可以像这样使用jQuery:

代码语言:javascript
复制
$("#navigation a").click(function(event) {
    event.preventDefault();
    var link_href = $(this).attr('href');
    var post_id = link_href.replace(/[^0-9]/g, '');
    $.scrollTo('#post-' + post_id, 800);
});

当点击导航链接时,例如从href hash # POST -432中提取帖子编号/ id。并使用$.scrollTo plugin滚动到具有相同帖子编号/ID的div。

下面是从一组帖子生成导航菜单的示例代码。

代码语言:javascript
复制
<ul id="navigation" class="menu1">
<?php
global $post;
$args = array( 'numberposts' => 5 );
$myposts = get_posts( $args );
foreach( $myposts as $post ) :  setup_postdata($post); ?>
    <li><a href="#post-<?php the_ID(); ?>"><?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul>

你仍然需要查询每个帖子的内容。类似的查询应该可以做到这一点,并获取the_content()

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11019524

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档