【架構篇】WordPress佈景主題製作【sidebar.php】

【架構篇】WordPress佈景主題製作【sidebar.php】

本篇要來介紹製作 WordPress 佈景主題之一的sidebar.php檔案,WordPress 中的sidebarr.php是用來專門顯示側邊欄小工具,結合小工具的方式可以直接拖曳一些額外的功能,讓WordPress 更加豐富,例如:粉絲團、最新文章、熱門文章…等等功能。

通常 WordPress 小工具都是使用此方法來註冊使用,通常一般的 Blog 版型側邊欄位大多是使用小工具來擺放功能,只要將以下語法放入functions.php之後,就能在小工具內看到所註冊的項目出現。

註冊側邊欄位的細項介紹
name:用來註冊小工具的顯示名稱
id:小工具ID標記,此項目不能重複,依照加入名稱修改,例如:側邊欄英文代表就是「sidebar」。
description:註解說明此小工具。
before_widget:小工具每個單項功能顯示區塊的「開始」。
after_before_widget:小工具每個單項功能顯示區塊的「結束」。
before_title:小工具每個單項功能顯示區塊的標題「開始」。
after_title:小工具每個單項功能顯示區塊的標題「結束」。

<?php
function theme_slug_widgets_init() {
if ( function_exists('register_sidebar') ):
register_sidebar(array(
'name' => '側邊欄',
'id' => 'sidebar',
'description' => '顯示於每個網頁的右方。',
'before_widget' => '<section id="%1$s" class="sidebar-right">',
'after_widget' => '</section>',
'before_title' => '<div class="sidebar-title"><h1>',
'after_title' => '</h1></div>'
));
add_action( 'widgets_init', 'theme_slug_widgets_init' );
?>

在資料夾上建立一個 sidebar.php 頁面並放入下方語法。

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar') ) :endif; ?>

完成之後,之後在其他頁面就能使用<?php get_sidebar(); ?>語法來帶入sidebar.php,一些其他頁面也是像sidebar.php以獨立方式處理,然後再另外帶入使用,也能用於避免程式碼過於雜亂。

關於WordPress系列文章事項
文章版本:
第 2.0 版本,WordPress 系列教學純屬個人經驗,若有錯誤會重新修正並加上版本號碼,目前會持續調整樣式、整理佈景語法,目前版本已調整為先教學基本架構再教學設計樣式,之後會以最終版本告知。

相關文章
作者簡介
個人頭像照片
努力寫文中!