如何在 WordPress中置入FB粉絲專頁 – 建立網站社交訊號
在進行數位行銷的時候我們不會只用一個平台,鵠崙設計在講內容行銷的時候也有說過我們可以將社群行銷和內容行銷同步進行,如何在 Wordpress中置入FB粉絲專頁 就很重要了,這樣反覆分享 Google 的爬文蜘蛛在看我們的文章時就比較容易認定為有用的優質文章。 Wordpress中置入FB粉絲專頁 就一起學習吧!
Elementor Google Map 教學 – 網站 Google 地圖多點標註與資訊視窗顯示
Elementor Google Map 教學 – 這是由另一款免費的 Elementor 外掛 – Premium Addons for Elementor 所提供,PAE 的 Google 地圖小工具支援多點設置,針對地圖控制項可以自由開關,而另外一些細節像是彈出資訊視窗( infowindow )
如何使用 Elementor 建立 WooCommerce 單一商品頁?圖文步驟教學
使用 Elementor 建立 WooCommerce 單一商品頁 – 在本篇文章中,將會說明如何使用 Elementor PRO 的單一產品頁模板及屬於 WooCommerce 的小工具來製作產品頁內容,從商品圖片、標題、商品描述、可變商品選項、加入購物車、價錢的顯示、相關商品、產品資訊都可以自由改變樣式
Elementor WooCommerce 教學 – 使用小工具建立產品列表頁說明
Elementor WooCommerce 教學 – Elementor PRO 是具備從無到有建立商店頁、產品分類頁甚至是單一商品頁的能力,透過後台 UI 選項編輯,就能客製屬於自己想法的商店頁面,大從商品顯示數量、商品來源、商品排序,小至商品標題顏色、字體大小、區塊間距都可以做調整,
Elementor PRO 教學 (三) – Header Templates 建立步驟與操作說明
Header Templates 是 Elementor 一個比較實用的功能,通常應用在想要客製化網站頁首選單的部分,比如想要改變網站 Logo 位置、加入網站標語、新增社交連結圖示、增加站內搜尋框區域等,讓網站不會再受限於佈景主題樣式,可以有更多的變化。
Elementor 選單小工具 – 客製化 Menu Widget 功能與樣式操作教學
Elementor 選單小工具 – Elementor Nav Menu 在實際的運用的範圍很廣泛,可以是網站的主要選單、側邊欄文章列表、相關文章連結、網站底部的資訊列等,透過導航選單的區塊的建立,讓使用者更容易了解網站資訊分佈的狀態,更能透過上下階層從屬設定,讓選單資訊更易於理解閱讀。
Elementor PRO 教學 (二) – Slider 圖片輪播小工具 介紹與操作
Elementor PRO Slider 在本篇教學中將說明 Elementor Slider Widget 內容及外觀設定的方式以分享快速架設網站 Banner 的方式,使用 Elementor 還有一個優點,就是不再需要另外購買 Slider 輪播外掛,耗費主機資源拖慢網站速度
Elementor PRO 教學 (一) – 文章列表設定項目說明與實作演示
Elementor 文章列表設定 運用 Elementor PRO 中的文章小工具,在網頁中快速建立彙整區域,在文章小工具中可以設定不同的來源類型,從一般意義上的文章、頁面到自定義文章類型都可以呈現,且在文章列表中可以決定要怎樣的方式呈現,包含圖片比例、標題顏色、描述長短、按鈕大小、甚至到列表單一文章之間的距離
Elementor 教學進階應用(五) – Saved Templates 與內建網頁版型
Elementor Templates 教學 – Saved Templates 是一項非常方便的功能,可以將已經製作過的網頁元素儲存成版型,當其它頁面需要同樣格式的元素時,就可以在版型庫中快速加入元素區段,讓所有頁面的同一區域具有相同的外觀樣式。另外,Elementor 版型庫分為主題建構器
Elementor 教學小工具應用(四) - 設定數值欄位自動抓取網站資料
Elementor 動態欄位 是一項非常方便的功能,可以在文字、圖片、網址等架設網站時容易出現重複內容時,就可以將讓欄位內容與網站中具有的數值做串接,而不需要在每一個頁面逐一輸入內容。另外還有一項滿重要的功能,就是動態串接的內容是具有連動的效果,比如說當修改了網址時,頁面中有串接網址的欄位也會隨之變動
Elementor 教學小工具應用(三) - 為網頁加入動態視覺效果
Elementor 網頁動畫教學 – Elementor 小工具除了可以快速建構網頁元素外,也可以在樣式中設定動態視覺效果,比如當網站載入時讓網頁元素以不同方式進場,像是淡入淡出、滑動、旋轉等,可以讓網站不會顯得過於死板,在整體視覺上能更加生動,動態標題小工具,可以讓文字以打字的方式逐一出現
Elementor 教學小工具應用(二)- 網站版面設計操作要領
Elementor 版面教學 主要是說明使用 Elementor 設計網頁排版的基本方式,也就是在放入文字、圖片等小工具前,必須要先建立所謂的 ” 容器 “,而 Elementor 容器分為兩種,最外層的 ” 段 (section)” 以及分隔網頁元素的 ” 欄(column) “,這兩種容器的操作方式是在設計網頁版面前需要先理解如何操作的,如果沒有先熟悉加入容器的方法,就無法合理安排網頁內容元元素樣式
Elementor 教學小工具應用(一) - 標題文字與圖片影音設定方式
Elementor 小工具教學 在這篇文章中將說明如何使用 Elementor 為網頁加入標題、圖片以及影片,Elementor 是一套網站前端視覺編輯器,裡面具有許多已經完成程式碼建構的 widget (小工具) ,只需要在網頁模板上建立網頁區塊,再將小工具以拖曳的方式加入到網頁中,就能完成網頁編輯的動作
Elementor 教學 - WordPress 視覺化網站編輯外掛,基本操作及設定介紹
Elementor 教學 - WordPress 編輯器 – Elementor 可以很好的解決網站設計操作上的難題,首先 Elementor 編輯器介面是 100% 繁體中文化,在國外出產的網站編輯器具有繁體中文介面的真的是少之又少 ; 第二,全視覺化編輯模式,安裝完 Elementor 外掛之後
WordPress 教學 基礎介紹三(頁面)
WordPress 教學 基礎介紹三(頁面) 教學目的:1.從WordPress控制台的側邊選單進入頁面操作介面 2.在WordPress頁面內新增頁面及學習將所有頁面上下層分類,在WordPress頁面的教學中,我們將針對新增頁面操作而頁面的建立,可以說就是將網站設計者想表達給使用者的內容,分類區塊
訂閱電子報
立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!