鵠學苑 https://www.design-hu.com.tw WordPress 架站大小事 Wed, 21 Oct 2020 11:22:49 +0000 zh-TW hourly 1 https://www.design-hu.com.tw/wp-content/uploads/2018/08/favico.png 鵠學苑 https://www.design-hu.com.tw 32 32 Google Ads進階教學(四):很有必要的再行銷廣告 https://www.design-hu.com.tw/seo-tools/google-ads/google-remraket.html Wed, 21 Oct 2020 09:27:01 +0000 https://www.design-hu.com.tw/?p=26093 今天就和大家重點來講一下 再行銷 這個很有必要去做的廣告手段! 再行銷 可以說是Google廣告和FB廣告這兩個目前全世界最大的數位廣告商提供的很重要的服務項目之一,是因為它的的的確確可以提高轉換率是有正面影響的,數據方面早就給了我們明確的答案。

這篇文章 Google Ads進階教學(四):很有必要的再行銷廣告 最早出現於 鵠學苑

]]>
Google Ads進階教學(三):多媒體廣告-新客開發 https://www.design-hu.com.tw/seo-tools/google-ads/display-ad.html Tue, 20 Oct 2020 09:27:15 +0000 https://www.design-hu.com.tw/?p=26054 要針對自己的產業需求選擇最最適合你產業別的廣告方式。進階課程和入門課程最大的差別就是在數據的使用,不單單是在關鍵字廣告還有 多媒體廣告 。如果今天你是要在有限的時間內增加直接的曝光,那 多媒體廣告 的效率會比關鍵字要來的好,但是不管那種廣告方式都要先去了解自己的TA才能對症下藥!

這篇文章 Google Ads進階教學(三):多媒體廣告-新客開發 最早出現於 鵠學苑

]]>
Google Ads進階教學(二):Google關鍵字 廣告報表分析 https://www.design-hu.com.tw/seo-tools/google-ads/google-ads-project-anayltics.html Wed, 14 Oct 2020 09:27:40 +0000 https://www.design-hu.com.tw/?p=26030 怎麼樣讓自己的關鍵字廣告更加有效率我想大家都實際操作了一遍吧!經過了一個禮拜我想Google也把我們的廣告數據收集的差不多了,今天就要來講解怎麼去分析 Google關鍵字 廣告的報表以及如何去優化!接下來就跟著鵠學苑深入了解 ~

這篇文章 Google Ads進階教學(二):Google關鍵字 廣告報表分析 最早出現於 鵠學苑

]]>
Google Ads進階教學(一):搜尋廣告的投放細節 https://www.design-hu.com.tw/seo-tools/google-ads/ads-detail.html Wed, 07 Oct 2020 10:08:13 +0000 https://www.design-hu.com.tw/?p=25986 歡迎回來鵠崙設計的 Google Ads 教學 系列課程!在很大家展示關鍵字廣告和多媒體廣告的實際操作後我們就要正式開始進入進階的課程了,在 Google Ads 進階的課程中我們會解鎖更多的功能,當然目的只有一個就是強化我們的關鍵字廣告發掘出更佳精確的潛在客戶!

這篇文章 Google Ads進階教學(一):搜尋廣告的投放細節 最早出現於 鵠學苑

]]>
實用Keyword Tool!Google插件 Trend Everywhere 帶你看關鍵字熱度! https://www.design-hu.com.tw/webmaster-toos/keyword-tool-trendeverywhere.html Wed, 07 Oct 2020 05:07:58 +0000 https://www.design-hu.com.tw/?p=25966 實用 Keyword Tool ! Trend Everywhere 關鍵字廣告的投放有在關注我們鵠崙設計的朋友一定不陌生,特別是在Google Ads這塊但是和我在教程裡說的一樣,了解和投放都是講起來做起來更簡單的,那關鍵字廣告到底難在哪裡呢?

這篇文章 實用Keyword Tool!Google插件 Trend Everywhere 帶你看關鍵字熱度! 最早出現於 鵠學苑

]]>
網站設計必備素材推薦,Caself 百種紋理背景免費下載! https://www.design-hu.com.tw/webmaster-toos/recommend-caself.html Tue, 29 Sep 2020 08:53:19 +0000 https://www.design-hu.com.tw/?p=25947 Caself 一個好的背景會為你的 網站設計 加分,但是拿來的好背景呢?不要擔心鵠崙設計在這邊推薦你 Caself 這個實用網頁,裡面提供上百種的紋理背景 免費下載 。快來和鵠崙設計一起學習 Caself 的實用方法吧! 免費下載 紋理背景豐富您的 網頁設計

這篇文章 網站設計必備素材推薦,Caself 百種紋理背景免費下載! 最早出現於 鵠學苑

]]>
Google Ads 入門教學(四):Google多媒體廣告的實際投放 https://www.design-hu.com.tw/seo-tools/google-ads/google-display-advertising.html Wed, 23 Sep 2020 09:02:39 +0000 https://www.design-hu.com.tw/?p=25907 Google Ads 多媒體廣告 上一次的課程我們完成了 Google Ads入門教學 關鍵字廣告的投放,大家有嘗試投放廣告嗎?所有的問題都可以留言讓我們知道,我們會在設計一門課程解答大家的問題!但是今天的 Google Ads入門教學 是要針對特定人群來宣傳!就是Google 多媒體廣告 了!

這篇文章 Google Ads 入門教學(四):Google多媒體廣告的實際投放 最早出現於 鵠學苑

]]>
Google廣告入門教學(三):Google關鍵字廣告的實際投放 https://www.design-hu.com.tw/seo-tools/google-ads/google-ads-howto-get-your-first-ad.html Wed, 16 Sep 2020 09:23:06 +0000 https://www.design-hu.com.tw/?p=25840 在前兩節的課程中我們對Google關鍵字廣告的理論知識應該都有比較系統的了解了吧?在加上我們的關鍵字選字邏輯,我想大家都已經把自己行業所需要的關鍵字都找好!那這節課就開始實際操作帶你投放第一個關鍵字廣告!Google廣告入門教學(三)正式開始!

這篇文章 Google廣告入門教學(三):Google關鍵字廣告的實際投放 最早出現於 鵠學苑

]]>
Gitmind免費線上工具介紹: 心智圖,流程圖,魚骨圖,線上討論 https://www.design-hu.com.tw/webmaster-toos/gitmind-mind-map-tool.html Wed, 16 Sep 2020 05:22:00 +0000 https://www.design-hu.com.tw/?p=25825 Gitmind 心智圖(mind map)有稱腦圖,其實我覺得不用特別介紹心智圖的功能,我想每個人都有用過,特別是在想專案企劃的時候,如何維持思考的邏輯正確不跑偏是MIND MAP最主要的功能那MIND MAP也不是什麼新東西了為什麼還要介紹這個 Gitmind 呢?接下來我一步步說給你聽!

這篇文章 Gitmind免費線上工具介紹: 心智圖,流程圖,魚骨圖,線上討論 最早出現於 鵠學苑

]]>
Google廣告入門教學(二):教你提高排名!靠關鍵字鎖定潛在客戶! https://www.design-hu.com.tw/seo-tools/google-ads/googlead-introduction.html Tue, 15 Sep 2020 08:13:55 +0000 https://www.design-hu.com.tw/?p=25818 在上節課我們認識了Google關鍵字廣告的入門知識,接下來我們就要面對所有人最關心的問題了然後提高關鍵字的排名?要靠那些關鍵字鎖定潛在客戶增加曝光量呢?如果你也有這兩個問題千萬別錯過這節課的教學,我們會帶你找到最適合你的關鍵字排名和最適合你的關鍵字!

這篇文章 Google廣告入門教學(二):教你提高排名!靠關鍵字鎖定潛在客戶! 最早出現於 鵠學苑

]]>
Google廣告入門教學(一):認識Google關鍵字廣告 https://www.design-hu.com.tw/seo-tools/google-ads/google-key-word-introduction-what-is-google-ad.html https://www.design-hu.com.tw/seo-tools/google-ads/google-key-word-introduction-what-is-google-ad.html#respond Wed, 09 Sep 2020 07:28:05 +0000 https://www.design-hu.com.tw/?p=25747 Google關鍵字廣告 我們的生活已經離不開網路,當我們想了解一樣事物的時候最常聽到的會是:“你可以Google一下啊!”,Google已經從名稱變成動詞帶給我們的不只有便利,還有巨大的商機。想要拓展客群數位行銷必不可少,也許該從廣告通路錯了問題,現在帶你認識Google關鍵字廣告

這篇文章 Google廣告入門教學(一):認識Google關鍵字廣告 最早出現於 鵠學苑

]]>
https://www.design-hu.com.tw/seo-tools/google-ads/google-key-word-introduction-what-is-google-ad.html/feed 0
WooCommerce 可變商品屬性客製樣式 – WooSwatches 外掛教學 https://www.design-hu.com.tw/woocommerce/woocommerce-plugins/woocommerce-color-or-image-variation-swatches.html Sun, 30 Aug 2020 10:59:45 +0000 https://www.design-hu.com.tw/?p=25717 WooSwatches 是一款 WooCommerce 的延伸功能外掛,是由 WooMatrix 所開發,主要用途是在變更 WooCommerce 單一可變產品頁面上屬性變化類型的顯示方式,可以將預設為下拉式選單的選擇產品規格,變更為以顏色、圖片、或者文字顯示,讓顧客在挑選產品時可以使用更加直覺的方式來做產品

這篇文章 WooCommerce 可變商品屬性客製樣式 – WooSwatches 外掛教學 最早出現於 鵠學苑

]]>
XMind 心智圖軟體 – 製作架構圖、魚骨圖,矩陣,時間軸,組織圖,好用軟體推薦! https://www.design-hu.com.tw/webmaster-toos/xmind.html Mon, 01 Jun 2020 01:28:01 +0000 https://www.design-hu.com.tw/?p=25646 XMind 是一套製作架構圖的軟體,可以跨電腦、手機、平板使用,只要在裝置上安裝對應 App 或是軟體,就可以製作魚骨圖,矩陣,時間軸,組織圖,不僅這樣他還可以製作甘特圖,但因甘特圖不是此次要教學的項目所以以下不會提到。這套軟體比 PPT 內建的架構圖好用,PPT 在製作時變化不大而且也很容易頓

