不是你的錯 – Google PSI LCP 的 Bug “最大內容繪製元素 發生錯誤！”
您最近是否有遇到，在使用 Google PageSpeed Insight 的檢測工具時，出現「最大內容繪製元素 發生錯誤！」的赤字問題？
閱讀全文不是你的錯 – Google PSI LCP 的 Bug “最大內容繪製元素 發生錯誤！”分類 網頁設計
啪啪啪！就把照片從手機相簿直接傳進網站用！
手機拍照拍好，直接在電腦版網頁進網站後台操作、抓取手機裡的 Google 相簿，也可以用 App 登入網站後台上傳圖片，不用因為圖片來源而從手機端操作或再轉存進電腦再上傳！
閱讀全文啪啪啪！就把照片從手機相簿直接傳進網站用！WordCamp Taiwan 2021 講題分享 – 一個維護，各自表述－網站維護的差異、價值與機會成本
一個網站的啟用上線，才是真正考驗的開始。全球有50%以上的WP網站未好好維護，導致載入效能、使用者體驗、 SEO 與轉換率下滑，甚至導致資安問題。不論您是傾向花錢請專業廠商處理，或是自己研究學習，都可以多方了解所謂的「維護」，所謂的 WordPress 維護，由基本到高標準，有哪些須知，能做到多完整、講究的層面喲！
閱讀全文WordCamp Taiwan 2021 講題分享 – 一個維護，各自表述－網站維護的差異、價值與機會成本測速 – 3 秒內開網頁、Google PSI (Page Speed Insight) 之類的檢測工具的分數，重要嗎？
比測速分數更重要的是：分數背後，各種檢測工具的內涵及其細項，對於調整輔助、抓出人類容易忽略的問題的重要性，分數只是一個最簡化的參考結果。我看重的是整份報告內容，看基於怎樣的建置條件、優先需求、是否拔東西、重建、投多少資源去針對細節改善。
閱讀全文測速 – 3 秒內開網頁、Google PSI (Page Speed Insight) 之類的檢測工具的分數，重要嗎？Google 的台語版科普！ 以海產店為例的 2021 年 Core Web Vitals 網站體驗核心指標官方講解
「台語科普」Core Web Vitals 講解影片，淺談 FID, LCP, CLS 三大網站體驗核心指標，並以海產店點餐為例；對已熟知且實作會注意最佳化的人，可能沒什麼，但對一般使用者而言，我想真的有變得特別好懂！
閱讀全文Google 的台語版科普！ 以海產店為例的 2021 年 Core Web Vitals 網站體驗核心指標官方講解佈景主題 2021 更新 – Blocksy, Astra, OceanWP 比較－網站 Demo 與未來性
對於找佈景主題，似乎常見的提議都是 Astra、OceanWP 是否已感到了無新意甚至厭倦了呢？ 推薦另一個更好的佈景主題新選擇－Blocksy！
這是一篇，從與區塊編輯器的相容性、未來性、Demo 網站選套的友善度來切入的佈景主題比較文。
閱讀全文佈景主題 2021 更新 – Blocksy, Astra, OceanWP 比較－網站 Demo 與未來性如何在 WordPress 自訂 CSS 語法：5 種，包括區塊編輯器與 Elementor – 各版本皆適用
「如何在 WordPress 自訂 CSS？」是常見的問題之一。 根據實務經驗與專業考量，提出五種方法，包括最適合您條件與需求的選項。
然後，你就能享受透過自訂 CSS 來客製自己網站的成就感！
閱讀全文如何在 WordPress 自訂 CSS 語法：5 種，包括區塊編輯器與 Elementor – 各版本皆適用Sliders, Hero images 在手機 / 行動裝置上顯示的 RWD 概念與作法
Sliders, Hero images 在跨裝置的處理，很早期開始各家較講究的佈景主題開發團隊就常被問了(後來是回到煩，乾脆多弄出欄位任人改算了)，且會帶到這概念，我覺得這概念很重要
閱讀全文Sliders, Hero images 在手機 / 行動裝置上顯示的 RWD 概念與作法「別用頁面編輯器做文章」 – 編輯器生態圈的大略原則與結論
最簡單的優先原則：別用頁面編輯器做文章。因為文章通常影響最大，且使用情境大多在，許多被頁面編輯器或多功能佈景主題的 Demo 、廣宣吸引到的初學者，還沒摸出基礎概念時，就繞著它為中心(比 WordPress 更像本體)用下去，然後陷入被綁死的狀態。
閱讀全文「別用頁面編輯器做文章」 – 編輯器生態圈的大略原則與結論Envato Elements 是什麼？與 Envato Market 有何不同？
說到 Envato ，最被人熟知的當屬它的 Themeforest 了！
整個 Envato 家族從佈景主題、外掛，到各類型圖片、影片、音軌素材，甚至是教學服務，全都有，是個很大的生態圈，也為許多開發者、設計師提供了可發揮曝光可上架販售的第三方平台，只是每個使用者的角色職務不同，大家常用到的可能只限於其中一、兩項而已。
閱讀全文Envato Elements 是什麼？與 Envato Market 有何不同？如何打造專屬的 品牌網站 / 形象網站？
以下是一些可以讓大家了解你的網站的方式，也是品牌網站的要素：一、搜尋您自己的品牌網站 二、產出對的內容 三、呈現作品、案例或任何專業優勢與、商品、服務 四、整合社群平台 五、聯絡資訊（尤其是店家）
閱讀全文如何打造專屬的 品牌網站 / 形象網站？Flat Design, Metro 設計趨勢－網頁設計與 Windows、行動裝置平台
帶領這股Flat Design/Metro風潮的，是各種新興網頁設計作品，共同的常見作法是：
1.大色塊、盡量減少圖片
2.用CSS3語法排版，取代舊式切圖與表格框架排版
3.用純色的大色塊和背景來做有效率又能減輕系統負擔的排版組合
閱讀全文Flat Design, Metro 設計趨勢－網頁設計與 Windows、行動裝置平台網頁設計風格－繽紛點綴啞色派（馬卡龍）
About 繽紛點綴啞色派（馬卡龍）
本篇列舉兩個範例網頁，其主要色調皆是基於啞色系（灰色系及其他具褪色感的色系），然後再利用繽紛色彩點綴，就像常見的馬卡龍元素的那種繽紛妝點。
閱讀全文網頁設計風格－繽紛點綴啞色派（馬卡龍）網頁設計風格－極簡派
設計師偏好利用極簡風的優勢，在搭配其個人風格的同時，賦予整體一種獨特的氛圍。
在現實裡，我們之所以選用這樣的風格，不會是為了信奉它，而是為了滿足幾項需求。
在接下來的範例中，極簡派風格讓簡單易用的網站幾乎不費吹灰之力，就能夠闡述他們的目的。
閱讀全文網頁設計風格－極簡派