︿

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

2020-12-10 Jin 佈景製作

本篇要來介紹製作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 系列教學純屬個人經驗,若有錯誤會重新修正並加上版本號碼,目前會持續調整樣式、整理佈景語法,目前版本已調整為先教學基本架構再教學設計樣式,之後會以最終版本告知。

▪ 相關文章

Jin
Jin
文章目前或許還寫的不好,但會盡力寫好每一篇文章的,讓各位都能學習到各種小知識或者心得文章,希望大家會喜歡!