如何製作wordpress導航欄?本經驗向你展示基於bootstrap的導航欄製作全過程。十分簡單。希望對你自制wordpress主題有所幫助。
工具/原料
wordpress
bootstrap
方法/步驟
製作主題建議你在本地上製作,方便且安全。但這方面的內容就不是本經驗的內容了。如果你是在ubuntu環境下,你可以百度搜索:《ubuntu本地安裝wordpress》,有相關經驗。
導航欄是基於bootstrap框架製作的,所以相對簡單。百度搜索並下載最新的bootstrap框架。提取必要的檔案,部署到你的主題目錄中。
在你的主題目錄中,為functions.php新增如下程式碼:
if(function_exists('register_nav_menus')){
register_nav_menus(array('header-menu' => __( '導航自定義選單' ),
'footer-menu' => __( '頁角自定義選單' ),
'sider-menu' => __('側邊欄選單')));}
?>
目的是為你的主題新增導航欄選單設定。
新增選單,此過程簡單就不在囉嗦了。(我就隨便打幾個字了)
在你要新增導航的地方,如header.php中的某個div中,新增如下程式碼:
'nav nav-pills nav-justified','menu_class'=>'nav nav-pills nav-justified'));?>
其中nav nav-pills nav-justified是bootstrap的樣式。根據你自己喜歡選擇。
現在看看你的主題,導航欄已經做好啦~高興吧。
希望你喜歡。喜歡就分享吧~