WordPress新增自定義sidebar側邊欄功能
WordPress模板一般都有自定義sidebar側邊欄功能,以前也給大家講解過如何自定義sidebar側邊欄,而當做WordPress模板的時候,那怎麼實現這功能呢?接下來給大家分析一下。
在WordPress主題的目錄下一般都有一個名為sidebar.php的檔案,這就是sidebar的模板檔案,在此不過多介紹此檔案如何編寫。本文詳細介紹WordPress模板實現自定義sidebar側邊欄功能。
在WordPress主題的根目錄下,同樣還有一個functions.php檔案,這個檔案對於WordPress主題來說相當重要,它可以實現WordPress的很多功能,自定義sidebar側邊欄的功能也是通過修改它來實現的。
開啟functions.php在其中複製如下程式碼
1 |
if ( function_exists( `register_sidebar` ) ) {
|
2 |
register_sidebar( array (
|
3 |
`name` => `Home Sidebar` ,
|
4 |
`before_widget` => `` ,
|
5 |
`after_widget` => `</div>` ,
|
6 |
`before_title` => `<h3>` ,
|
7 |
`after_title` => `</h3>`
|
8 |
));
|
9 |
}
|
這是一個sidebar的程式碼,如果需要多個sidebar,請複製多個。
這樣就註冊好了sidebar,在sidebar.php中新增如下程式碼
1 |
<?php if ( !function_exists( `dynamic_sidebar` ) || !dynamic_sidebar( `Home Sidebar` )) : ?>
|
2 |
<?php endif ; ?>
|
但是現在還不能顯示,那麼怎麼去顯示呢?這就需要到想要顯示的模板中新增的程式碼了,一般都在index.php中。在想要顯示sidebar的位置新增如下程式碼 來呼叫sidebar.php
1 |
<?php include_once ( "sidebar.php" ); ?>
|
這樣就實現了WordPress自定義sidebar側邊欄的功能
除非註明,本站文章均為( www.bieryun.com)原創
相關文章
- Flutter側邊欄控制元件-SideBarFlutter控制元件IDE
- Vue Element Admin 新增側邊欄Vue
- 微軟 Edge 瀏覽器 107 正式版釋出:新增側邊欄功能微軟瀏覽器
- Flutter drawer側邊欄Flutter
- WordPress自定義欄位獲取get_post_meta函式函式
- 直播軟體搭建,通過Android DrawerLayout實現側邊欄功能Android
- jQuery固定側邊欄外掛ssMenujQuerySSM
- OctoberCMS 外掛學習 側邊欄
- 又一個 iOS 側邊欄元件: SideMenuiOS元件IDE
- 更改 Sublime text 3 側邊欄字型大小
- TornadoFx實現側邊欄選單效果
- WordPress模板層次09:sidebar.phpIDEPHP
- EMQX 多版本釋出、新增自定義函式功能MQ函式
- fastadmin新增自定義按鈕,並使用彈窗功能AST
- Typora 隱藏側邊欄圖片資料夾
- Vue後臺管理開發之側邊欄(初稿)Vue
- Qt介面設計--側邊欄隱藏和滑出QT
- uniapp自定義導航欄APP
- Android自定義View(四)側滑佈局AndroidView
- dedecms自定義表單怎麼新增發布時間功能
- sublime設定預設開啟側邊欄(失敗)
- SideNotes:螢幕側邊欄的高效筆記應用IDE筆記
- WordPress開發入門08:自定義函式和WordPress鉤子函式
- 微軟推出全新Win10 App Project Newsbar:桌面右側新聞側邊欄微軟Win10APPProject
- 自定義註解+反射 實現給註解新增功能的效果反射
- 影片直播原始碼,預設展開側邊欄選單原始碼
- vue-element-admin之修改側邊欄的icon圖示Vue
- 採用JavaScript+XML實現具有樹形選單功能的論壇側邊導航欄JavaScriptXML
- 微軟 Win11/10 Edge 瀏覽器正測試側邊欄調整大小功能微軟瀏覽器
- Win10 隱藏左側邊側欄(導航視窗)中的資料夾Win10
- vue移動助手實踐(四)——分分鐘自定義一個屬於自己的vue元件(基於Vue的側邊欄和返回頂部元件)Vue元件
- [提問交流]後臺新增自定義選單左側不顯示子選單的進
- 如何給SAP Cloud for Customer UI上的欄位新增自定義校驗邏輯CloudUI
- HarmonyOS NEXT 5.0自定義增強版導航欄元件|鴻蒙ArkUI自定義標題欄元件鴻蒙UI
- Laravel 新增自定義助手函式Laravel函式
- AUTOCAD——新增自定義填充圖案
- Azure AD(六)新增自定義域名
- Android 端如何新增自定義表情Android
- 給Product新增自定義屬性