Astra主題 - 自訂外觀

Site Identity

「Site Identity」（網站識別）是WordPress主題自訂器中的一個重要部分，它允許您管理和設置您網站的基本識別信息。以下是有關「Site Identity」功能的介紹：

1. 網站標題（Site Title）：
   這是您網站的名稱，通常顯示在瀏覽器標題欄上，也會出現在網站的頂部，通常在頁首區域。
   網站標題應該簡潔明瞭，反映網站的內容或主題。
2. 標誌（Logo）：
   您可以上傳您網站的標誌圖片，這通常是代表您品牌或網站的圖像。
   標誌通常顯示在網站的頁首區域，並且是網站識別的一部分。
3. 網站標語（Tagline）：
   這是一個簡短的描述或口號，通常與網站標題一起顯示。
   網站標語可以提供更多有關您網站的信息，或者強調網站的特點。
4. 網站圖示（Site Icon）：
   這是一個小圖標，通常顯示在瀏覽器的標籤頁上，也稱為網站 favicon。
   網站圖示可以是您網站標誌的縮小版本，有助於增加網站的專業外觀。
5. 設定連接主頁：
   您可以選擇一個頁面作為網站的主頁。通常，這是您網站的首頁，但您也可以選擇其他頁面，例如一個特定的靜態頁面或您的最新文章。
6. 自定義設置：
   您可以使用自定義CSS代碼，對網站標題、標誌和其他元素進行進一步的自訂。
   這使您能夠根據需要調整外觀，以確保與您的品牌風格一致。
   「Site Identity」功能使您能夠輕鬆管理您網站的基本識別元素，這些元素對於建立一個具有品牌特色且專業的網站非常重要。通過適當設置網站標題、標誌、標語和圖示，您可以為您的網站建立獨特的外觀，吸引訪問者並提供更好的用戶體驗。

選單

WordPress 選單是一個關鍵的網站導航工具，它允許您組織和呈現您的網站內容，以便訪問者可以輕鬆瀏覽不同頁面、文章和資源。以下是關於WordPress選單的介紹：

1. 創建和編輯選單：
   在WordPress中，您可以通過進入「外觀」 > 「選單」來創建和編輯選單。
   您可以為網站創建多個不同的選單，例如主選單、頁尾選單、側邊欄選單等，並根據需要進行編輯。
2. 新增項目：
   您可以輕鬆地將頁面、文章、自訂鏈接和分類添加到選單中。
   通過拖放的方式，您可以輕鬆調整這些項目的順序和層次。
3. 自訂選單結構：
   WordPress選單允許您建立多級選單，以便更好地組織和分類您的內容。
   您可以創建子選單，將子項目與父項目關聯，以建立清晰的導航層次。
4. 選單位置：
   您可以在不同的主題位置上顯示選單，這取決於您的主題。常見的位置包括主選單、頁尾選單、側邊欄選單等。
   您可以在「主題位置」選項中選擇要在哪個位置顯示選單。
5. 自訂外觀：
   WordPress選單允許您自訂選單外觀，包括選單項目的顏色、字體、背景等。
   這使您能夠使選單與網站的整體風格一致。
6. 頁面屬性：
   每個選單項目都可以有自己的屬性，例如CSS類、ID、目標窗口等。這使得您可以根據需要添加自定義樣式或行為。
7. 頁面排序：
   您可以輕鬆調整選單項目的排序，以確保內容呈現的順序符合您的需求。
8. 預覽和保存：
   在編輯選單時，您可以隨時預覽選單的外觀，以確保它符合您的期望。
   完成編輯後，不要忘記點擊「保存菜單」來應用您的變更。

總之，WordPress選單是一個強大的工具，可以幫助您建立和管理網站的導航結構，以使訪問者能夠輕鬆尋找所需的內容。通過適當的組織和自訂，您可以為您的網站提供更好的用戶體驗。

頁尾選單

主選單

檢視選單全部位置

後台選單

小工具

WordPress中的小工具（Widgets）是一種用於擴展和自訂您的網站的元件，它們通常用於側邊欄、頁尾、或其他特定的區域。小工具允許您在網站上添加各種內容和功能，以改進用戶體驗。以下是有關WordPress小工具的介紹：

1. 典型的小工具：
   WordPress包含許多典型的小工具，例如最新文章、最新評論、分類目錄、搜尋框、標籤雲等。
   這些小工具允許您快速向網站添加常見的功能，例如顯示最新內容或提供搜索功能。
2. 自訂HTML小工具：
   自訂HTML小工具允許您在側邊欄或頁尾等區域中插入自定義HTML代碼。這使您可以輕鬆添加廣告、社交媒體按鈕、表單等內容。這是一個強大的工具，因為它允許更高級的自訂。
3. 圖片小工具：
   圖片小工具允許您上傳圖像，並在網站上顯示它們。這可用於添加公司標誌、產品圖片、作者照片等。
   您可以設置圖像的連結和大小。
4. 自訂文字小工具：
   自訂文字小工具是一個簡單的文本框，您可以在其中添加文本、連結或其他內容。這可用於顯示自我介紹、聯絡資訊、簡短的說明等。您可以使用HTML標記和文本格式化。
5. 搜尋小工具：
   搜尋小工具添加一個搜尋框，允許訪問者搜索您的網站內容。這是網站導航的重要部分。
   您可以放置它在側邊欄或頁尾等位置。
6. 社交媒體小工具：
   許多主題和外掛提供了社交媒體小工具，允許您輕鬆添加社交媒體按鈕，以便訪問者可以訪問您的社交媒體頁面。
7. 最新文章小工具：
   最新文章小工具顯示您網站上最新的文章標題，並通常包括摘要或圖像。這有助於推廣您的最新內容。