這篇文章 XMind 心智圖軟體 – 製作架構圖、魚骨圖,矩陣,時間軸,組織圖,好用軟體推薦! 最早出現於 鵠學苑

]]>
Elementor Google Map 教學 – 網站 Google 地圖多點標註與資訊視窗顯示 https://www.design-hu.com.tw/wordpress/elementor-teaching/elementor-google-map-widget.html Sun, 24 May 2020 05:59:19 +0000 https://www.design-hu.com.tw/?p=25598 Elementor Google Map 教學 - 這是由另一款免費的 Elementor 外掛 - Premium Addons for Elementor 所提供,PAE 的 Google 地圖小工具支援多點設置,針對地圖控制項可以自由開關,而另外一些細節像是彈出資訊視窗( infowindow )

這篇文章 Elementor Google Map 教學 – 網站 Google 地圖多點標註與資訊視窗顯示 最早出現於 鵠學苑

]]>
如何使用 Elementor 建立 WooCommerce 單一商品頁?圖文步驟教學 https://www.design-hu.com.tw/woocommerce/woocommerce-indro/elementor-woocommerce-single-product.html Thu, 30 Apr 2020 11:12:39 +0000 https://www.design-hu.com.tw/?p=25553 使用 Elementor 建立 WooCommerce 單一商品頁 - 在本篇文章中,將會說明如何使用 Elementor PRO 的單一產品頁模板及屬於 WooCommerce 的小工具來製作產品頁內容,從商品圖片、標題、商品描述、可變商品選項、加入購物車、價錢的顯示、相關商品、產品資訊都可以自由改變樣式

這篇文章 如何使用 Elementor 建立 WooCommerce 單一商品頁?圖文步驟教學 最早出現於 鵠學苑

]]>
WooCommerce Shortcode 範例說明 – 以短代碼顯示產品分類項目 https://www.design-hu.com.tw/woocommerce/woocommerce-indro/woocommerce-shortcode-display-product-categories-on-page.html Thu, 30 Apr 2020 08:42:34 +0000 https://www.design-hu.com.tw/?p=25547 WooCommerce Shortcode 範例說明 的相關文章有:WooCommerce 以短代碼呈現產品列表  以及 WooCommerce 頁面基本短代碼呈現效果說明 這兩篇文章可以參考,會使用到 WooCommerce 短碼來設定頁面,無非就是想要客製化網站內容,因此在本篇教學中將會說明如何使用預設的

這篇文章 WooCommerce Shortcode 範例說明 – 以短代碼顯示產品分類項目 最早出現於 鵠學苑

]]>
網頁設計配色網站分享與介紹(三)- Google Art Palette https://www.design-hu.com.tw/webmaster-toos/google-art-palette.html Sun, 26 Apr 2020 17:03:14 +0000 https://www.design-hu.com.tw/?p=25533 Google Art Palette - 不論是古典或是現代風格的畫家,每個藝術品都有經典的代表顏色,像是梵谷的星夜,你會直接聯想到黑色、藍色與黃色。 Google 做了一個有趣的顏色實驗室,收藏全世界的藝術品,利用電腦計算找出該作品的五種顏色,對於需要大量配色靈感的設計朋友來說,可以嘗試使用配色Google Art Palette - 不論是古典或是現代風格的畫家,每個藝術品都有經典的代表顏色,像是梵谷的星夜,你會直接聯想到黑色、藍色與黃色。 Google 做了一個有趣的顏色實驗室,收藏全世界的藝術品,利用電腦計算找出該作品的五種顏色,對於需要大量配色靈感的設計朋友來說,可以嘗試使用配色

這篇文章 網頁設計配色網站分享與介紹(三)- Google Art Palette 最早出現於 鵠學苑

]]>
Elementor WooCommerce 教學 – 使用小工具建立產品列表頁說明 https://www.design-hu.com.tw/woocommerce/woocommerce-indro/elementor-woocommerce-page-bulider.html Sun, 26 Apr 2020 14:13:06 +0000 https://www.design-hu.com.tw/?p=25498 Elementor WooCommerce 教學 - Elementor PRO 是具備從無到有建立商店頁、產品分類頁甚至是單一商品頁的能力,透過後台 UI 選項編輯,就能客製屬於自己想法的商店頁面,大從商品顯示數量、商品來源、商品排序,小至商品標題顏色、字體大小、區塊間距都可以做調整,

這篇文章 Elementor WooCommerce 教學 – 使用小工具建立產品列表頁說明 最早出現於 鵠學苑

]]>
WooCommerce Shortcode 產品教學 – 以短代碼呈現產品列表 https://www.design-hu.com.tw/woocommerce/woocommerce-indro/woocommerce-shortcode-products.html Sun, 26 Apr 2020 11:11:01 +0000 https://www.design-hu.com.tw/?p=25493 WooCommerce Shortcode 產品教學 在本篇教學中,鵠學苑將會介紹 WooCommerce  6 組以不同條件篩選顯示產品列表條件的基礎代碼,屬於只要插入在正確的位置就會顯示的類型,另外是稍微比較進階一點的短代碼,必須要先熟悉 WooCommerce 說明中的代碼屬性進而製作特殊顯示方式的產

這篇文章 WooCommerce Shortcode 產品教學 – 以短代碼呈現產品列表 最早出現於 鵠學苑

]]>
免費影片素材分享(一)- Coverr 與 Videezy 可商用影片下載 https://www.design-hu.com.tw/webmaster-toos/free-video-coverr-videezy.html Sun, 12 Apr 2020 11:25:35 +0000 https://www.design-hu.com.tw/?p=25473 免費影片素材分享 企業網站百百種,要打造一個真正符合自身品牌形象又能留住視覺的網站可不容易,很多網站靠著首頁最上面的大圖輪播展現自家的形象或是最新消息等,但有時光靠圖片也很難成為吸引的主力,那麼,企業形象的首頁 Banner 除了輪播之外,有沒有其他方式能夠展現更完整的品牌形象,讓人進入網站後就能馬上吸引目光

這篇文章 免費影片素材分享(一)- Coverr 與 Videezy 可商用影片下載 最早出現於 鵠學苑

]]>
WooCommerce Shortcode 教學 – 頁面基本短代碼呈現效果說明 https://www.design-hu.com.tw/woocommerce/woocommerce-indro/woocommerce-shortcode-page.html Sun, 12 Apr 2020 11:04:48 +0000 https://www.design-hu.com.tw/?p=25455 WooCommerce Shortcode 是架設 WordPress 購物網站時的進階應用,在網站主題所導入的模板有支援 WooCommerce 的狀況下,其實是會自動建立這些短碼所生成的頁面,本篇教學中,將介紹短碼呈現的樣式與加入方法,以及如何使用 Elementor 短碼工具為 WooCommerce

這篇文章 WooCommerce Shortcode 教學 – 頁面基本短代碼呈現效果說明 最早出現於 鵠學苑

]]>
Photoshop 版面尺寸 – 修改圖片比例讓網頁圖片具有整齊統一樣式 https://www.design-hu.com.tw/wordpress/wordpress-tools/photoshop-edit-canvas-size.html Sun, 22 Mar 2020 11:36:42 +0000 https://www.design-hu.com.tw/?p=25009 Photoshop 版面尺寸 - 之前教過利用 Photoshop功能『影像尺寸』將圖片檔案變小~那這次要像大家介紹 Photoshop 中的『版面尺寸』,那先來了解影像尺寸和版面尺寸的差異在哪?影像尺寸等於縮放整張圖跟整個圖層,有點像是我們的(相片),版面尺寸等於縮放作業區域,並不改變圖本身大小,就像是

這篇文章 Photoshop 版面尺寸 – 修改圖片比例讓網頁圖片具有整齊統一樣式 最早出現於 鵠學苑

]]>
網頁 icon 資源分享 (一) – iconbros 及 ElegantThemes 介紹與使用方式 https://www.design-hu.com.tw/webmaster-toos/iconbros-elegantthemes.html Sat, 21 Mar 2020 14:55:38 +0000 https://www.design-hu.com.tw/?p=25011 你常常因為找不到適網頁 icon 資源分享 - 合文案或是不夠美觀的 Icon 而煩惱嗎?或是在設計業主的案子時浪費太多時間繪製 Icon 導致案子延遲嗎?別擔心,還記得我們之前分享過的 『網頁素材分享 – 可商用免費下載 icon 圖示,IconStore 網站介紹』 不管是平面、簡報、網站、 UI 等設計

這篇文章 網頁 icon 資源分享 (一) – iconbros 及 ElegantThemes 介紹與使用方式 最早出現於 鵠學苑

]]>
WooCommerce 點數折扣機制 – Points and Rewards外掛教學 https://www.design-hu.com.tw/woocommerce/woocommerce-plugins/woocommerce-points-and-rewards.html Sat, 21 Mar 2020 14:31:19 +0000 https://www.design-hu.com.tw/?p=25405 WooCommerce 點數折扣機制,對使用 WordPress 架設的購物網站而言,使用 WooCommerce 必定是多數人的選擇,而使用 WooCommerce 的好處之一,就是有許多購物機制的外掛模組可以一鍵安裝使用,而本篇文章要介紹的就是購物網站常見的累積點數、點數折抵現金的功能外掛

這篇文章 WooCommerce 點數折扣機制 – Points and Rewards外掛教學 最早出現於 鵠學苑

]]>
Elementor PRO 教學 (三) – Header Templates 建立步驟與操作說明 https://www.design-hu.com.tw/wordpress/elementor-teaching/elementor-header-templates.html Sat, 07 Mar 2020 11:21:36 +0000 https://www.design-hu.com.tw/?p=25371 Header Templates 是 Elementor 一個比較實用的功能,通常應用在想要客製化網站頁首選單的部分,比如想要改變網站 Logo 位置、加入網站標語、新增社交連結圖示、增加站內搜尋框區域等,讓網站不會再受限於佈景主題樣式,可以有更多的變化。

