WordPress

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 主題介紹
WordPress主題
鵠學苑

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 群組,透過群組顯示條件公式的設定,讓每一個群組都能依據使用者選擇的項目來顯示不同的選項,讓聯絡表單欄位可以有更多變化性,更能製作出具有實用性的統計問答欄位,讓每一份提交的表單更具有

閱讀全文 »
網頁設計配色分享介紹
WordPress相關工具
鵠學苑

網頁設計配色分享介紹(一)- LOL Color 與 NIPPON COLORS

網頁設計配色 設計網頁的時候,你是否常常因為網頁配色的緣故而被退稿?或是沒有色彩設計靈感,絞盡腦汁後配色結果也非常奇怪呢?色彩對於CIS企業識別、Logo設計與網站設計來說,是非常重要的一項工作,關乎整體視覺帶給觀賞者的感受,一不小心色彩沒搭配好,再精心的設計一瞬間也會從大師美感變成可怕的長輩圖

閱讀全文 »
Mac 預覽程式介紹
架站資源
鵠學苑

Mac 預覽程式介紹 – PDF註解、簽名、新增頁面及GIF應用

Mac 預覽程式介紹 目前的 Mac 預覽程式可以支援 TIFF、PNG、JPEG、 GIF、BMP、PDF等的瀏覽與編輯,而單純預覽上也可以支援圖像處理軟體、文書處理軟體所產生的特殊檔案格式,只要對著檔案按下空白鍵就可以預覽,按ESC即可關閉。Gif 檔是個很有趣的例子,你對gif檔按下空白鍵即是播放

閱讀全文 »
網頁視覺設計
架站資源
鵠學苑

網頁視覺設計 – 以貝茲曲線網站 10 種字母測驗圓弧圖是否完美

網頁視覺設計 – 你的貝茲曲線畫得漂亮嗎?是否每次在設計圓弧圖形時總覺得弧線看起來非常奇怪呢?身為設計師,作圖時一定都會使用貝茲曲線,貝茲曲線是作圖的基礎,不論是平面設計、 Logo 、插畫或是字體設計都會需要用到。若想要在網站中加入裝飾元素或是設計背景豐富網站的整體品牌視覺

閱讀全文 »

訂閱電子報

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

熱門文章

最新文章

標籤雲

返回頂端