製作wordpress?

Tags: 全過程, 主題, word,

如何製作wordpress導航欄?本經驗向你展示基於bootstrap的導航欄製作全過程。十分簡單。希望對你自制wordpress主題有所幫助。

工具/原料

wordpress

bootstrap

方法/步驟

製作主題建議你在本地上製作,方便且安全。但這方面的內容就不是本經驗的內容了。如果你是在ubuntu環境下,你可以百度搜索:《ubuntu本地安裝wordpress》,有相關經驗。

製作wordpress 導航欄

導航欄是基於bootstrap框架製作的,所以相對簡單。百度搜索並下載最新的bootstrap框架。提取必要的檔案,部署到你的主題目錄中。

製作wordpress 導航欄

在你的主題目錄中,為functions.php新增如下程式碼:

if(function_exists('register_nav_menus')){

register_nav_menus(array('header-menu' => __( '導航自定義選單' ),

'footer-menu' => __( '頁角自定義選單' ),

'sider-menu' => __('側邊欄選單')));}

?>

目的是為你的主題新增導航欄選單設定。

製作wordpress 導航欄

新增選單,此過程簡單就不在囉嗦了。(我就隨便打幾個字了)

製作wordpress 導航欄

在你要新增導航的地方,如header.php中的某個div中,新增如下程式碼:

'nav nav-pills nav-justified','menu_class'=>'nav nav-pills nav-justified'));?>

其中nav nav-pills nav-justified是bootstrap的樣式。根據你自己喜歡選擇。

製作wordpress 導航欄

製作wordpress 導航欄

現在看看你的主題,導航欄已經做好啦~高興吧。

製作wordpress 導航欄

希望你喜歡。喜歡就分享吧~

全過程, 主題, word,
相關問題答案