這篇文章 Elementor PRO 教學 (三) – Header Templates 建立步驟與操作說明 最早出現於 鵠學苑

]]>
網頁UI資源分享(二)- 模特圖庫Model.foto與100,000 Faces https://www.design-hu.com.tw/webmaster-toos/web-ui-resource-sharing.html Sat, 07 Mar 2020 08:57:35 +0000 https://www.design-hu.com.tw/?p=25369 網頁 UI 資源分享 - 設計網頁時,不論是在職缺頁面或是團隊介紹,有時候必須加入人物圖片 Demo ,才會讓設計版型顯得完整,交給客戶時比較不會天馬行空的想像,但牽扯到肖像權問題,我們很難從一般圖庫抓取免費的模特使用,本次分享兩個免費可商用模特圖庫資源,希望能夠讓設計師們的網頁平面畫面更完整。

這篇文章 網頁UI資源分享(二)- 模特圖庫Model.foto與100,000 Faces 最早出現於 鵠學苑

]]>
Elementor 選單小工具 – 客製化 Menu Widget 功能與樣式操作教學 https://www.design-hu.com.tw/wordpress/elementor-teaching/elementor-nav-menu-widget.html Sun, 01 Mar 2020 06:11:07 +0000 https://www.design-hu.com.tw/?p=25344 Elementor 選單小工具 – Elementor Nav Menu 在實際的運用的範圍很廣泛,可以是網站的主要選單、側邊欄文章列表、相關文章連結、網站底部的資訊列等,透過導航選單的區塊的建立,讓使用者更容易了解網站資訊分佈的狀態,更能透過上下階層從屬設定,讓選單資訊更易於理解閱讀。

這篇文章 Elementor 選單小工具 – 客製化 Menu Widget 功能與樣式操作教學 最早出現於 鵠學苑

]]>
Google 試算表教學 – 條件規則式說明與甘特圖製作 https://www.design-hu.com.tw/webmaster-toos/google-sheet-gantt-chart.html Mon, 17 Feb 2020 08:13:29 +0000 https://www.design-hu.com.tw/?p=25321 Google 試算表教學 很多人漸漸將Google的office來當作與其他人溝通的橋樑,畢竟我們只要在google上修改內容共享人也會看得見,不用像Word、Excel更改後要再傳來傳去一來容易檔案遺失二來版本演進不好控制。你們有做甘特圖的困擾嗎?Excel插入圖表覺得麻煩,

這篇文章 Google 試算表教學 – 條件規則式說明與甘特圖製作 最早出現於 鵠學苑

]]>
Elementor PRO 教學 (二) – Slider 圖片輪播小工具 介紹與操作 https://www.design-hu.com.tw/wordpress/elementor-teaching/elementor-slider-image-widget.html Sat, 07 Dec 2019 11:18:00 +0000 https://www.design-hu.com.tw/?p=25018 Elementor PRO Slider 在本篇教學中將說明 Elementor Slider Widget 內容及外觀設定的方式以分享快速架設網站 Banner 的方式,使用 Elementor 還有一個優點,就是不再需要另外購買 Slider 輪播外掛,耗費主機資源拖慢網站速度

這篇文章 Elementor PRO 教學 (二) – Slider 圖片輪播小工具 介紹與操作 最早出現於 鵠學苑

]]>
WPML 網站翻譯教學 (一) – 多語言外掛安裝方式與基本設定 https://www.design-hu.com.tw/wordpress/wordpress-plugin/wpml-plugin-install-and-setting.html Sat, 07 Dec 2019 02:15:37 +0000 https://www.design-hu.com.tw/?p=25005 WPML 設定教學 - WPML 具有自己獨立的技術支援論壇,即使是以簡體中文顯示,相較於其他 WordPress 外掛總是滿滿的英文,算是很好理解的,而在本篇教學文中將會跟大家介紹如何安裝 WPML 以及基本功能的設定方式,讓想要架設多語言網站的朋友能對 WPML 有初步的了解。

這篇文章 WPML 網站翻譯教學 (一) – 多語言外掛安裝方式與基本設定 最早出現於 鵠學苑

]]>
Site Kit For WordPress – 網站後台顯示 Google 分析數據外掛教學 https://www.design-hu.com.tw/wordpress/wordpress-plugin/site-kit-for-wordpress.html Mon, 18 Nov 2019 08:55:49 +0000 https://www.design-hu.com.tw/?p=25190 Site Kit for WordPress 是一款由 Google 官方開發的 WordPress 網站數據顯示整合外掛,主要的功能是讓 Google 服務工具可以在網站後台中直接顯示分析及記錄的結果,目前提供的可串接服務有 Search Console、Google Analytics ...

這篇文章 Site Kit For WordPress – 網站後台顯示 Google 分析數據外掛教學 最早出現於 鵠學苑

]]>
Elementor PRO 教學 (一) – 文章列表設定項目說明與實作演示 https://www.design-hu.com.tw/wordpress/elementor-teaching/elementor-post-list-widget.html Thu, 17 Oct 2019 08:12:39 +0000 https://www.design-hu.com.tw/?p=25016 Elementor 文章列表設定 運用 Elementor PRO 中的文章小工具,在網頁中快速建立彙整區域,在文章小工具中可以設定不同的來源類型,從一般意義上的文章、頁面到自定義文章類型都可以呈現,且在文章列表中可以決定要怎樣的方式呈現,包含圖片比例、標題顏色、描述長短、按鈕大小、甚至到列表單一文章之間的距離

這篇文章 Elementor PRO 教學 (一) – 文章列表設定項目說明與實作演示 最早出現於 鵠學苑

]]>
Photoshop 去背教學 – 使用魔術棒快速修改圖片背景為透明樣式 https://www.design-hu.com.tw/webmaster-toos/photoshop-removes-background.html Wed, 16 Oct 2019 01:27:12 +0000 https://www.design-hu.com.tw/?p=24784 Photoshop 去背教學 相信大家對 Photoshop 一點也不陌生,它是專門修圖的軟體,是需要非常了解這軟體的工具跟技巧才做得到的,小編這裡教大家非常簡單易懂的 Photoshop 小工具,也就是“魔術棒”,此功能可將不要的背景去背掉,留下主要圖案。步驟很少初學者也可以輕鬆上手

這篇文章 Photoshop 去背教學 – 使用魔術棒快速修改圖片背景為透明樣式 最早出現於 鵠學苑

]]>
GA WordPress 後台顯示數據 – GA Dashboard for WP 外掛介紹教學 https://www.design-hu.com.tw/wordpress/wordpress-plugin/ga-dashboard-for-wp.html Tue, 15 Oct 2019 11:44:57 +0000 https://www.design-hu.com.tw/?p=25027 GA WordPress 中主要功能,是讓 Google 分析的數據可以在網站後台顯示,只需要安裝 GA Dashboard for WP 這一套外掛,並且完成 GA 帳號串接後,就可以在控制台中直接顯示過去網站的流量數據,另外在文章列表頁面中也會顯示查看單一文章流量的按鈕,點擊後會顯示使用者、跳出率、瀏覽量

這篇文章 GA WordPress 後台顯示數據 – GA Dashboard for WP 外掛介紹教學 最早出現於 鵠學苑

]]>
Recordit Mac 教學 – 免費製作 GIF 圖片功能及在錄製螢幕操作影片 https://www.design-hu.com.tw/webmaster-toos/recordit-mac-gif-recording-screen.html Thu, 03 Oct 2019 14:14:54 +0000 https://www.design-hu.com.tw/?p=24927 Recordit Mac 教學 閱讀鵠學院文章的讀者,想必都有看過我們使用過 GIF 動畫或者影片方式來呈現我們要表達的畫面,螢幕錄影的功能一般來說不常用到,要不然就是裝了之後找不到他在哪也不記得裝過了什麼。會找到這個螢幕錄影程式是看上了他的免費 GIF 功能及可以在 Windows 及 Mac 上跨平台使用

這篇文章 Recordit Mac 教學 – 免費製作 GIF 圖片功能及在錄製螢幕操作影片 最早出現於 鵠學苑

]]>
WooCommerce 購物車按鈕 – YITH Cart PopUp 加入彈跳說明文字 https://www.design-hu.com.tw/woocommerce/woocommerce-plugins/yith-cart-popup-plugin.html Sun, 29 Sep 2019 16:00:09 +0000 https://www.design-hu.com.tw/?p=24840 WooCommerce 購物車按鈕 在預設中點擊後只會出現 ”已成功加入購物車按鈕" 的提示文字,如果想要提供更詳細的商品資訊讓顧客觀看,就可以使用本次教學所介紹的付費外掛 - YITH Cart PopUp ,顧名思義,就是可以在顧客點擊加入購物車按鈕時顯示全螢幕彈跳視窗以顯示商品價格、運送費用

這篇文章 WooCommerce 購物車按鈕 – YITH Cart PopUp 加入彈跳說明文字 最早出現於 鵠學苑

]]>
網頁UI資源分享(一)- Simple Icons 與 Brand Colors SVG 檔案及色碼查詢 https://www.design-hu.com.tw/webmaster-toos/gui-simple-icons-brand-colors.html Thu, 26 Sep 2019 14:41:52 +0000 https://www.design-hu.com.tw/?p=24877 相信各位網頁設計師們在設計網頁時,難免會需要用到社群媒體圖示、知名品牌的 Logo 或是要尋找該品牌的色碼。鵠學苑來介紹兩個好用的設計資源網站,能快速地獲得品牌 Logo .SVG 檔案及標準色碼,讓大家不會再因為從 Google 抓取的 .png 圖檔解析度不夠,或是製作連結按鈕時找不到品牌主色色碼而傷腦筋。

這篇文章 網頁UI資源分享(一)- Simple Icons 與 Brand Colors SVG 檔案及色碼查詢 最早出現於 鵠學苑

]]>
Google Ads 教學 (六) – 廣告活動追蹤碼 UTM 介紹與設定 https://www.design-hu.com.tw/seo-tools/google-ads/google-ads-utm-setting.html Tue, 24 Sep 2019 13:51:31 +0000 https://www.design-hu.com.tw/?p=24851 什麼是 UTM 參數?全名是 Urchin Tracking Module,是 Google Analytics 提供給分析人員可以自訂寫入的連結標記( Link tagging ),做法是在網址後面加入一段參數,只要點擊到這段帶有參數的連結, GA 便會依據參數參數名稱紀錄數據,以利我們在 GA 中檢視與分析廣告成效。

