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
- Flutter drawer側邊欄Flutter
- 微軟 Edge 瀏覽器 107 正式版釋出:新增側邊欄功能微軟瀏覽器
- OctoberCMS 外掛學習 側邊欄
- javascript實現動態側邊欄JavaScript
- WordPress自定義欄位獲取get_post_meta函式函式
- 直播軟體搭建,通過Android DrawerLayout實現側邊欄功能Android
- 微信小程式『側邊欄滑動』特效微信小程式特效
- JavaScript側邊欄顯示和隱藏JavaScript
- wordpress 生成自定義 meta box
- 織夢後臺新增自定義欄位樣式修改
- TornadoFx實現側邊欄選單效果
- 又一個 iOS 側邊欄元件: SideMenuiOS元件IDE
- vue實現側邊欄手風琴效果Vue
- wordpress 自定義登入表單
- wordpress 自定義路由及展示頁路由
- EMQX 多版本釋出、新增自定義函式功能MQ函式
- WordPress模板層次09:sidebar.phpIDEPHP
- Vue後臺管理開發之側邊欄(初稿)Vue
- Typora 隱藏側邊欄圖片資料夾
- Qt介面設計--側邊欄隱藏和滑出QT
- js學習之——網頁側邊欄廣告效果JS網頁
- jQuery側邊欄隱藏和顯示導航jQuery
- WordpressCMS主題開發05-首頁sidebar製作和友情連結新增IDE
- fastadmin新增自定義按鈕,並使用彈窗功能AST
- 微軟推出全新Win10 App Project Newsbar:桌面右側新聞側邊欄微軟Win10APPProject
- 如何設定Android標題欄的自定義功能和隱藏功能Android
- sublime設定預設開啟側邊欄(失敗)
- 自定義View:側滑選單實現View
- 自定義RecyclerView實現側滑刪除View
- UIWebView自定義選單欄UIWebView
- 微軟 Win11/10 Edge 瀏覽器正測試側邊欄調整大小功能微軟瀏覽器
- dedecms自定義表單怎麼新增發布時間功能
- Log4Net 新增自定義欄位並儲存到資料庫資料庫
- 影片直播原始碼,預設展開側邊欄選單原始碼
- WordPress開發入門08:自定義函式和WordPress鉤子函式