WP菜鸟建站17：wordpress主题的导航菜单怎么样设置？
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">通常</span><span style="color: black;">状况</span>下，每一个网站都会有自己的头部导航菜单，wordpress网站<span style="color: black;">亦</span>是<span style="color: black;">同样</span>。在<span style="color: black;">咱们</span>为wordpress网站安装好主题后，主题<span style="color: black;">通常</span>都会<span style="color: black;">供给</span>这种菜单导航功能，当然，<span style="color: black;">亦</span>有<span style="color: black;">有些</span>极<span style="color: black;">少许</span>的极个性的主题，它<span style="color: black;">无</span>菜单功能，而是把导航菜单写死了，不需要<span style="color: black;">咱们</span>在wordpress网站的后台对它进行设置。<span style="color: black;">然则</span>，<span style="color: black;">做为</span>一个合格的wordpress主题<span style="color: black;">研发</span>者，是<span style="color: black;">必定</span>要为自己的主题添加导航菜单功能的。<span style="color: black;">那样</span>，<span style="color: black;">咱们</span><span style="color: black;">怎么样</span>设置wordpress网站的导航菜单呢？</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">第1</span>步、进入wordpress导航菜单的设置页面。</strong></p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/13b42063caab439dae8df7489e267772~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728363345&x-signature=5imJoHzay0CQ9nV5glOsGHHSqkk%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">进入到wordpress网站后台后，找到左侧的“外观”，点击它，<span style="color: black;">这儿</span><span style="color: black;">咱们</span><span style="color: black;">能够</span>看到它的下方有一个“菜单”选项。点击这个“菜单”，右侧内容栏会展示菜单设置页面。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">第二步、创建一个菜单。</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在<span style="color: black;">咱们</span>还<span style="color: black;">无</span>创建菜单的时候，左侧的“添加菜单项”的选项们是灰色的。右侧是创建菜单表单。如下图：</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/dda2098da7f9409992ceb5a322d125ce~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728363345&x-signature=r1O4EZ%2FWNjknt4opE7sFEVN8wAQ%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">咱们</span>在右侧的“菜单结构”中填写“菜单名<span style="color: black;">叫作</span>，<span style="color: black;">而后</span><span style="color: black;">保留</span>，就创建好了一个菜单。只是还是一个<span style="color: black;">无</span>任何内容的菜单。如下图：</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/c735772a64814fee990ccc2a156c2895~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728363345&x-signature=AWbd6h1zul4neQW5V5ezq4v8UvI%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">第三步、为这个菜单添加菜单项。</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">咱们</span>要为这个创建好的空菜单添加菜单项，<span style="color: black;">因此</span>，<span style="color: black;">咱们</span>要从左侧的“添加菜单项”勾选<span style="color: black;">有些</span>选项添加到这个空菜单中。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">1、添加“首页”菜单项。</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">点击展开左侧的“自定义链接”，填写“首页”链接的URL<span style="color: black;">位置</span>，再填写“链接文本”，<span style="color: black;">这儿</span><span style="color: black;">咱们</span>填写的是“首页”这两个字。如下图：</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/3cded379e2104827aec90c19ea14a00f~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728363345&x-signature=ItTYceu%2FREo6%2FMCjysczex%2BIQSQ%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">再点击“添加到菜单”按钮，就添加到右侧的空菜单中，如下图：</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/297ee9bad01342db822b9e723cb36406~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728363345&x-signature=2ciDRSjzSlukdHrxOErowO5mB%2Bw%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">2、添加“<span style="color: black;">归类</span>目录”。</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">点击展开左侧菜单项中的“<span style="color: black;">归类</span>目录”，<span style="color: black;">咱们</span>先勾选“瘦腿、瘦腰、瘦脸”，</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/abad55e256104d59a248225ce9089151~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728363345&x-signature=vVKVLz%2F2bJi0aabe7TuWIypxq9c%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">而后</span>点击“添加到菜单”按钮，这几个<span style="color: black;">归类</span>目录名就添加到右侧的空菜单中了，如下图：</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/cf01a86b3822442e93d4ad7d4596ebe0~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728363345&x-signature=2rZ1dp7EoxUqZTeE3l9ePv2ByhI%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">第四步、<span style="color: black;">保留</span>菜单。</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">给空菜单添加好菜单项后，<span style="color: black;">咱们</span>再给这个菜单勾选在前面页面<span style="color: black;">表示</span>的位置（有的主题<span style="color: black;">无</span>这个选项），<span style="color: black;">例如</span>：<span style="color: black;">咱们</span><span style="color: black;">这儿</span>勾选了“<span style="color: black;">第1</span>导航菜单”（如下图），</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/67cfee20f4324d4f900b7f2f4411c64a~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728363345&x-signature=39O%2BOKtb%2BlDxW8PWT2q06P1OZB4%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">而后</span>点击“<span style="color: black;">保留</span>菜单”，<span style="color: black;">这般</span>，<span style="color: black;">咱们</span>就创建成功一个wordpress导航菜单。当然，一个wordpress主题<span style="color: black;">通常</span>不会<span style="color: black;">仅有</span>一个导航菜单，除了头部菜单外，还有底部导航菜单，<span style="color: black;">亦</span>有可能会有侧边导航或移动端导航菜单。这要看wordpress主题<span style="color: black;">研发</span>者是<span style="color: black;">怎么样</span>设想的了。好了，wordpress导航设置就介绍到<span style="color: black;">这儿</span>，谢谢参阅。</p>
我完全同意你的观点，说得太对了。 这夸赞甜到心里，让我感觉温暖无比。 你的见解独到，让我受益匪浅，期待更多交流。
页:
[1]