這篇文章 Google Ads 教學 (六) – 廣告活動追蹤碼 UTM 介紹與設定 最早出現於 鵠學苑

]]>
WooCommerce 教學(稅金設定) – 啟用商品及運費稅金計算功能 https://www.design-hu.com.tw/woocommerce/woocommerce-indro/woocommerce-tax-setting.html Mon, 23 Sep 2019 07:40:48 +0000 https://www.design-hu.com.tw/?p=24836 WooCommerce 教學(稅金設定) 是屬於商店基本選項之一,在國外電子商務中常常會需要根據不同的運送地區或商品在結帳時加收稅金,但對大部分在地銷售的台灣小型電商而言,除了客戶要求開立實體發票時必須加收的 5% 稅金,實際上很少使用到此項功能,因此本篇文章只會對稅率設定選項做簡單說明,並且也會介紹商品運費

這篇文章 WooCommerce 教學(稅金設定) – 啟用商品及運費稅金計算功能 最早出現於 鵠學苑

]]>
WooCommerce 商品圖片設定 – 使用 Product Image Flipper 外掛自動切換圖片 https://www.design-hu.com.tw/woocommerce/woocommerce-plugins/product-image-flipper.html Sun, 22 Sep 2019 13:51:06 +0000 https://www.design-hu.com.tw/?p=24787 WooCommerce 商品圖片設定 製作網頁時所謂的 "圖片翻轉" 效果,讓使用者在商店頁面透過簡單的滑鼠操控,就能得知商品更多外觀與樣式,是非常有利於使用者挑選商品的。在本篇教學介紹加入產品圖片翻轉效果的外掛 - WooCommerce Product Image Flipper

這篇文章 WooCommerce 商品圖片設定 – 使用 Product Image Flipper 外掛自動切換圖片 最早出現於 鵠學苑

]]>
WooCommerce 加入結帳費用 – Checkout Add-Ons 附加結帳費用教學 https://www.design-hu.com.tw/woocommerce/woocommerce-plugins/checkout-add-ons-wp-plugin.html Sun, 22 Sep 2019 13:47:50 +0000 https://www.design-hu.com.tw/?p=24785 WooCommerce 結帳功能 本篇教學要介紹 WooCommerce 官方所出的附加功能外掛 - Checkout Add-Ons ,可以在結帳時加入額外付費的選項,單位可以使用百分比或者直接輸入金額數字,也能夠客制化金額選項,以單選、多選、文字說明、附加檔案等方式呈現,甚至可以設定項目顯示條件

這篇文章 WooCommerce 加入結帳費用 – Checkout Add-Ons 附加結帳費用教學 最早出現於 鵠學苑

]]>
Woocommerce 會員系統 – 使用函數在網頁中加入會員登出按鈕 https://www.design-hu.com.tw/woocommerce/woocommerce-custom/add-logout-button.html Tue, 17 Sep 2019 16:00:27 +0000 https://www.design-hu.com.tw/?p=24676 Woocommerce 會員系統 - 如果只是想單純客制一個登出按鈕,加入外掛說不定會引起其他相容性的問題(在 WooCommerce 尤其容易發生),因此在今天的文章中鵠學苑將分享一段簡易的函數,透過輸出控制函式加入 HTML 顯示文字並製作為 Shortcode (短代碼),以 CSS 來控制按鈕外觀

這篇文章 Woocommerce 會員系統 – 使用函數在網頁中加入會員登出按鈕 最早出現於 鵠學苑

]]>
Photoshop 影像尺寸 – 修改圖檔大小與裁切比例基礎教學 https://www.design-hu.com.tw/webmaster-toos/photoshop-image-size.html Mon, 16 Sep 2019 16:00:43 +0000 https://www.design-hu.com.tw/?p=24671 影像圖片太大跑檔太慢,要怎麼解決?可利用Photoshop功能『影像尺寸』將圖片檔案變小~那在我們改影像大小及解析度前會依目前做什麼案件決定,常遇到案件分為兩種 1.印刷 2.螢幕顯示,如果要『印刷』色彩模式會使用CMYK,單位公分、公釐、英吋,解析度最好在300dpi,印刷出品質會比較好。那如果是『網頁』用

這篇文章 Photoshop 影像尺寸 – 修改圖檔大小與裁切比例基礎教學 最早出現於 鵠學苑

]]>
Slidesgo 簡報模板 – Google Slides、PowerPoint、Keynote 免費版型下載 https://www.design-hu.com.tw/wordpress/wordpress-tools/slidesgo-template.html Mon, 16 Sep 2019 01:44:54 +0000 https://www.design-hu.com.tw/?p=24673 Slidesgo 簡報模板 - 之前介紹過的 Glide PPT 多樣性實用簡報版型介紹,而本篇文章所介紹的不只是 PowerPoint, 還有 Mac Keynote 跟 Google Slides,有很多方法可以製作簡報。但同樣面對到的問題就是簡報要怎麼樣才能做得好看、怎麼樣一目瞭然又不失設計感?

這篇文章 Slidesgo 簡報模板 – Google Slides、PowerPoint、Keynote 免費版型下載 最早出現於 鵠學苑

]]>
WooCommerce 自訂運送付款條件 ,客製化結帳流程外掛教學 https://www.design-hu.com.tw/woocommerce/woocommerce-plugins/conditional-shipping-and-payments.html Sun, 15 Sep 2019 10:30:58 +0000 https://www.design-hu.com.tw/?p=23077 在本篇教學中透過安裝 Conditional Shipping and Payments,就能夠讓每一種付款與運送方式能根據使用者結帳時的選擇對應顯示,比如說當顧客消費未達免運費標準,且選擇以銀行轉帳付款,那麼在購物車及結帳頁面就 "只會"  顯示銀行轉帳與必須支付運費的選項,不會再顯示其他無關的項目

這篇文章 WooCommerce 自訂運送付款條件 ,客製化結帳流程外掛教學 最早出現於 鵠學苑

]]>
Mailchimp 設定教學 – 發送電子報、建立模板、預約寄送功能說明 https://www.design-hu.com.tw/wordpress/wordpress-tools/mailchimp-send-newsletter-setting.html Sun, 15 Sep 2019 07:16:31 +0000 https://www.design-hu.com.tw/?p=24548 Mailchimp 設定教學 在本篇教學文章將針對 Mailchimp 改版後的設定流程做一次完整的介紹,包含指定訂閱電子報發送群組、建立電子報內容、發送電子報測試郵件等,另外在第二小節中也會說明如何在 Mailchimp 建立電子報模板,讓固定發送電子報的步驟可以省略重新製作電子報模板的動作。

這篇文章 Mailchimp 設定教學 – 發送電子報、建立模板、預約寄送功能說明 最早出現於 鵠學苑

]]>
Pinterest 社群介紹 – 網站樣式設計作品資源分享及操作應用方法 https://www.design-hu.com.tw/webmaster-toos/pinterest-introduce.html Thu, 12 Sep 2019 01:33:48 +0000 https://www.design-hu.com.tw/?p=24487 Pinterest 社群介紹 - 由美國的公司所創立,是一個利於個人創作與探索的網站工具,也可以歸類為專門分享圖像的社群網站,可以上傳自己設計的作品或是轉貼圖像連結。 Pinterest 也具有強大的收藏功能,能夠有系統的收藏喜歡的圖片連結,甚至能與好友分享。因為是以圖片為主的網站

這篇文章 Pinterest 社群介紹 – 網站樣式設計作品資源分享及操作應用方法 最早出現於 鵠學苑

]]>
印刷色碼轉換 – 利用 CMYK 色碼找出 Pantone 彩通接近色 https://www.design-hu.com.tw/webmaster-toos/cmyk-printing-color-pantone-conversion.html Wed, 11 Sep 2019 07:54:22 +0000 https://www.design-hu.com.tw/?p=24480 印刷色碼轉換 - Pantone 可翻“彩通”、“潘通”是世界通用的色彩語言,一種流行的專色系統,有專門固定的墨水,不管是在印刷、紡織、室內設計裡 Pantone 都有提供多樣專業的色彩。然而日常在設計時一定會擔心顯色的色差問題,那要怎麼確保顏色印製出來沒有誤差,設計師這時就會使用 Pantone 色

這篇文章 印刷色碼轉換 – 利用 CMYK 色碼找出 Pantone 彩通接近色 最早出現於 鵠學苑

]]>
Google Analytics 事件設定 – 使用 WordPress 外掛加入事件追蹤碼 https://www.design-hu.com.tw/seo-tools/google-analytics/wp-ga-events-setting.html Sun, 08 Sep 2019 08:29:05 +0000 https://www.design-hu.com.tw/?p=24529 Google Analytics 事件設定運作原理就是在網站中將特定動作指定為事件,當符合事件觸發的條件時,就會在 GA 中顯示數據,只要安裝 WP Google Analytics Events 外掛,再將對應的參數填入,就能完成點擊事件追蹤的動作,讓網站中加入事件追蹤參數讓資料可以回傳到 GA

這篇文章 Google Analytics 事件設定 – 使用 WordPress 外掛加入事件追蹤碼 最早出現於 鵠學苑

]]>
Woocommerce 購物車教學 – 變更商品數量時自動更新總計金額 https://www.design-hu.com.tw/woocommerce/woocommerce-custom/auto-update-cart-qty-script.html Sun, 08 Sep 2019 06:58:36 +0000 https://www.design-hu.com.tw/?p=24484 Woocommerce 購物車教學 -  Woocommerce 購物車預設的操作方式中,如果增加或減少商品數量,必須要點選更新購物車按鈕才會重新計算商品總計金額,因此在本篇教學中,將分享一個簡單的 jQuery 函數,讓購物車中的商品數量變更時會同步更新總計金額。

