Bootstrap選單樣式靈活多樣，如果你的Wordpress主題是采用Bootstrap框架開發的，你想換掉它的導航樣式的話，這篇文章將對我們有一定的幫助，或者你正在開發一個Bootsrap框架的Wordpress主題，在替換wp_nav_menu樣式上，是比較麻煩，這篇文章對我們一定會有很大的幫助，
一、加載第三方插件代碼
首先下載歪果仁開源的WordPress下生成Bootstrap導航條HTML代碼檔案：百度網盤下載 wp_bootstrap_navwalker.php ，放到主題根目錄里，或者你自己自定義檔案夾里，我是放在inc檔案夾里，然后在主題的functions.php檔案中添加以下代碼：
// 匯入bootstrap選單樣式
include_once('inc/wp_bootstrap_navwalker.php');二、注冊主題選單，在主題的functions.php檔案中添加以下代碼：
register_nav_menus(
array(
'header-menu' => __( 'top_menu' )
)
);三、在header.php中輸出選單的位置添加代碼：
<?php
wp_nav_menu( array(
'theme_location' => 'header-menu',
'container' => '',
'menu_class' => 'nav navbar-nav',
'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
'before' => '',
'after' => '',
'walker' => new wp_bootstrap_navwalker())
);
?>四、效果截圖
您可能感興趣的文章:
? WordPress主題添加后臺管理自定義欄位面板選項keywords
? Cordillera采用Html5和Bootstrap框架的免費wordpress主題
? 快速為wordpress網站開發對外的資料介面
? WordPress升級遇到Briefly unavailable for scheduled maintenance解決辦法
? 利用Bootstrap構建你的回應式WordPress主題( 七）
? 提升WordPress 國外主題打開速度全面解決方案
? wordpress4.4 優化wp-json鏈接、embeds功能
? wordpress主回圈顯示文章串列不同樣式的方法
? wordpress短代碼顯示用戶注冊日期
? 自己動手在你的主機上安裝wordpress圖文教程
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/96759.html
標籤：AI
上一篇：axios的二次封裝、fetch的封裝、及api介面管理規范
下一篇：React學習（三）：JSX簡介