WordPress 的小工具 (widget) 是一大特色,它讓用户自由拖動組合內容,而且任何插件和主題都可以添加一個額外的小工具,增加擴展性。

默認情況下,一個主題並不會支持小工具,需要主題開發者啓用小工具功能並把小工具在相應的前台位置調用出來,這樣用户才能在後台直接拖動生成側邊欄。

本文就來教你如何激活小工具功能,並且添加一個側邊欄,最後在前台顯示出來。

註冊側邊欄

默認的,後台外觀下是沒有 「小工具」 這個菜單按鈕的,如果想要讓他出現,就至少需要註冊一個側邊欄,否則即使顯示出來,也沒有用。

註冊一個側邊欄需要使用 register_sidebar() 函數,用法比較簡單,只有一個屬性,填上需要的信息就行了。

register_sidebar(array(

    'name'=>__('默認側邊欄','Bing'),//側邊的名字

    'id'=>'widget_default',//側邊欄的 ID,註冊多個側邊欄的時候不要重複

    'description'=>__('側邊欄的描述','Bing'),//側邊欄的描述,會在後台顯示

    'before_widget'=>'<div >',//側邊欄裏的小工具的開頭代碼,可以在裏邊使用 %2$s 來調用小工具的 ID,實現給每個小工具添加不同的樣式

    'after_widget'=>'</div>',//側邊欄裏的小工具的結尾代碼

    'before_title'=>'<h3 >',//側邊欄裏的小工具的標題的開頭代碼

    'after_title'=>'</h3>'//側邊欄裏的小工具的標題的結尾代碼

));

運用上邊的例子代碼,就能創建出一個側邊欄,外觀下也顯示 「小工具」 按鈕了。

在這個側邊欄裏,用户就可以自由的添加小工具了。複製代碼,還可以創建更多的側邊欄。

調用側邊欄

光註冊是沒有意義的,用户添加之後,還要把小工具顯示在前台才可以,這就用到了 dynamic_sidebar() 函數。

一般情況下,我們需要先判斷一下小工具區域內是否添加了小工具,如果添加了,則顯示小工具,否則提示用户添加小工具。判斷側邊欄裏是否被添加了小工具需要使用 is_active_sidebar() 函數。

<?php

if(is_active_sidebar('widget_default')){

    echo'<aside id="sidebar">';

        dynamic_sidebar('widget_default');

    echo'</aside>';

}else{

    echo'<p> 請設置小工具</p>';

}

?>

非常簡單吧,調用好後,前台的小工具就會按照註冊時給出的格式一個一個的輸出了。

小結

本文只是講解了小工具最基本的調用方法,如果你還想學習更多相關內容,可以訪問:https://www.weixiaoduo.com/tag/widget