這篇文章 Woocommerce 購物車教學 – 變更商品數量時自動更新總計金額 最早出現於 鵠學苑

]]>
Mac 圖片轉檔 – 設定 Mac 內建資料夾自動執行圖檔類型轉換 https://www.design-hu.com.tw/webmaster-toos/convert-image-in-mac-os-x.html Thu, 05 Sep 2019 12:01:30 +0000 https://www.design-hu.com.tw/?p=24478 Mac 圖片轉檔 - 你有發現嗎,我們使用截圖後所產生的圖檔為 PNG ,又稱可攜式網路圖像格式, PNG 是無失真壓縮使用非破壞性壓縮方式,相對來說檔案會比較大。JPG 是一種針對相片影像而廣泛使用的失真壓縮標準方法,也就是說他檔案會比較小,是網路上最普遍的被用來儲存和傳輸相片的格式。

這篇文章 Mac 圖片轉檔 – 設定 Mac 內建資料夾自動執行圖檔類型轉換 最早出現於 鵠學苑

]]>
Elementor 教學進階應用(五) – Saved Templates 與內建網頁版型 https://www.design-hu.com.tw/wordpress/elementor-teaching/elementor-saved-templates-2.html Thu, 05 Sep 2019 02:00:24 +0000 https://www.design-hu.com.tw/?p=24475 Elementor Templates 教學 - Saved Templates 是一項非常方便的功能,可以將已經製作過的網頁元素儲存成版型,當其它頁面需要同樣格式的元素時,就可以在版型庫中快速加入元素區段,讓所有頁面的同一區域具有相同的外觀樣式。另外,Elementor 版型庫分為主題建構器

這篇文章 Elementor 教學進階應用(五) – Saved Templates 與內建網頁版型 最早出現於 鵠學苑

]]>
Google Analytics 報表設定 – 六大報表製作方式與內容說明 https://www.design-hu.com.tw/seo-tools/google-analytics/ga-custom-report-settings.html Mon, 02 Sep 2019 09:50:09 +0000 https://www.design-hu.com.tw/?p=24329 Google Analytics 報表設定 對剛接觸 GA 新手而言,即使已經訂立了網站分析計畫,卻因不熟悉操作而無法精準呈現數據,因此在本篇教學中,將提供 6 種不同維度與指標的常用報表,同時也會介紹建立自訂報表與儲存報表的 2 種方法,只需要按照步驟設定,就能讓 GA 網站分析中較重要的數據先行呈現

這篇文章 Google Analytics 報表設定 – 六大報表製作方式與內容說明 最早出現於 鵠學苑

]]>
Google Analytics 資料檢視教學 – 目標設定、內容分組、篩選器及報表區隔 https://www.design-hu.com.tw/seo-tools/google-analytics/google-analytics-raw-date-setting.html Sun, 01 Sep 2019 16:38:54 +0000 https://www.design-hu.com.tw/?p=24325 Google Analytics 資料檢視教學 - 資料檢視是 GA 屬於第三層級的資料檢視中的設定方式,更是與資料分析策略的實際執行面息息相關,在資料檢視中有四個項目在設定報表內容上是必學項目,分別是目標、內容分組、篩選器以及區隔,,善用這四項功能讓報表分析過程更加有效率。以下先分別對這四項功能的定義做說明:

這篇文章 Google Analytics 資料檢視教學 – 目標設定、內容分組、篩選器及報表區隔 最早出現於 鵠學苑

]]>
Google Analytics 追蹤碼原理 – 網站資料分析與記錄運作方式介紹 https://www.design-hu.com.tw/seo-tools/google-analytics/ga-tracking-code-principle.html Sun, 01 Sep 2019 11:31:06 +0000 https://www.design-hu.com.tw/?p=24321 Google Analytics 追蹤碼原理 使用 GA 必須要在網站加入追蹤程式碼,才能夠讓資料顯示,因此在本篇教學中,將說明 GA 追蹤碼的基本運作原理,以及埋入 GA 追蹤碼的注意事項、資料傳輸流程與報表顯示等運作原理,讓想要學習 Google Analytics  的朋友能夠更好理解報表來源與顯示方式。

這篇文章 Google Analytics 追蹤碼原理 – 網站資料分析與記錄運作方式介紹 最早出現於 鵠學苑

]]>
Google Analytics 報表說明 – 目標對象、客戶開發、行為、轉換 https://www.design-hu.com.tw/seo-tools/google-analytics/google-analytics-report-introduction.html Sat, 31 Aug 2019 06:07:44 +0000 https://www.design-hu.com.tw/?p=24314 Google Analytics 報表說明 - 在 GA 中有著較為複雜的報表系統,對於初次接觸 GA 的新手而言,必須先從了解 GA 報表意義。在本篇教學中,將針對目標對象、客戶開發、行為、轉換等 4 個 GA 基礎報表做簡易介紹,另外也會在每一個小節中加入資料比對、維度與指標區間等操作方式。

這篇文章 Google Analytics 報表說明 – 目標對象、客戶開發、行為、轉換 最早出現於 鵠學苑

]]>
網頁字體工具 – 識字體網站介紹,線上以圖找出網頁使用字型 https://www.design-hu.com.tw/webmaster-toos/web-page-font-online-tool.html Wed, 28 Aug 2019 09:09:30 +0000 https://www.design-hu.com.tw/?p=23907 網頁字體工具 - 識字體網站介紹,身為設計的夥伴們一定會遇到一個問題就是,參考別人做的網站,發現有喜歡的特殊字體,想要知道那字體到底是什麼,這樣在做其他設計像是網頁平面定稿或者 Logo設計 時就可以派上用場,現在這發現了一個超級方便的搜字網站“識字體”,可以執行以圖搜字的功能,另外也可以搜尋不同語言的字體

這篇文章 網頁字體工具 – 識字體網站介紹,線上以圖找出網頁使用字型 最早出現於 鵠學苑

]]>
Imgbot 免費圖片工具 – 線上調整圖片大小、壓縮、裁切、加入浮水印 https://www.design-hu.com.tw/webmaster-toos/imgbot-online-image-tool.html Wed, 28 Aug 2019 06:00:03 +0000 https://www.design-hu.com.tw/?p=24205 Imgbot 免費圖片工具 是一款免安裝多功能工具,透過瀏覽器就可對圖片進行圖片調整大小、裁剪,壓縮圖像或在線為照片添加水印。批量處理圖像並以單個 ZIP 下載所有文件。一次上傳最多 100 張圖片,每個文件最多 25 MB 許多圖片壓縮工具就只有單一功能,很少同時有像是調整圖片尺寸、裁切、浮水印等常用工具

這篇文章 Imgbot 免費圖片工具 – 線上調整圖片大小、壓縮、裁切、加入浮水印 最早出現於 鵠學苑

]]>
Mac KeKa 壓縮程式 – 使用 Dock KeKa 圖示快速建立壓縮檔案 https://www.design-hu.com.tw/webmaster-toos/mac-keka-decompressor.html Mon, 26 Aug 2019 11:29:29 +0000 https://www.design-hu.com.tw/?p=24012 Mac KeKa 壓縮程式 這回要介紹的是 Keka macOS 壓縮軟體。Keka 主打無需打開 Keka 來壓縮檔案,只需加入 Dock 中,然後將檔案和資料夾拖放到 Dock 上的 Keka 圖示或 Keka 視窗即可快速的建立壓縮檔。可以在網頁底下看到 Keka 測試版可以使用到最新功能

這篇文章 Mac KeKa 壓縮程式 – 使用 Dock KeKa 圖示快速建立壓縮檔案 最早出現於 鵠學苑

]]>
Elementor 教學小工具應用(四) - 設定數值欄位自動抓取網站資料 https://www.design-hu.com.tw/wordpress/elementor-teaching/elementor-dynamic-content.html Mon, 26 Aug 2019 09:03:18 +0000 https://www.design-hu.com.tw/?p=24196 Elementor 動態欄位 是一項非常方便的功能,可以在文字、圖片、網址等架設網站時容易出現重複內容時,就可以將讓欄位內容與網站中具有的數值做串接,而不需要在每一個頁面逐一輸入內容。另外還有一項滿重要的功能,就是動態串接的內容是具有連動的效果,比如說當修改了網址時,頁面中有串接網址的欄位也會隨之變動

這篇文章 Elementor 教學小工具應用(四) - 設定數值欄位自動抓取網站資料 最早出現於 鵠學苑

]]>
WordPress 禁止顯示頁面 – 對管理員以外角色隱藏特定頁面 https://www.design-hu.com.tw/wordpress/wordpress-custom/wordpress-disable-page-appear.html Mon, 26 Aug 2019 09:02:52 +0000 https://www.design-hu.com.tw/?p=24193 當網站中具有多人共同編輯的情況下,為了防止其他具有編輯權限的工作同仁不小心修改到將已經建立好的網頁內容,除了安裝外掛來設定每一個身分更細的編輯項目外,也能以加入函數的方式將指定頁面隱藏起來。本篇文章分享的函數只需要將查詢到的頁面 ID 放入到指定位置,更新後就能夠生效,如果說只是單純想要隱藏頁面

這篇文章 WordPress 禁止顯示頁面 – 對管理員以外角色隱藏特定頁面 最早出現於 鵠學苑

]]>
Elementor 教學小工具應用(三) - 為網頁加入動態視覺效果 https://www.design-hu.com.tw/wordpress/elementor-teaching/elementor-widget-fade-type-effects.html Sun, 25 Aug 2019 15:00:31 +0000 https://www.design-hu.com.tw/?p=22944 Elementor 網頁動畫教學 - Elementor 小工具除了可以快速建構網頁元素外,也可以在樣式中設定動態視覺效果,比如當網站載入時讓網頁元素以不同方式進場,像是淡入淡出、滑動、旋轉等,可以讓網站不會顯得過於死板,在整體視覺上能更加生動,動態標題小工具,可以讓文字以打字的方式逐一出現

這篇文章 Elementor 教學小工具應用(三) - 為網頁加入動態視覺效果 最早出現於 鵠學苑

]]>
Astra 主題介紹 – 靈活設計與速度性能兼具的 WordPress 主題 https://www.design-hu.com.tw/wordpress/wordpress-themes/astra-theme-introduction.html Sat, 24 Aug 2019 02:24:56 +0000 https://www.design-hu.com.tw/?p=23218 Astra 主題介紹 鵠學苑之前推薦過許多 WorPress 主題,每一款主題都有自己的特色,Astra 主題 ,相較於其他主題而言在網站外觀樣式的建構上更能靈活運作,可以自己決定啟用/停用哪些功能以精簡網站載入時所要抓取的程式碼, Astra 相對於一些付費主題而言,在網站載入速度方面是有相當大的優勢。

