<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>落雪实验室 &#187; 菜单管理</title>
	<atom:link href="http://www.fallensnow.net/index.php/archives/tag/%e8%8f%9c%e5%8d%95%e7%ae%a1%e7%90%86/feed" rel="self" type="application/rss+xml" />
	<link>http://www.fallensnow.net</link>
	<description>收藏分享精品软件与技术-关注互联网、操作系统与搜索引擎</description>
	<lastBuildDate>Sat, 20 Nov 2010 16:33:30 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>WordPress 3.0 菜单管理系统使用</title>
		<link>http://www.fallensnow.net/index.php/archives/1606</link>
		<comments>http://www.fallensnow.net/index.php/archives/1606#comments</comments>
		<pubDate>Thu, 22 Jul 2010 12:34:01 +0000</pubDate>
		<dc:creator>落雪</dc:creator>
				<category><![CDATA[网站开发设计]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[博客设计]]></category>
		<category><![CDATA[导航设计]]></category>
		<category><![CDATA[菜单管理]]></category>

		<guid isPermaLink="false">http://www.fallensnow.net/index.php/archives/1606</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160;&#160; WordPress 原来默认的导航菜单只能是页面，或者分类，或者两者，如果想自己加入一个自定义链接都需要修改主题，非常不方便，所以一个完全可定制化的自定义的 WordPress 导航菜单成了所有人的需求。（本文来自 我爱水煮鱼）

&#160;&#160;&#160;&#160;&#160;&#160; 而 WordPress 3.0 的其中一个非常重要的功能是一个全新的菜单管理系统，这个系统可以让我们创建包含由日志，页面，分类，标签和其他链接组成的完全自定义菜单，并且还支持多级菜单，非常方便和强大，今天就谈谈如果使用 WordPress 3.0 这个全新的导航菜单。

