WordPress相關工具
XMind 心智圖軟體 – 製作架構圖、魚骨圖，矩陣，時間軸，組織圖，好用軟體推薦！
XMind 是一套製作架構圖的軟體，可以跨電腦、手機、平板使用，只要在裝置上安裝對應 App 或是軟體，就可以製作魚骨圖，矩陣，時間軸，組織圖，不僅這樣他還可以製作甘特圖，但因甘特圖不是此次要教學的項目所以以下不會提到。這套軟體比 PPT 內建的架構圖好用，PPT 在製作時變化不大而且也很容易頓
閱讀全文 »
WordPress相關工具
Elementor Google Map 教學 – 網站 Google 地圖多點標註與資訊視窗顯示
Elementor Google Map 教學 – 這是由另一款免費的 Elementor 外掛 – Premium Addons for Elementor 所提供，PAE 的 Google 地圖小工具支援多點設置，針對地圖控制項可以自由開關，而另外一些細節像是彈出資訊視窗（ infowindow ）
Elementor 教學
如何使用 Elementor 建立 WooCommerce 單一商品頁？圖文步驟教學
使用 Elementor 建立 WooCommerce 單一商品頁 – 在本篇文章中，將會說明如何使用 Elementor PRO 的單一產品頁模板及屬於 WooCommerce 的小工具來製作產品頁內容，從商品圖片、標題、商品描述、可變商品選項、加入購物車、價錢的顯示、相關商品、產品資訊都可以自由改變樣式
WordPress相關工具
網頁設計配色網站分享與介紹（三）- Google Art Palette
Google Art Palette – 不論是古典或是現代風格的畫家，每個藝術品都有經典的代表顏色，像是梵谷的星夜，你會直接聯想到黑色、藍色與黃色。 Google 做了一個有趣的顏色實驗室，收藏全世界的藝術品，利用電腦計算找出該作品的五種顏色，對於需要大量配色靈感的設計朋友來說，可以嘗試使用配色Google Art Palette – 不論是古典或是現代風格的畫家，每個藝術品都有經典的代表顏色，像是梵谷的星夜，你會直接聯想到黑色、藍色與黃色。 Google 做了一個有趣的顏色實驗室，收藏全世界的藝術品，利用電腦計算找出該作品的五種顏色，對於需要大量配色靈感的設計朋友來說，可以嘗試使用配色
Elementor 教學
Elementor WooCommerce 教學 – 使用小工具建立產品列表頁說明
Elementor WooCommerce 教學 – Elementor PRO 是具備從無到有建立商店頁、產品分類頁甚至是單一商品頁的能力，透過後台 UI 選項編輯，就能客製屬於自己想法的商店頁面，大從商品顯示數量、商品來源、商品排序，小至商品標題顏色、字體大小、區塊間距都可以做調整，
WordPress相關工具
Photoshop 版面尺寸 – 修改圖片比例讓網頁圖片具有整齊統一樣式
Photoshop 版面尺寸 – 之前教過利用 Photoshop功能『影像尺寸』將圖片檔案變小～那這次要像大家介紹 Photoshop 中的『版面尺寸』，那先來了解影像尺寸和版面尺寸的差異在哪？影像尺寸等於縮放整張圖跟整個圖層，有點像是我們的（相片），版面尺寸等於縮放作業區域，並不改變圖本身大小，就像是
WordPress相關工具
網頁 icon 資源分享 (一) – iconbros 及 ElegantThemes 介紹與使用方式
你常常因為找不到適網頁 icon 資源分享 – 合文案或是不夠美觀的 Icon 而煩惱嗎？或是在設計業主的案子時浪費太多時間繪製 Icon 導致案子延遲嗎？別擔心，還記得我們之前分享過的 『網頁素材分享 – 可商用免費下載 icon 圖示，IconStore 網站介紹』 不管是平面、簡報、網站、 UI 等設計
WordPress相關工具
WooCommerce 點數折扣機制 – Points and Rewards外掛教學
WooCommerce 點數折扣機制，對使用 WordPress 架設的購物網站而言，使用 WooCommerce 必定是多數人的選擇，而使用 WooCommerce 的好處之一，就是有許多購物機制的外掛模組可以一鍵安裝使用，而本篇文章要介紹的就是購物網站常見的累積點數、點數折抵現金的功能外掛
Elementor 教學
Elementor PRO 教學 (三) – Header Templates 建立步驟與操作說明
Header Templates 是 Elementor 一個比較實用的功能，通常應用在想要客製化網站頁首選單的部分，比如想要改變網站 Logo 位置、加入網站標語、新增社交連結圖示、增加站內搜尋框區域等，讓網站不會再受限於佈景主題樣式，可以有更多的變化。
Elementor 教學
Elementor 選單小工具 – 客製化 Menu Widget 功能與樣式操作教學
Elementor 選單小工具 – Elementor Nav Menu 在實際的運用的範圍很廣泛，可以是網站的主要選單、側邊欄文章列表、相關文章連結、網站底部的資訊列等，透過導航選單的區塊的建立，讓使用者更容易了解網站資訊分佈的狀態，更能透過上下階層從屬設定，讓選單資訊更易於理解閱讀。
Elementor 教學
Elementor PRO 教學 (二) – Slider 圖片輪播小工具 介紹與操作
Elementor PRO Slider 在本篇教學中將說明 Elementor Slider Widget 內容及外觀設定的方式以分享快速架設網站 Banner 的方式，使用 Elementor 還有一個優點，就是不再需要另外購買 Slider 輪播外掛，耗費主機資源拖慢網站速度
WordPress
WPML 網站翻譯教學 (一) – 多語言外掛安裝方式與基本設定
WPML 設定教學 – WPML 具有自己獨立的技術支援論壇，即使是以簡體中文顯示，相較於其他 WordPress 外掛總是滿滿的英文，算是很好理解的，而在本篇教學文中將會跟大家介紹如何安裝 WPML 以及基本功能的設定方式，讓想要架設多語言網站的朋友能對 WPML 有初步的了解。
SEO 工具
Site Kit For WordPress – 網站後台顯示 Google 分析數據外掛教學
Site Kit for WordPress 是一款由 Google 官方開發的 WordPress 網站數據顯示整合外掛，主要的功能是讓 Google 服務工具可以在網站後台中直接顯示分析及記錄的結果，目前提供的可串接服務有 Search Console、Google Analytics …
Elementor 教學
Elementor PRO 教學 (一) – 文章列表設定項目說明與實作演示
Elementor 文章列表設定 運用 Elementor PRO 中的文章小工具，在網頁中快速建立彙整區域，在文章小工具中可以設定不同的來源類型，從一般意義上的文章、頁面到自定義文章類型都可以呈現，且在文章列表中可以決定要怎樣的方式呈現，包含圖片比例、標題顏色、描述長短、按鈕大小、甚至到列表單一文章之間的距離
WordPress
GA WordPress 後台顯示數據 – GA Dashboard for WP 外掛介紹教學
GA WordPress 中主要功能，是讓 Google 分析的數據可以在網站後台顯示，只需要安裝 GA Dashboard for WP 這一套外掛，並且完成 GA 帳號串接後，就可以在控制台中直接顯示過去網站的流量數據，另外在文章列表頁面中也會顯示查看單一文章流量的按鈕，點擊後會顯示使用者、跳出率、瀏覽量
WordPress相關工具
Slidesgo 簡報模板 – Google Slides、PowerPoint、Keynote 免費版型下載
Slidesgo 簡報模板 – 之前介紹過的 Glide PPT 多樣性實用簡報版型介紹，而本篇文章所介紹的不只是 PowerPoint， 還有 Mac Keynote 跟 Google Slides，有很多方法可以製作簡報。但同樣面對到的問題就是簡報要怎麼樣才能做得好看、怎麼樣一目瞭然又不失設計感？
WordPress相關工具
Mailchimp 設定教學 – 發送電子報、建立模板、預約寄送功能說明
Mailchimp 設定教學 在本篇教學文章將針對 Mailchimp 改版後的設定流程做一次完整的介紹，包含指定訂閱電子報發送群組、建立電子報內容、發送電子報測試郵件等，另外在第二小節中也會說明如何在 Mailchimp 建立電子報模板，讓固定發送電子報的步驟可以省略重新製作電子報模板的動作。
Elementor 教學
Elementor 教學進階應用(五) – Saved Templates 與內建網頁版型
Elementor Templates 教學 – Saved Templates 是一項非常方便的功能，可以將已經製作過的網頁元素儲存成版型，當其它頁面需要同樣格式的元素時，就可以在版型庫中快速加入元素區段，讓所有頁面的同一區域具有相同的外觀樣式。另外，Elementor 版型庫分為主題建構器
Elementor 教學
Elementor 教學小工具應用(四) － 設定數值欄位自動抓取網站資料
Elementor 動態欄位 是一項非常方便的功能，可以在文字、圖片、網址等架設網站時容易出現重複內容時，就可以將讓欄位內容與網站中具有的數值做串接，而不需要在每一個頁面逐一輸入內容。另外還有一項滿重要的功能，就是動態串接的內容是具有連動的效果，比如說當修改了網址時，頁面中有串接網址的欄位也會隨之變動
WordPress客製
WordPress 禁止顯示頁面 – 對管理員以外角色隱藏特定頁面
當網站中具有多人共同編輯的情況下，為了防止其他具有編輯權限的工作同仁不小心修改到將已經建立好的網頁內容，除了安裝外掛來設定每一個身分更細的編輯項目外，也能以加入函數的方式將指定頁面隱藏起來。本篇文章分享的函數只需要將查詢到的頁面 ID 放入到指定位置，更新後就能夠生效，如果說只是單純想要隱藏頁面
訂閱電子報
立即訂閱鵠崙設計(鵠學苑)！我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格！
熱門文章
最新文章
標籤雲
標籤
Elementor PRO 教學 Elementor widget 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 維護 WooCommerce 訂單教學 WooCommerce 設定 WooCommerce 購物車 WooCommerce 運費設定 WordPress WordPress PHP 教學 WordPress theme 推薦 Wordpress 主題 WordPress 主題 推薦 WordPress 介紹 WordPress外掛 WordPress 外掛 WordPress 教學 WordPress登入 網站分析