這篇文章 Astra 主題介紹 – 靈活設計與速度性能兼具的 WordPress 主題 最早出現於 鵠學苑

]]>
GA 自訂流量來源,讓 Facebook Instant Articles 流量單獨顯示 https://www.design-hu.com.tw/seo-tools/google-analytics/ga-display-fbia-source-and-media.html Fri, 23 Aug 2019 02:26:45 +0000 https://www.design-hu.com.tw/?p=23972 GA 自訂流量來源 Instant Articles 有投放廣告的收益,那麼就需要透過數據分析工具來了解 Facebook 即時文章的成效,除了使用 Facebook 分析工具外,在 Google Analytics 中也可以查看社交網路的流量,只要從 Facebook 點擊所產生的工作階段,在維度中的來源

這篇文章 GA 自訂流量來源,讓 Facebook Instant Articles 流量單獨顯示 最早出現於 鵠學苑

]]>
Elementor 教學小工具應用(二)- 網站版面設計操作要領 https://www.design-hu.com.tw/wordpress/elementor-teaching/elementor-design-site-layout.html Wed, 21 Aug 2019 12:11:29 +0000 https://www.design-hu.com.tw/?p=23911 Elementor 版面教學 主要是說明使用 Elementor 設計網頁排版的基本方式,也就是在放入文字、圖片等小工具前,必須要先建立所謂的 " 容器 ",而  Elementor 容器分為兩種,最外層的 " 段 (section)" 以及分隔網頁元素的 " 欄(column) ",這兩種容器的操作方式是在設計網頁版面前需要先理解如何操作的,如果沒有先熟悉加入容器的方法,就無法合理安排網頁內容元元素樣式

這篇文章 Elementor 教學小工具應用(二)- 網站版面設計操作要領 最早出現於 鵠學苑

]]>
ColorZilla 色碼工具教學,Chrome 擴充程式抓取網頁特定顏色代碼 https://www.design-hu.com.tw/webmaster-toos/colorzilla-chrome-extensions.html Mon, 19 Aug 2019 11:11:14 +0000 https://www.design-hu.com.tw/?p=23909 ColorZilla 製圖軟體 ,在配色、抓色,都會用到類似 Photoshop 內的 "滴管" 來抓取此色塊色號,我們都知道程式內的滴管無法直接抓取網頁上的色塊,那在網頁上看到喜歡的配色、想知道色號套用在自己的圖或網站內你會怎麼做?有種方式是截圖下來後拉進你的做圖程式再用滴管抓色。那有沒有更方便的方法?有的,就是 ColorZilla。

這篇文章 ColorZilla 色碼工具教學,Chrome 擴充程式抓取網頁特定顏色代碼 最早出現於 鵠學苑

]]>
WordPress 文章摘要設定 – 使用函數設定不同文章類型的摘要長度 https://www.design-hu.com.tw/wordpress/wordpress-custom/function-post-excerpt-length.html Tue, 13 Aug 2019 11:11:41 +0000 https://www.design-hu.com.tw/?p=23913 WordPress 文章摘要設定 當每一篇文章第一個段落字數不同時,在分類或標籤的彙整頁面就不會顯示的整齊一致,相當不美觀。如果說網站中有自定義的文章類型,摘要的長度更是難以控制,本篇教學將分享兩段簡單的程式碼,只需修改定義好的摘要長度數值,就能設定不同類型的文章所顯示的摘要長度

這篇文章 WordPress 文章摘要設定 – 使用函數設定不同文章類型的摘要長度 最早出現於 鵠學苑

]]>
Mac eZip 解壓縮程式 – 支援 iOS 解壓縮 RAR 格式檔案操作教學 https://www.design-hu.com.tw/webmaster-toos/mac-ezip-ios.html Tue, 13 Aug 2019 08:19:26 +0000 https://www.design-hu.com.tw/?p=23748 Mac eZip 解壓縮程式 - Mac 內建的解壓縮只能夠解 .zip 而壓縮也只能壓縮格式成 .zip ,但實際上壓縮檔不只 .zip 還有許多不同種類,在windows 系統上面以 .rar 為主檔案互傳的情況下,勢必需要一個支援多種壓縮格式軟體,此篇先介紹一個 eZip 在 Mac 上使用的解壓縮程式。

這篇文章 Mac eZip 解壓縮程式 – 支援 iOS 解壓縮 RAR 格式檔案操作教學 最早出現於 鵠學苑

]]>
Chrome 遠端桌面教學 – 即時操作電腦畫面安裝與使用步驟介紹 https://www.design-hu.com.tw/webmaster-toos/chrome-remote-desktop.html Mon, 12 Aug 2019 01:12:28 +0000 https://www.design-hu.com.tw/?p=23660 Chrome 遠端桌面教學 用遠端操控電腦相信很多人並不陌生,舉凡 TeamViewer、AnyDesk 應該都聽過或使用過,Chrome 出了一款擴充工具名為『Chrome遠端桌面』,若是你不需要太多複雜功能的話只是想要遠端操作,不如試試看這款 Chrome 遠端桌面。Chrome 有兩大功能分別為遠端存取

這篇文章 Chrome 遠端桌面教學 – 即時操作電腦畫面安裝與使用步驟介紹 最早出現於 鵠學苑

]]>
Freepik 免費網頁素材 – 分享適合平面設計運用的免費圖形資源網站 https://www.design-hu.com.tw/webmaster-toos/f-reepik-free-image.html Wed, 07 Aug 2019 11:29:20 +0000 https://www.design-hu.com.tw/?p=23752 Freepik 免費網頁素材 - 透過 Freepik 的平台,就能收錄許多網頁的素材,甚至還提供未合併的原始檔,更方便於下載後自行修改與組合,而這個平台裡面共收錄了 100 多萬個免費素材,甚至還可自行搜尋所需的素材關鍵字外,還可設定素材的類型,像是要向量、PSD 還是圖片

這篇文章 Freepik 免費網頁素材 – 分享適合平面設計運用的免費圖形資源網站 最早出現於 鵠學苑

]]>
WordPress 自訂媒體庫,使用函數限制文章特色圖片最小寬度及高度 https://www.design-hu.com.tw/wordpress/custom-featured-image-width-and-height.html Tue, 06 Aug 2019 13:01:55 +0000 https://www.design-hu.com.tw/?p=23756 WordPress 自訂媒體庫 在本篇教學中所要分享的是使用函數來限制上傳圖片大小,目的是讓網站中顯示的圖片具有同樣的尺寸比例,統一圖片顯示樣式,尤其是網站具有不同的內容編輯人員時,能有效避免非網站技術人員隨意上傳不符合標準的圖片,當然同樣也是給編輯們的提示,必須要合乎圖片尺寸規範,才能完成上傳圖片的動作。

這篇文章 WordPress 自訂媒體庫,使用函數限制文章特色圖片最小寬度及高度 最早出現於 鵠學苑

]]>
Elementor 教學小工具應用(一) - 標題文字與圖片影音設定方式 https://www.design-hu.com.tw/wordpress/elementor-teaching/elementor-title-image-video.html Mon, 05 Aug 2019 08:15:28 +0000 https://www.design-hu.com.tw/?p=23744 Elementor 小工具教學 在這篇文章中將說明如何使用 Elementor 為網頁加入標題、圖片以及影片,Elementor 是一套網站前端視覺編輯器,裡面具有許多已經完成程式碼建構的 widget (小工具) ,只需要在網頁模板上建立網頁區塊,再將小工具以拖曳的方式加入到網頁中,就能完成網頁編輯的動作

這篇文章 Elementor 教學小工具應用(一) - 標題文字與圖片影音設定方式 最早出現於 鵠學苑

]]>
Google Ads 教學 (五) – 轉換追蹤客戶行為,暸解廣告成效細節 https://www.design-hu.com.tw/seo-tools/google-ads/conversion-tracking-customer-behavior.html Wed, 24 Jul 2019 01:16:28 +0000 https://www.design-hu.com.tw/?p=23411 Google Ads 教學 - 轉換追蹤 , 在投放廣告後,接下來要做的事情就是埋下廣告追蹤程式碼,這個步驟非常重要,沒有埋下追蹤程式碼,只能知道一小部分的數據,例如曝光次數有多少、點擊次數有多少…等,但更深入的後續行為以及產生的價值卻無從得知,因此在網站內埋下追蹤程式碼後,便可持續追蹤當顧客點擊廣告

這篇文章 Google Ads 教學 (五) – 轉換追蹤客戶行為,暸解廣告成效細節 最早出現於 鵠學苑

]]>
Chrome 瀏覽器線上 office 編輯工具介紹,免下載、離線也能編輯 https://www.design-hu.com.tw/webmaster-toos/chrome-office-tools.html Wed, 24 Jul 2019 01:11:21 +0000 https://www.design-hu.com.tw/?p=23658 Chrome Office 對於有在使用雲端的人為求方便,會將文件登打在 Google 所推出的線上 Office,再將連結直接分享給對方,那有時候沒有網路的狀況下會將文件打在電腦裡的 Office 內有網路時再將文件上傳至雲端,本文介紹的工具可以讓你直接在瀏覽器上離線使用 Office 編輯、瀏覽,文件編輯

這篇文章 Chrome 瀏覽器線上 office 編輯工具介紹,免下載、離線也能編輯 最早出現於 鵠學苑

]]>
WordPress 客製後台 – 變更不同狀態下文章列表欄位背景色 https://www.design-hu.com.tw/wordpress/wordpress-custom/custom-wordpress-post-list.html Tue, 23 Jul 2019 06:32:28 +0000 https://www.design-hu.com.tw/?p=23639 WordPress 客製後台 與網站前端其實沒有關係,而是為了變更 WordPress 預設的功能及樣式,讓管理員能在編輯網站時能以更有效率的方式來操作,而本篇教學要說明的就是以加入 function 函數的方式,來改變 WordPress 文章列表中不同狀態欄位的顏色,為的是讓管理員在編輯文章時能更快速辨識

