个性化阅读
专注于IT技术分析

在WordPress导航菜单中使用标签?

我正在一个页面站点上工作, 并且正在寻找一个Wordpress解决方案来创建指向每个帖子的链接。例如, 我想实现这样的目标

<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

如果你单击左侧的链接(博客除外), 它将仅在网站上上下滚动。我该如何设置导航?


#1


你可以像这样使用jQuery:

$("#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哈希#post-432中提取POST号/ id。并使用$ .scrollTo插件滚动到具有相同帖子编号/ ID的div。

这是一个示例代码, 用于根据帖子集生成导航菜单。

<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)
未经允许不得转载:srcmini » 在WordPress导航菜单中使用标签?

评论 抢沙发

评论前必须登录!