ColorZilla 色碼工具教學,Chrome 擴充程式抓取網頁特定顏色代碼
ColorZilla 製圖軟體 ,在配色、抓色,都會用到類似 Photoshop 內的 “滴管” 來抓取此色塊色號,我們都知道程式內的滴管無法直接抓取網頁上的色塊,那在網頁上看到喜歡的配色、想知道色號套用在自己的圖或網站內你會怎麼做?有種方式是截圖下來後拉進你的做圖程式再用滴管抓色。那有沒有更方便的方法?有的,就是 ColorZilla。
鵠學苑 中有各種不同面向的 WordPress x WooCommerce 推薦教學文章,不需任何費用就能學習 WordPress x WooCommerce 網頁設計相關資源,完善的 WordPress x WooCommerce 教學課程系統 ,詳細的 WordPress x WooCommerce 架站教學流程,自架站 WordPress.org 教學知識,適合自架站族群了解更多 WordPress.org 教學知識,期許能達到分享與回饋雙贏的效果。Woocmmerce 是 WordPress 架設電商網站不可或缺的重要外掛,也是許多站長們容易發生問題的部分,在鵠學苑中特別對 WooCommerce 操作與設定做系統講解,更會不定期分享客製化 WooCommerce 的方法,讓網路銷售工作變得更輕鬆簡單!
在網路行銷工具方面也有整套 SEO 工具系列教學,包含現下企業最常使用的 Google Search Console 及 Google Google Analytics ,透過學習數據報表與搜尋引擎運作原理,讓網站藉由更高的曝光量發揮更大的產值回饋。我們是由一群熱愛 WordPress x WooCommerce 網站架設的同好所組成的團隊,希望可以將這套 頂尖的 CMS 管理系統推廣給想要架站的朋友們,並且能夠在過程中互相交流心得,讓網站架設過程變得更有效率!
ColorZilla 製圖軟體 ,在配色、抓色,都會用到類似 Photoshop 內的 “滴管” 來抓取此色塊色號,我們都知道程式內的滴管無法直接抓取網頁上的色塊,那在網頁上看到喜歡的配色、想知道色號套用在自己的圖或網站內你會怎麼做?有種方式是截圖下來後拉進你的做圖程式再用滴管抓色。那有沒有更方便的方法?有的,就是 ColorZilla。
WooCommerce 自訂函數 有很多種寫法,不同的狀況下可以衍生出更為快捷的建構方式,因此在這一次教學中鵠學苑將提供兩種不同的 funtion 給大家做參照,在學習 funtion 函數前,請確保本身對 HTML 寫法與架構有一定的了解,比如基本的 h1 標題標記、p 段落標記、img src=””
不知道大家有沒有遇過需要下載一個網頁的所有照片,像我們鵠崙設計在替廠商上架光網資料時,時常會需要到就官網撈以前的資料,在使用 One Click Image Downloader 之前可能需要花費一段時間去下載照片,接下來就讓我們來看看 One Click Image Downloader 可以如何幫助我們提升工作效率吧!
GA(Google Analytics)Google分析就是一個整合平台,他提供的功能非常的強大光是免費的功能基本上就涵蓋了大多數人的需求所以它在台灣的普及率非常的高。單單這樣說它是一個數位廣告整合平台好像還是很抽象所以我還是舉幾個例子:鵠學苑有關於Ads的教學, GA 就可以幫你整合裡面的數據且進行分析。
你是不是很困擾每次在做PPT都只能附帶的那些常見形狀呢?今天要介紹大家一個製作不規則色塊的網站,Blobmaker是一個可以讓你用拖拉的方式即可製作自己喜的不規則形狀的網站,還可以依據色碼還更改色塊顏色,製作屬於你的不規則多邊形色塊!接下來就跟著鵠學苑的腳步,我們一起學習吧!
當網站中具有多人共同編輯的情況下,為了防止其他具有編輯權限的工作同仁不小心修改到將已經建立好的網頁內容,除了安裝外掛來設定每一個身分更細的編輯項目外,也能以加入函數的方式將指定頁面隱藏起來。本篇文章分享的函數只需要將查詢到的頁面 ID 放入到指定位置,更新後就能夠生效,如果說只是單純想要隱藏頁面
crocoblock教學,本外掛是一款Elementor Add-Ons的第三方外掛,crocoblock公司提供了20種外掛的統整,包含了各種常用功能,其中有兩種可以免費使用,其他也可以依照需求購買或是訂閱/買斷,本文章將介紹幾種特色功能,接下來跟著鵠學院的腳步,讓我們開始學習吧!
在 TinyPNG 線上網頁圖片壓縮 – 照片壓縮不失真 – png壓縮工具 這篇教學文章中跟大家介紹過 TinyPNG 這個可以壓縮圖片的實用工具,其中也有解釋如何申請 API Key 及壓縮圖片限制等問題
網頁字體工具 – 識字體網站介紹,身為設計的夥伴們一定會遇到一個問題就是,參考別人做的網站,發現有喜歡的特殊字體,想要知道那字體到底是什麼,這樣在做其他設計像是網頁平面定稿或者 Logo設計 時就可以派上用場,現在這發現了一個超級方便的搜字網站“識字體”,可以執行以圖搜字的功能,另外也可以搜尋不同語言的字體
Google Analytics 資料檢視教學 – 資料檢視是 GA 屬於第三層級的資料檢視中的設定方式,更是與資料分析策略的實際執行面息息相關,在資料檢視中有四個項目在設定報表內容上是必學項目,分別是目標、內容分組、篩選器以及區隔,,善用這四項功能讓報表分析過程更加有效率。以下先分別對這四項功能的定義做說明:
我們學習了很多關於GA的知識和操作方式,接下來在給大家一些建議,讓大家利用GA優化自己家的網站達成 提高轉換率 的目的!今天還會在簡單的和大家介紹一些產品定位的問題,畢竟GA不是萬能的還是需要透過其他方法提高競爭力也讓你的網站可以的增加曝光量!
WooCommerce 頁面設定教學 – 如果說網站主題有支援 WooCommerce 外掛功能,在安裝 WooCommerce 後會自動在頁面中建立與 WooCommerce 相關的頁面,比如商品彙整頁、購物車、結帳、訂單、帳戶等,在本篇教學將說明 WooCommerce 進階中的頁面設定,可以將購物車
免費影片素材分享 企業網站百百種,要打造一個真正符合自身品牌形象又能留住視覺的網站可不容易,很多網站靠著首頁最上面的大圖輪播展現自家的形象或是最新消息等,但有時光靠圖片也很難成為吸引的主力,那麼,企業形象的首頁 Banner 除了輪播之外,有沒有其他方式能夠展現更完整的品牌形象,讓人進入網站後就能馬上吸引目光
WordPress 特色影片 當網站內容以影片呈現能讓瀏覽者更易懂,或者希望在文章列表上直接顯示 Youtube 頻道影片縮圖時,就可以安裝本篇教學介紹的 Featured Video Plus 外掛來將文章特色圖片替換成影片,可以使用媒體庫上傳影片的方式,也可以直接複製 Youtube 影片連結來加入影片
Window Resizer 工具介紹 若需要在不同尺寸螢幕上檢視網頁的排版,手邊又沒有那麼多的不同尺寸螢幕的裝置,又不太理解如何調解析度時,就可以使用本篇教學推薦的工具:Window Resizer ,這是可以在 Google Chrome 瀏覽器安裝的擴充功能,最主要是可以模擬不同解析度的視窗尺寸
在網站架設完成運行一段時間之後,隨著網站的內容增加,訪客人數增加讓流量變高,或者商品變的多元性等等因素,漸漸的會導致網站載入速度變慢,原本的伺服器主機不堪負荷;也有可能遇到的狀況是原本網站的主機商提高了租用價位,導致網站營運的成本變高;又或者上網爬文看到某某大型網站的網站空間較大價格也比較優惠等等諸如此類的狀況,都會讓我們想要將網站做 “搬家”的動作。
Gallerix 是俄羅斯線上博物館,創立目的是希望能向普通民眾普及繪畫藝術,能讓那些沒有機會參觀博物館的人們在線上便可以觀看藝術作品,目前 Gallerix 上收錄了像是達文西、梵谷、米勒等33,313位藝術家的作品,包含172,725幅名畫,除了觀賞以外還能免費下載高畫質/解析度的圖片。跟著鵠學苑一起學習~
Contact Form 7 加入顯示條件 主要是使用 Conditional Fields 外掛功能,為聯絡表單加入 group 群組,透過群組顯示條件公式的設定,讓每一個群組都能依據使用者選擇的項目來顯示不同的選項,讓聯絡表單欄位可以有更多變化性,更能製作出具有實用性的統計問答欄位,讓每一份提交的表單更具有
WooCommerce 教學(付款、帳號) 就台灣電商而言主要設定項目有付款方式,分為銀行轉帳、支票付款、貨到付款 ,在沒有要客制付款方式的情況下,通常都是以銀行轉賬為主要付款方式,而在台灣較為流行的貨到付款,必須以外掛的方式來加入超商取貨付款的功能,這是屬於比較進階的 WooCommerce 操作
立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!