這篇文章 WordPress 客製後台 – 變更不同狀態下文章列表欄位背景色 最早出現於 鵠學苑

]]>
WooCommerce 自訂郵件樣式 – YITH Email Templates 外掛教學 https://www.design-hu.com.tw/woocommerce/woocommerce-plugins/woocommerce-custom-mail-style.html Sun, 21 Jul 2019 17:59:49 +0000 https://www.design-hu.com.tw/?p=23572 WooCommerce 自訂郵件樣式 主要是對內建電子郵件模板外觀做修改,無論是新註冊、新訂單、更換密碼等通知信的郵件內容樣式,都能使用 YITH WooCommerce Email Templates 外掛來做編輯與更動,除了樣式外,也可以在電子郵件模板中加入社群媒體連結(FB 粉絲團、Youtube

這篇文章 WooCommerce 自訂郵件樣式 – YITH Email Templates 外掛教學 最早出現於 鵠學苑

]]>
Contact Form 7 加入顯示條件,Conditional Fields 外掛教學說明 https://www.design-hu.com.tw/wordpress/wordpress-plugin/contact-form-7-conditional-fields.html Sun, 21 Jul 2019 17:21:08 +0000 https://www.design-hu.com.tw/?p=23576 Contact Form 7 加入顯示條件 主要是使用 Conditional Fields 外掛功能,為聯絡表單加入 group 群組,透過群組顯示條件公式的設定,讓每一個群組都能依據使用者選擇的項目來顯示不同的選項,讓聯絡表單欄位可以有更多變化性,更能製作出具有實用性的統計問答欄位,讓每一份提交的表單更具有

這篇文章 Contact Form 7 加入顯示條件,Conditional Fields 外掛教學說明 最早出現於 鵠學苑

]]>
WordPress 特色影片 – Featured Video 讓文章顯示影片縮圖與連結 https://www.design-hu.com.tw/wordpress/wordpress-plugin/wordpress-featured-video.html Sun, 21 Jul 2019 14:03:39 +0000 https://www.design-hu.com.tw/?p=23578 WordPress 特色影片 當網站內容以影片呈現能讓瀏覽者更易懂,或者希望在文章列表上直接顯示 Youtube 頻道影片縮圖時,就可以安裝本篇教學介紹的 Featured Video Plus 外掛來將文章特色圖片替換成影片,可以使用媒體庫上傳影片的方式,也可以直接複製 Youtube 影片連結來加入影片

這篇文章 WordPress 特色影片 – Featured Video 讓文章顯示影片縮圖與連結 最早出現於 鵠學苑

]]>
Window Resizer 工具介紹 – 縮放瀏覽器視窗比例檢查網頁排版 https://www.design-hu.com.tw/webmaster-toos/window-resizer-tool-introduce.html Thu, 18 Jul 2019 02:05:23 +0000 https://www.design-hu.com.tw/?p=23542 Window Resizer 工具介紹 若需要在不同尺寸螢幕上檢視網頁的排版,手邊又沒有那麼多的不同尺寸螢幕的裝置,又不太理解如何調解析度時,就可以使用本篇教學推薦的工具:Window Resizer ,這是可以在 Google Chrome 瀏覽器安裝的擴充功能,最主要是可以模擬不同解析度的視窗尺寸

這篇文章 Window Resizer 工具介紹 – 縮放瀏覽器視窗比例檢查網頁排版 最早出現於 鵠學苑

]]>
WordPress 自訂後台 – 使用 jQuery 限制頁面、文章標題字數 https://www.design-hu.com.tw/wordpress/wordpress-custom/wordpress-title-count-js.html Tue, 16 Jul 2019 11:13:36 +0000 https://www.design-hu.com.tw/?p=23544 WordPress 自訂後台 限制字數功能主要用於當網站具有多人編輯時,可以讓每一位作者在決定標題內容時不會寫的過於冗長,另一方面標題字數也會影響到網站前台顯示文章列表時的樣式、對齊、高低等,也不再需要人工計算字數,加入 jQuery 後會自動顯示當前標題字數。

這篇文章 WordPress 自訂後台 – 使用 jQuery 限制頁面、文章標題字數 最早出現於 鵠學苑

]]>
網頁素材分享 – 可商用免費下載 icon 圖示,IconStore 網站介紹 https://www.design-hu.com.tw/webmaster-toos/iconstore-free-download-share.html Mon, 15 Jul 2019 11:06:51 +0000 https://www.design-hu.com.tw/?p=23503 網頁素材分享 - 具有美感及意義的 Icon 是需要花時間構思及設計的,現在也有許多免費 Icon分享網站能直接使用,但是能免費使用的 Icon 視覺品質卻是參差不齊,有的也無法商用,今天鵠學苑要來介紹 Icon 免費下載 IconStore 網站,裡面所有的 Icon 是設計師繪製,所以視覺品質非常好

這篇文章 網頁素材分享 – 可商用免費下載 icon 圖示,IconStore 網站介紹 最早出現於 鵠學苑

]]>
Fontface Ninja 介紹 – Chrome 快速查看網頁字體與字型大小樣式 https://www.design-hu.com.tw/webmaster-toos/chrome-fontface-ninja-introduction.html Fri, 12 Jul 2019 11:54:15 +0000 https://www.design-hu.com.tw/?p=23501 Fontface Ninja 介紹 不知道你曾經有沒有過經驗,在網頁瀏覽時看到不錯的字體又苦於不知道要如何去下載、購買或查詢字型,有經驗的使用者會透過網站原始碼方式來找尋字型,或從CSS檔裡來挖掘使用的的是哪種字型組合,那對於沒有概念的使用者就讓我們來為你介紹好用的網頁字體查詢工具。

這篇文章 Fontface Ninja 介紹 – Chrome 快速查看網頁字體與字型大小樣式 最早出現於 鵠學苑

]]>
WordPress shortcode 函式教學 – 建立自定義短碼顯示文字及圖片 https://www.design-hu.com.tw/wordpress/wordpress-custom/add-shortcode-funtion.html Wed, 10 Jul 2019 12:13:18 +0000 https://www.design-hu.com.tw/?p=23491 WordPress shortcode 在網頁設計時是非常彈性的功能,當需要在特定位置加入內容,卻受限於網站主題框架無法以內建編輯器或區塊小工具完成時,就可以選擇創建 shortcode 函式定義想要顯示的內容,只要在 HTML 區塊中加入 shortcode ,就能夠在不支援編輯的位置顯示特定文字或圖片,

這篇文章 WordPress shortcode 函式教學 – 建立自定義短碼顯示文字及圖片 最早出現於 鵠學苑

]]>
WooCommerce 商品設定 – 資料欄位說明與可變商品建立 https://www.design-hu.com.tw/woocommerce/woocommerce-indro/single-and-variable-products.html Sun, 07 Jul 2019 18:57:34 +0000 https://www.design-hu.com.tw/?p=23465 WooCommerce 商品設定 是建立商品時必須先了解的基本知識,必須要能夠正確設定商品內容,才能保證電商網站在商品銷售流程上的順暢度,另外提供詳細的商品資訊,也能增加消費者購買意願。本篇教學中將說明如何對單一商品做基本設定,以及對具有不同類型的可變化商品中屬性欄位的設定方式

這篇文章 WooCommerce 商品設定 – 資料欄位說明與可變商品建立 最早出現於 鵠學苑

]]>
ScreenTray 截圖工具 – 比作業系統內建截圖更有效率的截圖神器 https://www.design-hu.com.tw/webmaster-toos/screentray-screenshot-tool.html Sun, 07 Jul 2019 16:51:15 +0000 https://www.design-hu.com.tw/?p=23407 ScreenTray 截圖工具 - 前面文章有介紹到 Mac 內建截圖以及預覽程式的編輯圖片,但其實有時候會覺得小不便的是我打一份文件需要用到截圖裡面的註解實在太多了,所以我截完圖之後又要去桌面或資料夾打開螢幕快照編輯,圖片一多這樣一來一往會花費不少的時間在上面。

這篇文章 ScreenTray 截圖工具 – 比作業系統內建截圖更有效率的截圖神器 最早出現於 鵠學苑

]]>
網頁設計配色分享介紹(一)- LOL Color 與 NIPPON COLORS https://www.design-hu.com.tw/wordpress/wordpress-tools/web-design-color-matching.html Thu, 04 Jul 2019 10:53:47 +0000 https://www.design-hu.com.tw/?p=23397 網頁設計配色 設計網頁的時候,你是否常常因為網頁配色的緣故而被退稿?或是沒有色彩設計靈感,絞盡腦汁後配色結果也非常奇怪呢?色彩對於CIS企業識別、Logo設計與網站設計來說,是非常重要的一項工作,關乎整體視覺帶給觀賞者的感受,一不小心色彩沒搭配好,再精心的設計一瞬間也會從大師美感變成可怕的長輩圖

這篇文章 網頁設計配色分享介紹(一)- LOL Color 與 NIPPON COLORS 最早出現於 鵠學苑

]]>
WooCommerce 商品描述標題修改,加入函數快速變更描述區域標題文字 https://www.design-hu.com.tw/woocommerce/woocommerce-custom/product-description-modification.html Mon, 01 Jul 2019 15:45:07 +0000 https://www.design-hu.com.tw/?p=23216 WooCommerce 商品描述標題修改 方法有很多種,包含使用 CSS :before 偽元素來取代文字,或者是使用 Loco Translate 網站翻譯外掛來將預設的英文翻譯為中文等,而在本篇教學中將以加入函數的方式,直接將 dh_rename_description_product_tab_label

這篇文章 WooCommerce 商品描述標題修改,加入函數快速變更描述區域標題文字 最早出現於 鵠學苑

]]>
Mac 預覽程式介紹 – PDF註解、簽名、新增頁面及GIF應用 https://www.design-hu.com.tw/webmaster-toos/introduction-to-the-mac-previewer-pdf-gif.html Sun, 30 Jun 2019 14:04:28 +0000 https://www.design-hu.com.tw/?p=23321 Mac 預覽程式介紹 目前的 Mac 預覽程式可以支援 TIFF、PNG、JPEG、 GIF、BMP、PDF等的瀏覽與編輯,而單純預覽上也可以支援圖像處理軟體、文書處理軟體所產生的特殊檔案格式,只要對著檔案按下空白鍵就可以預覽,按ESC即可關閉。Gif 檔是個很有趣的例子,你對gif檔按下空白鍵即是播放

