WordPress

Elementor 教學
鵠學苑

Elementor PRO 教學 (一) – 文章列表設定項目說明與實作演示

Elementor 文章列表設定 運用 Elementor PRO 中的文章小工具,在網頁中快速建立彙整區域,在文章小工具中可以設定不同的來源類型,從一般意義上的文章、頁面到自定義文章類型都可以呈現,且在文章列表中可以決定要怎樣的方式呈現,包含圖片比例、標題顏色、描述長短、按鈕大小、甚至到列表單一文章之間的距離

閱讀全文 »
WordPress
鵠學苑

GA WordPress 後台顯示數據 – GA Dashboard for WP 外掛介紹教學

GA WordPress 中主要功能,是讓 Google 分析的數據可以在網站後台顯示,只需要安裝 GA Dashboard for WP 這一套外掛,並且完成 GA 帳號串接後,就可以在控制台中直接顯示過去網站的流量數據,另外在文章列表頁面中也會顯示查看單一文章流量的按鈕,點擊後會顯示使用者、跳出率、瀏覽量

閱讀全文 »
WordPress相關工具
鵠學苑

Mailchimp 設定教學 – 發送電子報、建立模板、預約寄送功能說明

Mailchimp 設定教學 在本篇教學文章將針對 Mailchimp 改版後的設定流程做一次完整的介紹,包含指定訂閱電子報發送群組、建立電子報內容、發送電子報測試郵件等,另外在第二小節中也會說明如何在 Mailchimp 建立電子報模板,讓固定發送電子報的步驟可以省略重新製作電子報模板的動作。

閱讀全文 »
Elementor 動態欄位
Elementor 教學
鵠學苑

Elementor 教學小工具應用(四) - 設定數值欄位自動抓取網站資料

Elementor 動態欄位 是一項非常方便的功能,可以在文字、圖片、網址等架設網站時容易出現重複內容時,就可以將讓欄位內容與網站中具有的數值做串接,而不需要在每一個頁面逐一輸入內容。另外還有一項滿重要的功能,就是動態串接的內容是具有連動的效果,比如說當修改了網址時,頁面中有串接網址的欄位也會隨之變動

閱讀全文 »
WordPress客製
鵠學苑

WordPress 禁止顯示頁面 – 對管理員以外角色隱藏特定頁面

當網站中具有多人共同編輯的情況下,為了防止其他具有編輯權限的工作同仁不小心修改到將已經建立好的網頁內容,除了安裝外掛來設定每一個身分更細的編輯項目外,也能以加入函數的方式將指定頁面隱藏起來。本篇文章分享的函數只需要將查詢到的頁面 ID 放入到指定位置,更新後就能夠生效,如果說只是單純想要隱藏頁面

閱讀全文 »
Elementor 網頁動畫教學
Elementor 教學
鵠學苑

Elementor 教學小工具應用(三) - 為網頁加入動態視覺效果

Elementor 網頁動畫教學 – Elementor 小工具除了可以快速建構網頁元素外,也可以在樣式中設定動態視覺效果,比如當網站載入時讓網頁元素以不同方式進場,像是淡入淡出、滑動、旋轉等,可以讓網站不會顯得過於死板,在整體視覺上能更加生動,動態標題小工具,可以讓文字以打字的方式逐一出現

閱讀全文 »
Astra 主題介紹
WooCommerce主題
鵠學苑

Astra 主題介紹 – 靈活設計與速度性能兼具的 WordPress 主題

Astra 主題介紹 鵠學苑之前推薦過許多 WorPress 主題,每一款主題都有自己的特色,Astra 主題 ,相較於其他主題而言在網站外觀樣式的建構上更能靈活運作,可以自己決定啟用/停用哪些功能以精簡網站載入時所要抓取的程式碼, Astra 相對於一些付費主題而言,在網站載入速度方面是有相當大的優勢。

閱讀全文 »
Elementor 版面教學
Elementor 教學
鵠學苑

Elementor 教學小工具應用(二)- 網站版面設計操作要領

Elementor 版面教學 主要是說明使用 Elementor 設計網頁排版的基本方式,也就是在放入文字、圖片等小工具前,必須要先建立所謂的 ” 容器 “,而  Elementor 容器分為兩種,最外層的 ” 段 (section)” 以及分隔網頁元素的 ” 欄(column) “,這兩種容器的操作方式是在設計網頁版面前需要先理解如何操作的,如果沒有先熟悉加入容器的方法,就無法合理安排網頁內容元元素樣式

閱讀全文 »
WordPress
鵠學苑

WordPress 文章摘要設定 – 使用函數設定不同文章類型的摘要長度

WordPress 文章摘要設定 當每一篇文章第一個段落字數不同時,在分類或標籤的彙整頁面就不會顯示的整齊一致,相當不美觀。如果說網站中有自定義的文章類型,摘要的長度更是難以控制,本篇教學將分享兩段簡單的程式碼,只需修改定義好的摘要長度數值,就能設定不同類型的文章所顯示的摘要長度

閱讀全文 »
WordPress
鵠學苑

WordPress 自訂媒體庫,使用函數限制文章特色圖片最小寬度及高度

WordPress 自訂媒體庫 在本篇教學中所要分享的是使用函數來限制上傳圖片大小,目的是讓網站中顯示的圖片具有同樣的尺寸比例,統一圖片顯示樣式,尤其是網站具有不同的內容編輯人員時,能有效避免非網站技術人員隨意上傳不符合標準的圖片,當然同樣也是給編輯們的提示,必須要合乎圖片尺寸規範,才能完成上傳圖片的動作。

閱讀全文 »
變更不同狀態下文章列表欄位背景色
WordPress
鵠學苑

WordPress 客製後台 – 變更不同狀態下文章列表欄位背景色

WordPress 客製後台 與網站前端其實沒有關係,而是為了變更 WordPress 預設的功能及樣式,讓管理員能在編輯網站時能以更有效率的方式來操作,而本篇教學要說明的就是以加入 function 函數的方式,來改變 WordPress 文章列表中不同狀態欄位的顏色,為的是讓管理員在編輯文章時能更快速辨識

閱讀全文 »
WordPress
鵠學苑

Contact Form 7 加入顯示條件,Conditional Fields 外掛教學說明

Contact Form 7 加入顯示條件 主要是使用 Conditional Fields 外掛功能,為聯絡表單加入 group 群組,透過群組顯示條件公式的設定,讓每一個群組都能依據使用者選擇的項目來顯示不同的選項,讓聯絡表單欄位可以有更多變化性,更能製作出具有實用性的統計問答欄位,讓每一份提交的表單更具有

閱讀全文 »

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

標籤雲

Scroll to Top