建站資源

實用的css為你的網誌增添色彩

什麼是CSS ?

CSS (Cascading Style Sheets)「層疊樣式表單」是一種網頁的程式語法,主要由W3C協會制定並發布的一個網頁排版式標準。以「外觀控制」的表現為主,是用來改變網頁中你看得到的外觀樣式,像是網頁中字體、顏色、背景、圖像及其他各種元素的控制,使網頁能夠完全按照網頁設計者的要求來顯示。

如果大家有興趣的話可以按此深入了解CSS 語法及其功能,本站只會抽出WORDPRESS平台上需要推薦的樣式作示範.有興趣其他的示範可以回報一下讓我們知道

建立子主題的重要性

直接修改主題的 CSS 樣式或程式碼固然是一個方法,但是有一個更好的方式是建立子主題 (。子主題繼承了父主題 的所有外觀長相和程式碼,並再對父主題做調整。這個方法的好處是,當父主題更新時子主題也會跟著套用新的設定。如果你是直接修改父主題的 CSS 樣式,下次的更新就會直接覆蓋過你原本修改過的設定。而且子主題的方式也讓主題的結構與程式碼較簡潔乾淨。

方法1

我們可以在自己的空間上新增2個檔案(style.css,functions.php),第一步找到安裝wordpress的目錄在裡面找到wp-content,之後會見到一個叫THEMES的資料夾,在THEME裡面建立一個新的資料夾(你喜歡的名字),創建完成後在新資料夾裡面創立一個新的檔案叫style.css,然後把下砷的編碼COPY進去

/* 
Theme Name:   My Theme Child(子主題的名稱,不能與其他主題相同)
 Theme URI:    https://note.charlestw.com/my-theme-child/ 
Description:  The Child Theme of My Theme 
Author:       Charles 
Author URI:   https://note.charlestw.com 
Template:     mytheme (必須指定父主題的目錄名稱)
Version:      1.0.0 
License:      GNU General Public License v2 or later 
License URI:  http://www.gnu.org/licenses/gpl-2.0.html 
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready 
Text Domain:  mythemechild
 */

第2步創建一個functions.php並加入下列程式碼

<?php
    function enqueue_parent_styles() {
        wp_enqueue_style( 'mytheme', get_template_directory_uri() . '/style.css' );
    }
    add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );

mytheme需自行更改為父主題名稱,最後記得回到 WordPress Dashboard 後台套用我們建立好的子主題

方法2(使用WORDPRESS插件建立子主題)

Child Theme Configurator – WordPress 插件 | WordPress.org China 简体中文

在工具找到Child Theme Configurator(子佈景主題)


點擊分析


第6項建議第一個選項【使用 WordPress 樣式佇列】,這樣可以讓這個外掛判斷合適的操作及相依性,並自動更新佈景主題函式相關檔案。」,相對而言,最適合跟我一樣沒有學過編程的人。最後點擊Configure child theme

最後記得回到 WordPress Dashboard 後台套用我們建立好的子主題


Similar Posts