Wordpress x Elementor

Elementor教學

設計師的工具箱:基本文字功能

1.Heading

請在這裡輸入標題

  1. 拖放小工具:在Elementor編輯器中,從元素庫中將「Heading」小工具拖放到頁面上。
  2. 輸入標題文本:在內容設置中,輸入標題文本。
  3. 選擇標題級別:選擇標題的HTML標籤(如H1、H2)。
  4. 自定義樣式:調整字體、大小、顏色和對齊方式。

2. Page Title

設計師的工具箱:基本文字功能

 

  1. 拖放Page Title小工具:從元素庫中將「Page Title」小工具拖放到頁面上。
  2. 顯示當前頁面標題:小工具會自動顯示當前頁面的標題。
  3. 自定義樣式:調整字體、大小、顏色和對齊方式。
  4. 設置標題級別:選擇標題的HTML標籤(如H1、H2)。

3. Text Path

  1. 拖放小工具:在Elementor編輯器中,從元素庫中將「Text Path」小工具拖放到頁面上。
  2. 輸入文本:在內容設置中,輸入要顯示的文本。
  3. 設置路徑:選擇文本的路徑形狀,如圓形、曲線等。
  4. 自定義樣式:調整字體、顏色和路徑樣式。

4. Code Highlight

				
					#include <stdio.h>
int main()
{
   int x=0;
 
   while (x<=10) printf("%d ",x++);
   printf("\n");
 
   return 0;
}
				
			

  1. 拖放Code Highlight小工具:從元素庫中將「Code Highlight」小工具拖放到頁面上。
  2. 輸入代碼:在內容設置中,輸入要高亮顯示的代碼。
  3. 選擇語言:選擇代碼語言,以便正確高亮顯示語法。
  4. 自定義樣式:調整代碼塊的顏色和字體樣式。

5. Blockquote

“Your work is going to fill a large part of your life, and the only way to be truly satisfied is to do what you believe is great work. And the only way to do great work is to love what you do.”

  1. 拖放小工具:在Elementor編輯器中,從元素庫中將「Blockquote」小工具拖放到頁面上。
  2. 輸入引用文本:在內容設置中,輸入要引用的文本。
  3. 添加引用來源:如果需要,添加引用來源或作者名稱。
  4. 自定義樣式:調整字體、邊框和背景樣式。
  5. 保存並預覽:保存更改並預覽頁面,確保引用文本正常顯示。

6. Table

Sample ID Heading 1 Heading 2
Sample #1 Row 1, Content 1 Row 1, Content 2
Sample #2 Row 2, Content 1 Row 2, Content 2
Sample #3 Row 3, Content 1 Row 3, Content 2

  1. 拖放Table小工具:從元素庫中將「Table」小工具拖放到頁面上。
  2. 添加行和列:在內容設置中,添加所需的行和列。
  3. 輸入表格內容:填寫每個單元格中的內容。
  4. 自定義樣式:調整表格的邊框、背景和字體樣式。

Related Posts

如何有效管理你的頁面

網站頁面是您網站內容的基石,對於網站的結構、SEO ...
Read More →

新手必看:如何在後台新增與管理頁面

在網站建設過程中,新增頁面是不可避免的一個步驟。無 ...
Read More →

如何建立合規的隱私權政策頁面:隱私權設定

隱私權設定對於確保網站合規性和保護用戶個人資料至關 ...
Read More →