單頁wordpress模板。如何在css中創建新的部分

我只是好奇這是如何完成的，因爲最終我想開發自己的單頁WordPress主題。單頁wordpress模板。如何在css中創建新的部分

我看過所有在一個頁面上的主題，只是向下滾動，而當你添加一個新的菜單項（或頁面）時，它會在頁面上添加一個新的CSS部分。在此模板演示中可以看到一個示例：Wordpress In-Motion theme正如您所看到的，您可以單擊菜單鏈接並將它帶到該部分。在css中添加#news或＃關於我們

有人可以向我解釋在設計wordpress主題時如何將它創建爲函數嗎？ Sam

來源

2012-11-08 Sam Skirrow

這與Wordpess無關。它只是使用錨點將您拉下或翻上頁面。

如果頁面上的元素都有唯一的ID，你可以創建一個錨標記鏈接到該ID（和它會帶你那裏頁）

例如

<div id="anchor">...</div> 
<div id="something-else>...</div> 

<a href="#anchor">Click here to go to id=anchor div</a> 
<a href="#something-else">Clicker to go to something-else id div</a>

WordPress的主題，你舉了一個例子也有Javascript或jQuery的平滑 - 所以它會很好地滾動，而不是瞬間帶你那裏像普通的HTML會做錨。

來源

2012-11-08 14:13:14 Andy

也許我看錯再次尋找後的問題 - 你的意思是該主題自動創建頁面錨鏈接和的div正確的ID？ – Andy

嘿@你是對的，我的意思是當你創建一個新頁面時，主題似乎動態地創建了錨點和div。有任何想法嗎？ –

這是用JavaScript完成的。從我所知道的他們可以使用一個名爲onePageNav的jQuery插件，它可以向下滾動到選定的菜單部分，並在滾動時向正確的菜單項添加一個current類。

來源

2012-11-08 14:10:09 freejosh

得到了這個答案。添加到我的index.php頁面（稍加修改）。對於我添加的每個頁面，添加一個新的，然後我可以使用jquery進行錨定，顯然，您可以添加自己的類和ID來控制div的外觀。

<?php 
$pages = get_pages(array ('sort_order' => 'asc', 'sort_column' => 'menu_order', 'depth' => 1)); 

     foreach ($pages as $page) { 
      $page_section = str_replace(" ", "", strtolower($page->post_name)); 
      echo '<div id="' . $page_section . '" ></div>'; 
     } 
?>

希望這是有幫助的人，山姆

來源

2012-11-10 11:55:15

單頁wordpress模板。如何在css中創建新的部分

回答

相關問題