Home / WordPress / Wordpress佈景主題教學 / WordPress佈景主題教學4-選單

WordPress佈景主題教學4-選單

要如何運用Wordpress後台的選單,讓建立的選單可以在您佈景寫入的位置,暨WordPress佈景主題教學2-用實際案例帶你認識佈景,這邊要分享如何運用後台選單,而不是寫死在HTML裡頭的選單

步驟一:建立functions.php,寫入register_nav_menus() 涵式,然後放到wp-content/themes/RaiseDigital

functions.php

<?php register_nav_menus();?>

 

儲存後就可以在後台看到外觀的子層級多了 選單

步驟二:修改原本的HTML裡頭的ul標籤

原本的:

<ul>

<li><a href="#">Home</a></li>

<li><a href="#">About</a></li>

<li><a href="#">Contact</a></li>

</ul>

 

修改後:wp_nav_menu 是Wordpress呼叫選單的涵式

<ul>

<?php wp_nav_menu(array('menu'=>'Main Nav'));?>

</ul>

 

步驟三:建立選單

建立好選單後就可以自由的新增 頁面、分類、外部連結等

新增好選單項目後記得按 「儲存選單」

 

現在回到前台,看一下選單是不是就是剛剛自己建立的選單呢!!

 

About RaiseDigital

RaiseDigital上升數位 官方網站 | 粉絲團