WordPress

Elementor 版面教學
WordPress
鵠學苑

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 預覽程式介紹
WordPress相關工具
鵠學苑

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

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

閱讀全文 »
網頁視覺設計
WordPress相關工具
鵠學苑

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

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

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

Chrome FireShot 網頁長截圖工具 – 網頁設計擴充功能教學

Chrome FireShot 是一款網頁長截圖工具的瀏覽器外掛,在需要截圖的時候我們可能使用的都是電腦內內建的截圖功能,將畫面保存為PDF或者圖片是最快的保存方式,如果你有需要將網頁所有畫面一次保存下來,這個瀏覽器外掛將會是你的好朋友!Fireshot支援Google Chrome、Firefox、Opera

閱讀全文 »
Google Ads 教學
鵠學苑

Google Ads 教學 (一) 新增廣告活動 – 廣告建立流程與廣告種類說明

Google Ads 新增廣告活動 – 廣告活動訴求的目標:依據你的產業、目標、期望值決定你想投放的廣告類型,每個項目下推薦的廣告項目會有些許不同,例如銷售及網站流量下皆有搜尋廣告,但在這兩個搜尋廣告下提供的目標達成方式就不同了喔。在本篇文章或是後續其他建立流程相關文章,介面上或許會和剛開始使用ads的用戶

閱讀全文 »
WooCommerce
鵠學苑

WooCommerce 關閉密碼強度 – WordPress 加入函數與啟用外掛

WooCommerce 關閉密碼強度 鵠學苑團隊測試了三種可以修改 WooCommerce 密碼強度的方法,第一種是在網站子主題中加入 Funtion ,並以定義的數值來控制密碼強度,詳細可參考:網站登入帳戶密碼強度修改,加快會員註冊流程- 電商網站必學技巧 ; 第二種是加入 Funtion 後不需要修改任何

閱讀全文 »

訂閱電子報

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

熱門文章

最新文章

標籤雲

Scroll to Top