WordPress x Elementor教學:如何插入標題與內文

上一篇提到圖片是製作Landing Page相當中重要的元素(可參考此篇)，其實搭配合適的標題與內文，也是絕對不能或缺的，圖片與文字相輔相成，才能有效吸引訪客眼球，引發興趣甚至說服，才能使訪客進入Landing Page產生相應的動作。

Elementor新增標題小工具

於左側選單的一般區塊中，即可發現「標題」的小工具，持續壓住滑鼠左鍵將小工具拖拉至愈新增標題處。

• 於「內容」模式下(如圖一)，即可於此輸入標題、加入超連結、設定尺寸大小、版面配置如:置中或靠左靠右，還能直接設定標題HTML標籤，有助於機器辨識此頁面的主題與內容，加強SEO搜索的排名。
• 於「樣式」模式下(如圖二)，此為調整字體的樣式、顏色、大小……等。在「排版」中點選右手邊的鉛筆圖示，即可進一步做字體細部調整，如字體、粗細、字型、行高、字元間距，還能加入底線或是通過線(刪除線)；如希望字體呈現立體感，還能增加字體的陰影效果。

於「進階」選單模式下(如圖三)，基本上此為針對「段」的區塊進行調整

• 於「進階」模式，在外距或內距處，即可針對圖片「內或外」進行留空。
• 於「背景」模式，即可於此個段中加入一個背景，即可選擇加入圖片或是顏色當成圖片的背景。
• 於「邊線」模式即為此個段加入邊框，於此可調整邊線的類型、顏色與圓角。
• 於「響應」模式，可針對不同的裝置設定是否顯示，例如:專為桌機設計到達頁，可以將「在平板、手機上隱藏」功能開啟，因此使用者在瀏覽Landing Page時此區塊就只有使用桌機的使用者才能看見。
• 於「自訂CSS樣式」模式，可在此加入CSS語法，為該區塊做更細部之調整。

Elementor新增文本編輯器小工具(內文)

• 於「內容」模式(如圖一)，此處可輸入Landing Page之內文，編輯介面類似於簡化版之文書處理軟體，基本常用的功能皆能於此調整，還包含能新增圖片，不過功能上還是以「圖片」小工具較為豐富。
• 於「樣式」模式(如圖二)基本上功能與「標題」小工具的樣式大同小異，差異為無法為字體增加陰影效果。
• 「進階」模式(如圖三)功能上與「標題」小工具完全相同，就不重複說明。

-Brian-