GA WordPress 後台顯示數據 – GA Dashboard for WP 外掛介紹教學
GA WordPress 中主要功能,是讓 Google 分析的數據可以在網站後台顯示,只需要安裝 GA Dashboard for WP 這一套外掛,並且完成 GA 帳號串接後,就可以在控制台中直接顯示過去網站的流量數據,另外在文章列表頁面中也會顯示查看單一文章流量的按鈕,點擊後會顯示使用者、跳出率、瀏覽量
GA WordPress 中主要功能,是讓 Google 分析的數據可以在網站後台顯示,只需要安裝 GA Dashboard for WP 這一套外掛,並且完成 GA 帳號串接後,就可以在控制台中直接顯示過去網站的流量數據,另外在文章列表頁面中也會顯示查看單一文章流量的按鈕,點擊後會顯示使用者、跳出率、瀏覽量
Slidesgo 簡報模板 – 之前介紹過的 Glide PPT 多樣性實用簡報版型介紹,而本篇文章所介紹的不只是 PowerPoint, 還有 Mac Keynote 跟 Google Slides,有很多方法可以製作簡報。但同樣面對到的問題就是簡報要怎麼樣才能做得好看、怎麼樣一目瞭然又不失設計感?
Mailchimp 設定教學 在本篇教學文章將針對 Mailchimp 改版後的設定流程做一次完整的介紹,包含指定訂閱電子報發送群組、建立電子報內容、發送電子報測試郵件等,另外在第二小節中也會說明如何在 Mailchimp 建立電子報模板,讓固定發送電子報的步驟可以省略重新製作電子報模板的動作。
Elementor Templates 教學 – Saved Templates 是一項非常方便的功能,可以將已經製作過的網頁元素儲存成版型,當其它頁面需要同樣格式的元素時,就可以在版型庫中快速加入元素區段,讓所有頁面的同一區域具有相同的外觀樣式。另外,Elementor 版型庫分為主題建構器
Elementor 動態欄位 是一項非常方便的功能,可以在文字、圖片、網址等架設網站時容易出現重複內容時,就可以將讓欄位內容與網站中具有的數值做串接,而不需要在每一個頁面逐一輸入內容。另外還有一項滿重要的功能,就是動態串接的內容是具有連動的效果,比如說當修改了網址時,頁面中有串接網址的欄位也會隨之變動
當網站中具有多人共同編輯的情況下,為了防止其他具有編輯權限的工作同仁不小心修改到將已經建立好的網頁內容,除了安裝外掛來設定每一個身分更細的編輯項目外,也能以加入函數的方式將指定頁面隱藏起來。本篇文章分享的函數只需要將查詢到的頁面 ID 放入到指定位置,更新後就能夠生效,如果說只是單純想要隱藏頁面
Elementor 網頁動畫教學 – Elementor 小工具除了可以快速建構網頁元素外,也可以在樣式中設定動態視覺效果,比如當網站載入時讓網頁元素以不同方式進場,像是淡入淡出、滑動、旋轉等,可以讓網站不會顯得過於死板,在整體視覺上能更加生動,動態標題小工具,可以讓文字以打字的方式逐一出現
Astra 主題介紹 鵠學苑之前推薦過許多 WorPress 主題,每一款主題都有自己的特色,Astra 主題 ,相較於其他主題而言在網站外觀樣式的建構上更能靈活運作,可以自己決定啟用/停用哪些功能以精簡網站載入時所要抓取的程式碼, Astra 相對於一些付費主題而言,在網站載入速度方面是有相當大的優勢。
Elementor 版面教學 主要是說明使用 Elementor 設計網頁排版的基本方式,也就是在放入文字、圖片等小工具前,必須要先建立所謂的 ” 容器 “,而 Elementor 容器分為兩種,最外層的 ” 段 (section)” 以及分隔網頁元素的 ” 欄(column) “,這兩種容器的操作方式是在設計網頁版面前需要先理解如何操作的,如果沒有先熟悉加入容器的方法,就無法合理安排網頁內容元元素樣式
WordPress 文章摘要設定 當每一篇文章第一個段落字數不同時,在分類或標籤的彙整頁面就不會顯示的整齊一致,相當不美觀。如果說網站中有自定義的文章類型,摘要的長度更是難以控制,本篇教學將分享兩段簡單的程式碼,只需修改定義好的摘要長度數值,就能設定不同類型的文章所顯示的摘要長度
WordPress 自訂媒體庫 在本篇教學中所要分享的是使用函數來限制上傳圖片大小,目的是讓網站中顯示的圖片具有同樣的尺寸比例,統一圖片顯示樣式,尤其是網站具有不同的內容編輯人員時,能有效避免非網站技術人員隨意上傳不符合標準的圖片,當然同樣也是給編輯們的提示,必須要合乎圖片尺寸規範,才能完成上傳圖片的動作。
Elementor 小工具教學 在這篇文章中將說明如何使用 Elementor 為網頁加入標題、圖片以及影片,Elementor 是一套網站前端視覺編輯器,裡面具有許多已經完成程式碼建構的 widget (小工具) ,只需要在網頁模板上建立網頁區塊,再將小工具以拖曳的方式加入到網頁中,就能完成網頁編輯的動作
WordPress 客製後台 與網站前端其實沒有關係,而是為了變更 WordPress 預設的功能及樣式,讓管理員能在編輯網站時能以更有效率的方式來操作,而本篇教學要說明的就是以加入 function 函數的方式,來改變 WordPress 文章列表中不同狀態欄位的顏色,為的是讓管理員在編輯文章時能更快速辨識
Contact Form 7 加入顯示條件 主要是使用 Conditional Fields 外掛功能,為聯絡表單加入 group 群組,透過群組顯示條件公式的設定,讓每一個群組都能依據使用者選擇的項目來顯示不同的選項,讓聯絡表單欄位可以有更多變化性,更能製作出具有實用性的統計問答欄位,讓每一份提交的表單更具有
WordPress 特色影片 當網站內容以影片呈現能讓瀏覽者更易懂,或者希望在文章列表上直接顯示 Youtube 頻道影片縮圖時,就可以安裝本篇教學介紹的 Featured Video Plus 外掛來將文章特色圖片替換成影片,可以使用媒體庫上傳影片的方式,也可以直接複製 Youtube 影片連結來加入影片
WordPress 自訂後台 限制字數功能主要用於當網站具有多人編輯時,可以讓每一位作者在決定標題內容時不會寫的過於冗長,另一方面標題字數也會影響到網站前台顯示文章列表時的樣式、對齊、高低等,也不再需要人工計算字數,加入 jQuery 後會自動顯示當前標題字數。
WordPress shortcode 在網頁設計時是非常彈性的功能,當需要在特定位置加入內容,卻受限於網站主題框架無法以內建編輯器或區塊小工具完成時,就可以選擇創建 shortcode 函式定義想要顯示的內容,只要在 HTML 區塊中加入 shortcode ,就能夠在不支援編輯的位置顯示特定文字或圖片,
網頁設計配色 設計網頁的時候,你是否常常因為網頁配色的緣故而被退稿?或是沒有色彩設計靈感,絞盡腦汁後配色結果也非常奇怪呢?色彩對於CIS企業識別、Logo設計與網站設計來說,是非常重要的一項工作,關乎整體視覺帶給觀賞者的感受,一不小心色彩沒搭配好,再精心的設計一瞬間也會從大師美感變成可怕的長輩圖
Mac 預覽程式介紹 目前的 Mac 預覽程式可以支援 TIFF、PNG、JPEG、 GIF、BMP、PDF等的瀏覽與編輯,而單純預覽上也可以支援圖像處理軟體、文書處理軟體所產生的特殊檔案格式,只要對著檔案按下空白鍵就可以預覽,按ESC即可關閉。Gif 檔是個很有趣的例子,你對gif檔按下空白鍵即是播放
網頁視覺設計 – 你的貝茲曲線畫得漂亮嗎?是否每次在設計圓弧圖形時總覺得弧線看起來非常奇怪呢?身為設計師,作圖時一定都會使用貝茲曲線,貝茲曲線是作圖的基礎,不論是平面設計、 Logo 、插畫或是字體設計都會需要用到。若想要在網站中加入裝飾元素或是設計背景豐富網站的整體品牌視覺
立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!