<span class="readmore"><a href="http://www.fallensnow.net/index.php/archives/1606" title="WordPress 3.0 菜单管理系统使用">阅读全文——共1261字</a></span>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.fallensnow.net/index.php/archives/1606"><img style="border-bottom: 0px; border-left: 0px; margin: 0px 20px 0px 0px; display: inline; border-top: 0px; border-right: 0px" title="WordPress 3.0 菜单管理系统使用" border="0" alt="WordPress 3.0 菜单管理系统使用" align="left" src="http://www.fallensnow.net/wp-content/uploads/2010/07/image24111_thumb11.png" width="115" height="110" /></a>&#160;&#160;&#160;&#160;&#160;&#160;&#160; WordPress 原来默认的导航菜单只能是页面，或者分类，或者两者，如果想自己加入一个自定义链接都需要修改主题，非常不方便，所以一个完全可定制化的自定义的 WordPress 导航菜单成了所有人的需求。（<a href="http://fairyfish.net/2010/07/09/wordpress-nav-menu/">本文来自 我爱水煮鱼</a>）</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 而 WordPress 3.0 的其中一个非常重要的功能是一个全新的菜单管理系统，这个系统可以让我们创建包含由日志，页面，分类，标签和其他链接组成的完全自定义菜单，并且还支持多级菜单，非常方便和强大，今天就谈谈如果使用 WordPress 3.0 这个全新的导航菜单。</p>
<p> <span id="more-1606"></span>
<p>WordPress 导航菜单系统的概述</p>
<p>首先我们简单解释下这个导航系统的几个概念：</p>
<blockquote><p><strong>主题位置</strong>：就是定义导航菜单在当前主题位置的名称，比如你在导航位置定义了一个菜单，名字就叫做导航菜单，那么这里就显示“导航菜单”。你可以定义多个主题位置的名称，也就是说可以在主题多个地方使用菜单系统，比如侧边栏的 Widget 等。</p>
<p><strong>独立的菜单</strong>：上面定义了菜单在主题的位置，那么这里就是定义菜单的具体内容。</p>
<p><strong>添加菜单项</strong>：会提供一堆选择让你添加，比如分类，页面，标签，日志，其他日志分类，还有自定义链接等。</p>
<p><strong>菜单项</strong>：可以对具体的菜单项进行配置，比如设置是否新窗口打开，这个菜单项标题，描述，Class 等等。</p>
</blockquote>
<p><a href="http://www.fallensnow.net/wp-content/uploads/2010/07/image1.png"><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" src="http://www.fallensnow.net/wp-content/uploads/2010/07/image_thumb1.png" width="617" height="604" /></a>     <br />使用 WordPress 的导航菜单</p>
<h4>如何激活 WordPress 自带的导航菜单</h4>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 要使用 WordPress 导航菜单功能，首先要给当前的主题注册导航菜单，从上面我们知道，我们可以注册一个或者多个导航菜单的主题位置，我么可以使用下面两个函数：</p>
<blockquote><p><code>register_nav_menu()</code>：注册一个主题位置。       <br /><code>register_nav_menus()</code>：注册多个主题位置（使用数组形式）。</p>
</blockquote>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 这里我们只注册一个导航菜单的主题位置：</p>
<blockquote><pre>register_nav_menu( 'nav-menu', '导航菜单');</pre>
<p><code>nav-menu</code> 是这个导航菜单的名字，用来在函数中定义身份的，而“导航菜单”则是名称，在 WordPress 后台使用的时候可见。</p>
</blockquote>
<h4>添加和显示导航菜单</h4>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 注册好之后，就可以到 WordPress 后台 &gt; 外观 &gt; 菜单 添加菜单，添加的菜单的顺序是这样的：</p>
<blockquote>
<p><strong>首先定义好一个单独的菜单。 </strong></p>
<p><strong>然后吧这个菜单赋给一个主题位置。 </strong></p>
<p><strong>接下来就是添加和配置菜单项。</strong> </p>
</blockquote>
<p>然后我们到主题的显示菜单的位置通过以下 <code>wp_nav_menu()</code> 就能把刚才定义的菜单显示出来，当然 <a href="http://codex.wordpress.org/Function_Reference/wp_nav_menu"><code>wp_nav_menu()</code> 这个函数可以有非常详细的参数</a>，但是这里只要简单使用就可以，在特殊的情况下才可能使用到。</p>
<h4>样式化导航菜单</h4>
<p>样式化导航菜单非常简单，你只需要对 current-menu-item 和 current-menu-parent 这两个 Class 进行定义即可。如：</p>
<blockquote>
<pre>#menu-nav li.current-menu-item, #menu-nav li.current-menu-parent, #menu-nav li:hover {
	background:#1BA6B2;
	text-decoration:none;
	position: relative;
}</pre>
</blockquote>
<p>然后定义各级菜单的显示和层次效果即可。</p>
<h2  class="related_post_title">落雪猜您还对以下文章感兴趣：</h2><ul class="related_post"><li>2010/07/22 -- <a href="http://www.fallensnow.net/index.php/archives/1599" title="WordPress 技巧：不用插件实现 Pagenavi 功能">WordPress 技巧：不用插件实现 Pagenavi 功能</a></li><li>2010/01/24 -- <a href="http://www.fallensnow.net/index.php/archives/1363" title="提高WordPress 博客手机用户的用户体验 MobilePress">提高WordPress 博客手机用户的用户体验 MobilePress</a></li><li>2010/01/09 -- <a href="http://www.fallensnow.net/index.php/archives/1322" title="IE下查看WordPress站点源代码为乱码的问题解决">IE下查看WordPress站点源代码为乱码的问题解决</a></li><li>2009/12/21 -- <a href="http://www.fallensnow.net/index.php/archives/1267" title="WordPress 2.9 中文版终于发布">WordPress 2.9 中文版终于发布</a></li><li>2009/12/15 -- <a href="http://www.fallensnow.net/index.php/archives/1184" title="在WordPress导航栏高亮显示当前页面">在WordPress导航栏高亮显示当前页面</a></li><li>2009/08/23 -- <a href="http://www.fallensnow.net/index.php/archives/871" title="WordCampChina 2009 Beijing 清华科技园阳光厅归来与演讲感触">WordCampChina 2009 Beijing 清华科技园阳光厅归来与演讲感触</a></li></ul>
	标签：<a href="http://www.fallensnow.net/index.php/archives/tag/%e5%af%bc%e8%88%aa%e8%ae%be%e8%ae%a1" title="导航设计" rel="tag nofollow">导航设计</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e5%8d%9a%e5%ae%a2%e8%ae%be%e8%ae%a1" title="博客设计" rel="tag nofollow">博客设计</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/wordpress" title="Wordpress" rel="tag nofollow">Wordpress</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e8%8f%9c%e5%8d%95%e7%ae%a1%e7%90%86" title="菜单管理" rel="tag nofollow">菜单管理</a>, <a href="http://www.fallensnow.net/index.php/archives/category/web-design" title="网站开发设计" rel="tag nofollow">网站开发设计</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.fallensnow.net/index.php/archives/1606/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

