
一鍵帶走!SVG DOODLES 擁有220個手繪 SVG 檔案,可商用的免費線上素材網站
SVG DOODLE 收錄了多達 220 種手繪塗鴉 SVG 格式的素材,不僅免費還能提供商用,站內依照樣式進行分類方便查找,甚至提供一鍵複製功能,方便使用者快速使用,這樣優質的網站還不趕緊去試試看~
鵠學苑 中有各種不同面向的 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 管理系統推廣給想要架站的朋友們,並且能夠在過程中互相交流心得,讓網站架設過程變得更有效率!

SVG DOODLE 收錄了多達 220 種手繪塗鴉 SVG 格式的素材,不僅免費還能提供商用,站內依照樣式進行分類方便查找,甚至提供一鍵複製功能,方便使用者快速使用,這樣優質的網站還不趕緊去試試看~

接下來我們介紹 Sass 這個 CSS 預處理器的基本用法,Sass 分成兩種撰寫風格 Sass 以及 Scss 由於 Scss 的撰寫風格與 CSS 較為接近,所以接下來我們都會以 Scss 來做為示範程式碼。說到 Scss 最基本的概念就是他可以階層式的撰寫選擇器

提升網站載入速度的方法其實有很多,舉例來說有: HTML, CSS, JavaScript 壓縮、網站安全性的提升、資料媒體庫的優化、 CDN自動加速分流 等等今天鵠學苑要介紹的Jetpack能夠幫助你的圖片 CDN自動加速分流 的 WordPress外掛 系統。要怎麼去使用呢?

歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略,如果是設計師你一定希望有一個網站能發佈、整理、存儲作品的設計稿,同時又兼顧作品集的功能,今天我們就要聊聊「 Behance 」,如何透過 Behance 展現作品集外亦可欣賞其他設計人的作品,重點是免費喔。

根據市場調研公司Ipsos所提供的數據顯示,台灣有超過9成的民眾每月至少造訪 YouTube 一次。今天鵠學苑要來分享—— Backupmp3 。 Backupmp3 是一個免費的線上轉換工具,能輕鬆將 Youtube 上面的內容轉換下載!不需要註冊,也不需要下載軟體,只需要開啟瀏覽器就可以在線上直接使用了。

使用 WooCommerce 配合WordPress 架設電子商務網站時,WooCommerce 內建的會員註冊系統在新版本中加入了一項會員保護措施,就是強制所有註冊的會員密碼強度必須要到達一定程度

這套全新的 WordPress 內建編輯外掛被命名為 Gutenberg (古騰堡,音譯),其由來自於歐洲第一位發明活字印刷術,改變文明進程的偉人 Johannes Gutenberg 的姓氏,由此可知 WordPress 官方對於這一次內建編輯器的改版有著相當高的目標與期許
網頁素材分享 – 具有美感及意義的 Icon 是需要花時間構思及設計的,現在也有許多免費 Icon分享網站能直接使用,但是能免費使用的 Icon 視覺品質卻是參差不齊,有的也無法商用,今天鵠學苑要來介紹 Icon 免費下載 IconStore 網站,裡面所有的 Icon 是設計師繪製,所以視覺品質非常好

Open Stickers 是一個專門提供免費高品質去背的彩色手繪彩色插圖素材,分別有四大類主題科技、生活、自然以及形狀一共有 80 張插圖,可以直接在網站上點及單張圖直接複製 SVG 圖檔,接著就一起點開上方的連結一起來體驗吧!如果想了解最新網站知識,也可以到 鵠崙設計 官網看看,我們下次的教學見~

WooCommerce Shortcode 範例說明 的相關文章有:WooCommerce 以短代碼呈現產品列表 以及 WooCommerce 頁面基本短代碼呈現效果說明 這兩篇文章可以參考,會使用到 WooCommerce 短碼來設定頁面,無非就是想要客製化網站內容,因此在本篇教學中將會說明如何使用預設的

若想知道某個網站內的配色方式,除了打開開發人員工具或是檢視原始碼,但對於非學習過程式碼的人來說相對困難,透過 Alwane 第三方網站,不僅貼上連結後即可取得網站配色分析,其中站內介面更是以視覺化方式分組呈現所有顏色,對於設計師或是正在學習配色的人來說是一個非常友善的線上工具,接下來就跟著我們一起看下去吧!

WordPress網頁設計超詳細攻略–Limit Login Attempts 限制登入WordPress後台次數,在上一篇 Lockdown WP Admin 更改網站後台登入網址 的教學文中,有提到關於WordPress架站的安全性問題,而在這一篇的教學文章持續為同學們推薦網路安全的外掛:Limit Login Attempts ,這個外掛主要是管理網站登入的次數,會針對IP做鎖定,讓惡意想入侵的駭客沒辦法使用無限迴圈暴力破解密碼的方式,來登入後台,Limit Login Attempts 這個外掛的操作介面相當簡單,而且也是繁體中文化的外掛

WordPress 媒體庫 在網站架設的過程中佔有非常重要的角色,無論是圖片、影片的素材或者是要提供給使用者下載的型號目錄 PDF 檔,都必須要上傳到 WordPress 媒體庫目錄中,才能夠在網站中編輯與顯示(可參考:WordPress 教學 基礎介紹二(媒體))

Really Simple SSL 能幫助我們快速完成SSL安全憑證的設定,除了要更新良好的網站內容還要定期檢查自己的網站安全性,網路安全憑證也越來越被Google重視!在這次的分享中鵠學苑會帶大家認識 SSL 和他的應用場景,在來和大家說明 Really Simple SSL 的基本設定

批量壓縮圖片 提高網站的載入速度!以及WordPress外掛 Ewww Image Optimizer 的基礎教學。鵠學苑一直在強調網站最終的是內容!但是內容多了載入時間長對我們來說是非常不利的,往往就在這幾秒的等待中就會有大量的瀏覽者離開,為了避免這樣的事情發生通過 批量壓縮圖片 提高網站的載入速度 !

在這篇教學中會告訴大家如何在 Hotjar 中 Heatmaps 的選項中做步驟設定,在 Heatmaps 可以指定想要分析頁面,結果中會顯示出網站訪客停留時間最久或最多點擊次數的網站區域,在得到分析結果後就可以針對網站內容做更有效的資訊區調整

Emoji Maker 是一個免費線上表情符號自製工具,如果你是經常找不到最適合的表情符號,或是想要來點與眾不同的 emoji 表情讓身旁的人對你印象深刻!接著就一起點開上方的連結一起來體驗吧!如果想了解最新網站知識,也可以到 鵠崙設計 官網看看,我們下次的教學見~

GA WordPress 中主要功能,是讓 Google 分析的數據可以在網站後台顯示,只需要安裝 GA Dashboard for WP 這一套外掛,並且完成 GA 帳號串接後,就可以在控制台中直接顯示過去網站的流量數據,另外在文章列表頁面中也會顯示查看單一文章流量的按鈕,點擊後會顯示使用者、跳出率、瀏覽量
ShortPixel 教學,本外掛是一個wordpress的圖片壓縮外掛,每個月有一定的免費額度可以讓我們嘗試使用,圖片大小的壓縮與優化可以讓我們的網站存取的速度更快速與節省空間,而讀取速度會進而影響SEO的排名。本文章將介紹完整的外掛使用方法,接下來跟著鵠學院的腳步,讓我們開始學習吧!
立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!