WordPress

Photoshop 版面尺寸
WordPress相關工具
鵠學苑

Photoshop 版面尺寸 – 修改圖片比例讓網頁圖片具有整齊統一樣式

Photoshop 版面尺寸 – 之前教過利用 Photoshop功能『影像尺寸』將圖片檔案變小～那這次要像大家介紹 Photoshop 中的『版面尺寸』，那先來了解影像尺寸和版面尺寸的差異在哪？影像尺寸等於縮放整張圖跟整個圖層，有點像是我們的（相片），版面尺寸等於縮放作業區域，並不改變圖本身大小，就像是

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

網頁 icon 資源分享 (一) – iconbros 及 ElegantThemes 介紹與使用方式

你常常因為找不到適網頁 icon 資源分享 – 合文案或是不夠美觀的 Icon 而煩惱嗎？或是在設計業主的案子時浪費太多時間繪製 Icon 導致案子延遲嗎？別擔心，還記得我們之前分享過的 『網頁素材分享 – 可商用免費下載 icon 圖示，IconStore 網站介紹』 不管是平面、簡報、網站、 UI 等設計

閱讀全文 »
WooCommerce 點數折扣機制
WordPress相關工具
鵠學苑

WooCommerce 點數折扣機制 – Points and Rewards外掛教學

WooCommerce 點數折扣機制，對使用 WordPress 架設的購物網站而言，使用 WooCommerce 必定是多數人的選擇，而使用 WooCommerce 的好處之一，就是有許多購物機制的外掛模組可以一鍵安裝使用，而本篇文章要介紹的就是購物網站常見的累積點數、點數折抵現金的功能外掛

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

閱讀全文 »

訂閱電子報

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

熱門文章

最新文章

標籤雲

標籤
Elementor PRO 教學 Elementor widget Elementor 小工具 Elementor 教學 Elementor 架站 GA 教學 GA 自訂報表 GA 追蹤碼 Google Ads 教學 Google Analytics 教學 Google Console 教學 Google GA Google 分析 Google地圖教學 Google 網站管理員 hotjar feedback Hotjar 教學 Hotjar 網站 jpg壓縮 Photoshop 教學 SEO WooCommerce funtion WooCommerce WordPress WooCommerce 函數 WooCommerce 外掛 WooCommerce 客製化 WooCommerce 教學 WooCommerce 自訂頁籤 WooCommerce 訂單教學 WooCommerce 設定 WooCommerce 運費設定 WordPress WordPress PHP 教學 WordPress theme 推薦 Wordpress 主題 WordPress 主題 推薦 WordPress 介紹 WordPress 外掛 WordPress外掛 WordPress 教學 WordPress登入 WordPress編輯器 WordPress視覺化編輯 網站分析 網站密碼強度

© 2015 - 2020 鵠學苑｜WordPress 教學｜WooCommerce 教學｜隱私權政策｜訂閱電子報｜網站地圖

WordPress x Woocommerce 鵠崙設計

Scroll to Top