這篇文章 Mac 預覽程式介紹 – PDF註解、簽名、新增頁面及GIF應用 最早出現於 鵠學苑

]]>
網頁視覺設計 – 以貝茲曲線網站 10 種字母測驗圓弧圖是否完美 https://www.design-hu.com.tw/webmaster-toos/web-visual-design-bates-curve-test.html Sun, 30 Jun 2019 13:39:16 +0000 https://www.design-hu.com.tw/?p=23323 網頁視覺設計 - 你的貝茲曲線畫得漂亮嗎?是否每次在設計圓弧圖形時總覺得弧線看起來非常奇怪呢?身為設計師,作圖時一定都會使用貝茲曲線,貝茲曲線是作圖的基礎,不論是平面設計、 Logo 、插畫或是字體設計都會需要用到。若想要在網站中加入裝飾元素或是設計背景豐富網站的整體品牌視覺

這篇文章 網頁視覺設計 – 以貝茲曲線網站 10 種字母測驗圓弧圖是否完美 最早出現於 鵠學苑

]]>
WooCommerce 頁面設定教學 – 結帳端點、帳號端點、關閉通知 https://www.design-hu.com.tw/woocommerce/woocommerce-indro/checkout-account-page-setup-and-close-notice.html Sun, 30 Jun 2019 11:02:52 +0000 https://www.design-hu.com.tw/?p=23325 WooCommerce 頁面設定教學 - 如果說網站主題有支援 WooCommerce 外掛功能,在安裝 WooCommerce 後會自動在頁面中建立與 WooCommerce 相關的頁面,比如商品彙整頁、購物車、結帳、訂單、帳戶等,在本篇教學將說明 WooCommerce 進階中的頁面設定,可以將購物車

這篇文章 WooCommerce 頁面設定教學 – 結帳端點、帳號端點、關閉通知 最早出現於 鵠學苑

]]>
WooCommerce 帳戶設定 – 加入函數讓使用者登出後導向指定頁面 https://www.design-hu.com.tw/woocommerce/woocommerce-custom/log-out-redirect-to-specified-page.html Sun, 30 Jun 2019 09:29:50 +0000 https://www.design-hu.com.tw/?p=23338 WooCommerce 帳戶設定 原本的重新導向是將使用者跳轉至登入頁面,如果説在使用者操作登出後,可以跳轉回首頁、感謝頁、電子報訂閱、折扣優惠頁等,會比較容易提升訪客在網站中做更多資訊瀏覽或者下單購買的機會。在本篇教學中,將說明如何運用簡單的函數來修改 WordPress 預設的重新導向方式

這篇文章 WooCommerce 帳戶設定 – 加入函數讓使用者登出後導向指定頁面 最早出現於 鵠學苑

]]>
WooCommerce 結帳設定 – 加入函數限制訂單結帳最低購買金額 https://www.design-hu.com.tw/woocommerce/woocommerce-custom/limit-the-minimum-amount-of-checkout.html Mon, 24 Jun 2019 12:59:58 +0000 https://www.design-hu.com.tw/?p=23204 WooCommerce 結帳設定 在預設外掛設定中並沒有太多選項可以來客製化結帳流程,尤其像是限制結帳金額定制購買條件的需求。在本篇教學中將說明如何在 WordPress 子主題中加入 WooCommerce 函數,只需修改 $minimum 的數值,就能達到限制顧客最低結帳金額的效果,讓網站能運作不同銷售策略

這篇文章 WooCommerce 結帳設定 – 加入函數限制訂單結帳最低購買金額 最早出現於 鵠學苑

]]>
Google Ads 教學 (四) – 製作廣告項目,關鍵字廣告建置設定 https://www.design-hu.com.tw/seo-tools/google-ads/create-an-google-advertising-project.html Fri, 21 Jun 2019 02:29:06 +0000 https://www.design-hu.com.tw/?p=23211 Google Ads 教學 (四) - 製作廣告項目 完成了廣告群組設定後,接下來下一個流程就是 " 製作廣告 ",這邊主要就是在設置實際瀏覽者看到廣告時出現的樣式及資訊,這部分也是前篇 Google Ads 教學(二) – 廣告活動設定欄位說明 內的廣告輪播設定標的。在本篇教學中將說明關鍵字廣告

這篇文章 Google Ads 教學 (四) – 製作廣告項目,關鍵字廣告建置設定 最早出現於 鵠學苑

]]>
Mac 預覽程式教學 – 圖片去背、裁切、轉檔及修改註解 https://www.design-hu.com.tw/webmaster-toos/mac-preview-program-teaching.html Tue, 18 Jun 2019 12:38:01 +0000 https://www.design-hu.com.tw/?p=23209 Mac 預覽程式教學 將分成兩篇來介紹,本次教學文章中主要介紹修改圖片,像是使用完內建截圖功能後要加上文字、利用框線或手繪標示重點、進行縮圖,或者要將圖片修改為透明背景、大小裁切,通通在預覽程式裡就可以完成,在接下來的文章內容會仔細地跟各位說明,只需按照步驟做,相信很快就能上手,而且也會發現更多 Mac 使用的小訣竅喔!

這篇文章 Mac 預覽程式教學 – 圖片去背、裁切、轉檔及修改註解 最早出現於 鵠學苑

]]>
WooCommerce 購物車設定 – 符合訂單金額加入其它商品至購物車 https://www.design-hu.com.tw/woocommerce/woocommerce-custom/woocommerce-shopping-cart-settings.html Mon, 17 Jun 2019 07:47:06 +0000 https://www.design-hu.com.tw/?p=23214 WooCommerce 購物車設定 是可以透過加入 php 函數的方式,來變更顧客在結帳時可觸發的事件,在本篇教學中,將會說明如何在網站子主題中加入自訂函數,當顧客購買的訂單金額符合我們的期望值時,自動加入另一項商品至購物車中,而這個函數的功能在實務上常應用在 " 滿額贈禮 "

這篇文章 WooCommerce 購物車設定 – 符合訂單金額加入其它商品至購物車 最早出現於 鵠學苑

]]>
WooCommerce 新增訂單狀態外掛教學,提升訂單管理效率 https://www.design-hu.com.tw/woocommerce/woocommerce-plugins/woocommerce-custom-order-statuses.html Sun, 16 Jun 2019 07:19:24 +0000 https://www.design-hu.com.tw/?p=23075 WooCommerce 新增訂單狀態 可以透過 Custom Order Status 外掛來增加功能,除了自訂新的訂單狀態外,也可以將不同的付款方式所產生的訂單歸類到 WooCommerce 既有的訂單狀態,讓電商網站在處理商品銷售動作上更有效率。由於每個網站所需要的狀態不同,本次教學中只會對免費版外掛

這篇文章 WooCommerce 新增訂單狀態外掛教學,提升訂單管理效率 最早出現於 鵠學苑

]]>
WooCommerce 免運費設定 – Advanced Free Shipping 外掛教學 https://www.design-hu.com.tw/woocommerce/woocommerce-plugins/woocommerce-free-shipping-plugin.html Fri, 14 Jun 2019 13:07:47 +0000 https://www.design-hu.com.tw/?p=23153 WooCommerce 免運費 在 WooCommerce 預設的運費選項中可以啟用免費運送的,但在購物車以及結帳畫面中,當顧客達到免運條件時,卻不會隱藏其它運送選項,而是多出免費運送的項目讓顧客在結帳時自行點選,本次教學中要跟大家分享使用 Advanced Free Shipping 外掛來做結帳流程優化

這篇文章 WooCommerce 免運費設定 – Advanced Free Shipping 外掛教學 最早出現於 鵠學苑

]]>
Mac 截圖教學 – 螢幕快照內建基本設定與操作示範圖解 https://www.design-hu.com.tw/webmaster-toos/mac-screenshot-teaching.html Thu, 13 Jun 2019 09:28:12 +0000 https://www.design-hu.com.tw/?p=23120 Mac 截圖教學 - 內建的擷取螢幕畫面是出了名的好用快速,利用快捷鍵很快地將需要的照片截圖到桌面上,但是有很多不同的截圖方式就有不同的快捷鍵,很難一個一個的背下來。下面會介紹 3 個螢幕快照主要設定方式以及 8 種 Mac 截圖快捷鍵、截圖存在哪、截圖圖檔格式變更以及預設檔名變換,收藏此篇文章再也不怕忘記~

這篇文章 Mac 截圖教學 – 螢幕快照內建基本設定與操作示範圖解 最早出現於 鵠學苑

]]>
Google Ads 教學 (三) – 廣告群組設定,廣告群組類型說明與介紹 https://www.design-hu.com.tw/seo-tools/google-ad-group-setting.html Tue, 11 Jun 2019 03:16:08 +0000 https://www.design-hu.com.tw/?p=23067 廣告群組設定 - 完成了廣告活動設定後,本篇要來介紹廣告群組,這邊的操作很簡單,但卻是直接跟廣告設置有非常大的關係。在一開始我們必須先選擇廣告群組類型,主要區分為標準及動態兩種,這兩種都可建立多組廣告群組,以鵠崙設計來說,就可創建:網頁設計 or 品牌規劃 or 數位行銷 or 商業攝影 4 種廣告群組作為主

這篇文章 Google Ads 教學 (三) – 廣告群組設定,廣告群組類型說明與介紹 最早出現於 鵠學苑

]]>
WooCommerce 加入購物車功能 – 使用函數自訂按鈕文字內容 https://www.design-hu.com.tw/woocommerce/woocommerce-custom/woocommerce-custom-button-text.html Mon, 10 Jun 2019 12:21:16 +0000 https://www.design-hu.com.tw/?p=23051 WooCommerce 加入購物車功能 本篇教學中,將以 php 函數 add_filiter 配合 return 以及 switch 來執行修改購物車按鈕文字的動作,如果對 WooCommerce 所定義的 hook 夠熟悉,也可以將這兩段函數運用在其他需要修改文字的地方,比如説加入會員、註冊按鈕等

這篇文章 WooCommerce 加入購物車功能 – 使用函數自訂按鈕文字內容 最早出現於 鵠學苑

]]>