Astra Pro模組教學指南-Colors & Background顏色背景設定

如何新增背景圖片?

Astra提供了將背景圖片新增到你網路行銷網站各個部分的功能。

你可以使用此選項來增強WordPress網站的Body,頁首,內容,側邊欄和頁尾的網頁設計。
除了以前的背景顏色選項之外,你現在還可以看到背景圖片選項。

在哪裡可以找到選項?

從WordPress控制台導航到 外觀 > 自訂 ,
然後在各個區域下,你將找到用於上傳背景圖片的設定

在哪裡可以向Astra主題新增背景圖片?

使用Astra主題,你可以選擇將背景圖片新增到以下區域:

  • Body 
  • Footer Widgets
  • Footer

Astra Pro模組的背景圖片

除了Body、Footer Widgets頁尾小工具 和 Footer頁尾 部分

你還可以選擇以下Astra Pro模組:

  • Primary Header 
  • Above Header 
  • Below Header 
  • Content 
  • Sidebar

小提醒:僅當你從Astra Pro中啟用了 Colors & Background 模組時,
Background 選項才可以看見 。

背景圖片選項

背景圖片選項使你可以從媒體庫中選擇圖片,也可以上傳新文件。
上傳圖片後,點擊更多設定選項。

現在,你可以為圖片設定以下CSS屬性:

  • Repeat重複
  • Background Image Position背景圖片位置
  • Background Size背景大小
  • Background Attachment背景附件

你可以使用顏色選擇器疊加背景顏色。
圖片上方的彩色透明層將增強背景圖片的網頁設計。

重點

  1. 新增背景圖片後,請確保使用顏色選擇器調整背景顏色的不透明度。
  2. 對於Full Width/ Stretched – Container Layout,將不應用於主體的背景,
    因為在此排版中,排版的寬度已拉伸到最大。

Colors & Background Module顏色和背景模組

設計和美學是任何網站的重要組成部分。
因為這樣,Astra主題已經具有現代和多種顏色選擇。
但是,如果要擴展選項,Astra Pro外掛的 Colors & Background 模組
可以為你的主題提供更多控制和選項。

該進階功能可通過啟用Astra Pro模組獲得。
因此,為了使用此外掛,你需要與實際的Astra Pro和安裝Astra主題。

Astra主題(免費)提供了一些基本的顏色選項
雖然帶有Astra Pro模組的 Colors & Background 在自訂中新增了更多選項。

以下是啟用模組並瀏覽進階設定的步驟:

步驟1 –確保已安裝並啟用Astra Pro和WooCommerce外掛。 
步驟2 –從 外觀 > Astra Options > Colors & Background 啟用模組

步驟3 –啟用後,模組將為自訂中的各個部分新增其他顏色選項(外觀 > 自訂)。 

以下是詳細列表,你可以在其中查看控制台中新增的顏色選項:

  • Global > Colors > Content
  • Header Builder > LOGO
  • Header Builder > Primary Header
  • Header Builder > Primary Menu
  • Blog > Blog / Archive
  • Blog > Single Post
  • Sidebar

Global Colors全站顏色

Astra主題本身提供網站設計的全站基本顏色選擇。
除此之外,該外掛還將啟用以下選項:

  • Content Background內容背景–可以向排版(即新增文字的任何區域)新增背景圖片和顏色。
  • Headings標題–你可以從一個位置設定H1至H6標題顏色。
  • 除了後台選項之外,你還可以發現啟用了響應式選項。

小提醒:僅在 Boxed Content Boxed  Container 內容排版下,背景才可見。

 Header頁首

 Header Builder的Design選項卡下將提供單獨的顏色選項,用於:

  • LOGO標誌-啟用顯示網站標題/標語,你將觀察到顏色選項。
  • Primary Header主頁首-為Header設定背景和顏色。
  • Primary Menu主選單-在Normal一般,Hover懸停和Active mode活動模式下,為主選單和子選單設定顏色。

 Blog部落格

  • 部落格/彙整–連同文章標題和Meta標籤,
    這將為 Archive Summary Box彙整摘要框 新增顏色選項。
    此框顯示在彙整頁面上,與分類一樣,其中將顯示彙整頁面的標題和說明。

 Sidebar側邊欄

你將獲得側邊欄的顏色選項。

你甚至可以管理側邊欄的標題顏色,文字顏色,連結顏色以及背景選項。

Leave a Comment

Shopping Cart
回到頂端
Malcare WordPress Security