8. 自訂小工具：
   一些主題和外掛提供了自訂小工具，這些小工具根據特定需求提供額外的功能。它們可以用於顯示商品、事件、計時器等。
9. 小工具區域：
   WordPress主題通常定義了不同的小工具區域，您可以根據需要將小工具拖放到這些區域中，以控制它們的位置和排列。

小工具是WordPress中非常有用的功能之一，它們允許您以非常彈性的方式擴展您的網站並添加功能。通過選擇適當的小工具，您可以自訂您的網站，以滿足特定目標和需求。

後台「外觀」「小工具」

新增小工具

附加的CSS

附加的CSS（Custom CSS）是一種在WordPress中用於自訂網站外觀和樣式的技術。這允許您添加自定義的CSS代碼，以覆蓋或修改主題的預設樣式，以滿足您的獨特需求。以下是有關附加的CSS的介紹：

1. 為什麼使用附加的CSS：
   附加的CSS允許您在不修改主題代碼的情況下調整網站的外觀。這是一個安全的方式，因為它不會影響主題的更新和升級。您可以使用附加的CSS來修改字體、顏色、間距、邊框、背景等，以使網站更符合您的品牌風格或設計需求。
2. 如何使用附加的CSS：
   在WordPress中，您可以使用「外觀」 > 「自訂」 > 「附加的CSS」選項來添加自定義CSS代碼。
   在這個選項中，您可以編寫和預覽CSS代碼，並即時查看它對您網站的影響。
   您可以在文本區域中輸入CSS代碼，然後點擊「發佈」來應用它。
3. 示例用途：
   修改頁面或文章的特定元素的樣式，例如標題的顏色或字體大小。
   調整網站的間距和對齊方式，以改進排版。
   添加自訂背景圖片或背景顏色。
   隱藏或更改特定元素，例如刪除頁面上的日期或作者信息。
   創建特殊效果，如懸停效果或過渡效果。
4. 注意事項：
   在使用附加的CSS時，請小心不要引入錯誤的CSS代碼，以免破壞網站的外觀或功能。
   始終使用有效的CSS代碼，並在進行更改之前進行測試。
   如果您對CSS不熟悉，建議諮詢專業人士或使用可視化的CSS編輯器來進行調整。

總之，附加的CSS是一種強大的工具，可以讓您以自定義方式調整和改進您的WordPress網站的外觀和樣式，而不必修改主題的原始代碼。這使得在不影響網站穩定性的情況下進行自訂變得更加簡單和可控。

結論

Astra 主題有非常多的自訂選項可以設定，如果是Pro版，有更多資料，每個地方都玩過一下，就會慢慢熟悉原來這個按鈕是修改這邊，那個按鈕是修改那邊，左邊修改右邊就直接看到修改成果，這樣非常的方便，也方便新手理解各個按鈕的作用。

系列文章

Day01 在小小的花園裡挖呀挖呀挖，埋下一顆小小的種子，種出小小的花
Day02 在本機使用 MAMP 快速架設 WordPress 網站
Day03 來點 WordPress 基本功 - 檔案結構
Day04 WordPress 主題是怎麼回事 - Astra 主題介紹
Day05 WordPress 主題與外掛中文化怎麼做？
Day06 WordPress 網站主要頁面 - Starter Templates 讓你瞬間做出一個漂亮的網站
Day07 Astra主題 - 自訂外觀(1/2)
Day08 Astra主題 - 自訂外觀(2/2)
Day09 WordPress - 輕輕鬆鬆建立頁面
Day10 WordPress - 輕輕鬆鬆建立文章
Day11 網站設計工具 - Figma
Day12 分析網站架構與元素 - XMind
Day13 生成式AI王者 - ChatGPT 文案產生器
Day14 產圖神器 - Canva 快速產出一頁式網站與圖片
Day15 WooCommerce - 轉換你的網站為線上商店
Day16 Email 寄信服務 - Brevo(Sendinblue)
Day 18 Wordpress 一鍵變成線上學習系統 - Tutor LMS
Day19 生成式AI 簡報應用 - Gamma AI
Day20 跨平台螢幕錄製和直播軟體 - OBS
Day21 強大的影片編輯軟體 - 剪映
Day22 SEO基本觀念與工具 - Yoast SEO外掛介紹
Day23 WordPress 安全性、備份、速度和成長工具 - Jetpack
Day24 提升網站速度 - Autoptimize
Day25 如何進行網站分析? - 使用Google Analytics追蹤網站流量
Day 26 WordPress網站上使用Google Ads達到最大化盈利的方法解析
Day27 賺錢的第一步 - AdSense在WordPress中的整合與設置
Day28 GCP 部署 WordPress 主機
Day29 創建網站的最後一哩 - DNS 網域名稱設定
Day30 心得感想-工程師和網站經營者的不同思維

Facebook 粉絲頁 - TechMasters 工程師養成記
程式教育 - 工程師養成記

目前課程，歡迎有興趣的朋友可以來聽聽看

🎉Python金融分析與阿甘投資法：打造穩健投資策略🎉
透過本課程，學生不僅能掌握Python語法，還能學習到如何將其應用於實際金融領域中，提升自身的投資策略與技能。
報名官網：https://utrustcorp.com/product/python-investment-backtesting/

📊15小時打造專業銷售網站：從零到專業的旅程📈
課程旨在教授學生如何運用Wordpress搭建網站並進行線上數位品牌業務營銷。
本課程將提供學生全面的知識和實踐技能，以加強他們在線上市場中的競爭力。
報名官網：https://utrustcorp.com/product/start-wordpress/