2012-06-13 61 views
0

我正在單頁網站上工作,我正在尋找wordpress解決方案來創建每個帖子的鏈接。作爲一個例子,我想實現這樣的事情我已經看到了迄今爲​​止對付編輯的.htaccess或者它們並不是永久的這個在Wordpress導航菜單中使用Hashtags?

<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> 

的解決方案。

我如何在主題級別上實現這樣的功能?

這裏是一個能實現什麼,我試圖做一個主題:http://themes.mdnw.net/?theme=shapeshifter

如果您單擊左側(除了博客)鏈接,它只是上下滾動網頁。我如何設置這樣的導航?

+0

由於這是一個JavaScript增強菜單,請檢查他們的腳本 - 然後回來並詢問您不理解的那部分腳本。 – feeela

+0

哈希標籤是在Twitter上搜索內容的快捷方式。這些是片段標識符(並且在Twitter的用戶羣提供hashtags之前就已存在)。 – Quentin

+0

會有多少帖子?並且會不斷地有新的,或者你可以硬編碼菜單嗎? – Ryan

回答

0

您可以使用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); 
}); 

當點擊一個導航鏈接,將POST號/ ID是從HREF散列#後432提取的例子。並使用$.scrollTo plugin滾動到具有相同郵政編號/ 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()