单页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中创建新的部分

回答

相关问题