訂閱最新消息

接收方案更新與專業文章資訊,卓越前行!

  • 會員專屬最新資訊
  • 深度動態與專業知識分享
  • 業界交流社群邀請

刻刻文摘

以海產店為例解釋 CLS (夾菜情境) - Core Web Vitals An everyday explanation (Taiwanese with English subtitles)

Google 的台語版科普! 以海產店為例的 2021 年 Core Web Vitals 網站體驗核心指標官方講解

「台語科普」Core Web Vitals 講解影片,淺談 FID, LCP, CLS 三大網站體驗核心指標,並以海產店點餐為例;對已熟知且實作會注意最佳化的人,可能沒什麼,但對一般使用者而言,我想真的有變得特別好懂!

閱讀全文Google 的台語版科普! 以海產店為例的 2021 年 Core Web Vitals 網站體驗核心指標官方講解
DigitalOcean 成為公開上市公司

DigitalOcean 不只賣主機也賣股票囉 – 老字號 VPS 掛牌上市

2021/11/19 更新 - DO 已飆車啦!來不及買台積電?可以考慮買 DigitalOcean 的股票或主機XD
2021 年 3 月 24 日,收到熱門 VPS 主機商 DigitalOcean CEO 的信。
大家可以逛他們 Hub for Good 計劃的網站,了解這類主機、雲端運算服務商,真的不是只做網站 (含 WordPress) 業務。

閱讀全文DigitalOcean 不只賣主機也賣股票囉 – 老字號 VPS 掛牌上市
Man, Woman, and Laptops

為什麼不應該把 display: none; CSS 語法當萬解?

常常看到,網路上包括 WordPress 相關社團,對於頁面上,想拔掉特定元素的發問、留言,妙的是,很常出現不分案例情境、網站的佈景主題與外掛建置環境,都直接就是 CSS disply: none;…。display: none; 大法不是不能用,但建議當備案,別當第一優先甚至唯一解法,比較適合,畢竟前台載入還是有差。

閱讀全文為什麼不應該把 display: none; CSS 語法當萬解?
Blocksy - Built to Work With Your Favorite Page Builders

3 大熱門 WordPress 佈景主題比較:Blocksy, Astra, OceanWP – 網站範例與未來功能

對於找佈景主題,似乎常見的提議都是 Astra、OceanWP 是否已感到了無新意甚至厭倦了呢? 推薦另一個更好的佈景主題新選擇-Blocksy!
這是一篇,從與區塊編輯器的相容性、未來性、Demo 網站選套的友善度來切入的佈景主題比較文。

閱讀全文3 大熱門 WordPress 佈景主題比較:Blocksy, Astra, OceanWP – 網站範例與未來功能
Core Web Vitals - Tools to measure Core Web Vitals powered by Google

Google 2021 新措施!網頁體驗指標、AMP 、非 AMP 因素與 SEO 的影響

Google 在 2020 年 11 月 10 日發佈了,關於 AMP/非 AMP, Web Core Vitals, 網頁體驗信號的宣告說明。 同時計劃自 2021 年 5 月起,讓網頁體驗信號,成為決定排名的依據之一。

來看看 Google 講了哪些東西, 無論你是否覺得需要在意, 都來讓您的網站在 2021 年 5 月前,做好使用者體驗與 SEO 的準備。

閱讀全文Google 2021 新措施!網頁體驗指標、AMP 、非 AMP 因素與 SEO 的影響
如何做 WordPress 與外掛的維護 備份 更新 - 最新至 WP 5.x 版本皆適用之觀念與實作 - WordPress 5.9 “Josephine”

如何做 WordPress 與外掛的維護 備份 更新 – WP 5.x~6.x 以上版本皆適用之觀念與實作

本文分享的是,不論哪個 WordPress 的版本號更新,都適用的備份、維護、更新實作通則與教學。好還要更好,網站的維護與改善沒有終點,必須持續費心維持、再進化,除非是網站要收掉了。

閱讀全文如何做 WordPress 與外掛的維護 備份 更新 – WP 5.x~6.x 以上版本皆適用之觀念與實作
範例 - 使用 WordPress 的自訂 CSS - 「附加的 CSS 」索引標籤

如何在 WordPress 自訂 CSS 語法:5 種,包括區塊編輯器與 Elementor – 各版本皆適用

「如何在 WordPress 自訂 CSS?」是常見的問題之一。 根據實務經驗與專業考量,提出五種方法,包括最適合您條件與需求的選項。
然後,你就能享受透過自訂 CSS 來客製自己網站的成就感!

閱讀全文如何在 WordPress 自訂 CSS 語法:5 種,包括區塊編輯器與 Elementor – 各版本皆適用

「別用頁面編輯器做文章」 – 編輯器生態圈的大略原則與結論

最簡單的優先原則:別用頁面編輯器做文章。因為文章通常影響最大,且使用情境大多在,許多被頁面編輯器或多功能佈景主題的 Demo 、廣宣吸引到的初學者,還沒摸出基礎概念時,就繞著它為中心(比 WordPress 更像本體)用下去,然後陷入被綁死的狀態。

閱讀全文「別用頁面編輯器做文章」 – 編輯器生態圈的大略原則與結論
Envato - Get Started 首頁所列之旗下滿足不同需求的網站

Envato Elements 是什麼?與 Envato Market 有何不同?

說到 Envato ,最被人熟知的當屬它的 Themeforest 了!
整個 Envato 家族從佈景主題、外掛,到各類型圖片、影片、音軌素材,甚至是教學服務,全都有,是個很大的生態圈,也為許多開發者、設計師提供了可發揮曝光可上架販售的第三方平台,只是每個使用者的角色職務不同,大家常用到的可能只限於其中一、兩項而已。

閱讀全文Envato Elements 是什麼?與 Envato Market 有何不同?
Domain Search - 網站終身大事-如何命名一個好的 網域 網址 / 域名 Domain Name

網站終身大事-如何命名一個好的 網域 網址 / 域名 Domain Name

建置一個全新網站會需要:1. 找個地方代管網站,以及 2. 為網站域名取個好名字。
這兩件事其實不難,但如何取個好的域名來讓網友連到你的網站,又是另外一回事。
就像買房子一樣,最好且你最想要的地段和房子,可能早就被買走了。但也別太擔心,「對域名的妥協」不是件難事,和挑理想域名一樣,只需要一點點技巧。

閱讀全文網站終身大事-如何命名一個好的 網域 網址 / 域名 Domain Name

Flat Design, Metro 設計趨勢-網頁設計與 Windows、行動裝置平台

帶領這股Flat Design/Metro風潮的,是各種新興網頁設計作品,共同的常見作法是:
1.大色塊、盡量減少圖片
2.用CSS3語法排版,取代舊式切圖與表格框架排版
3.用純色的大色塊和背景來做有效率又能減輕系統負擔的排版組合

閱讀全文Flat Design, Metro 設計趨勢-網頁設計與 Windows、行動裝置平台
Google 不到自家官網?從 2014 柯文哲與連勝文的競選官網 SEO 大問題看網站規劃的重要性

Google 不到自家官網?從 2014 柯文哲與連勝文的競選官網 SEO 大問題看網站規劃的重要性

最近台北市長選舉新聞炒得火熱,對網站規劃、網頁設計有興趣或有需求的人而言,除了政治議題之外,仍然有些焦點是值得關心的。
我們可以大略分為搜尋引擎登錄與SEO索引檔設定兩項來談。

閱讀全文Google 不到自家官網?從 2014 柯文哲與連勝文的競選官網 SEO 大問題看網站規劃的重要性
我所看過最文青、文案寫最好的手搖飲料店-水巷茶弄 - 巷弄好事記 (封面) No.002 April 2014

文青 文案 生活態度先驅的手搖飲料店 – 水巷茶弄

品牌/行銷的精髓是一種態度、精神,以一家連鎖手搖飲料店而言,能以文案為核心,輔以設計和有規劃的具體實踐,相當難能可貴。在我看來,和一堆只靠視覺設計、用色和偏高的定價來「提升附加價值」的品牌或企業經營相比,像水巷茶弄這樣的作法更加令人激賞。

閱讀全文文青 文案 生活態度先驅的手搖飲料店 – 水巷茶弄

不懂 Coding 一樣可以創業!找出使用者遠比打造產品重要

當你的核心技術其實是為了提供某一種服務時,你可以用一些線上的工具(例如 WordPress)先來包裝你的網站,就可以讓人看上去像一個不錯的線上公司,且使用者能感覺到,似乎你雇用了一些開發者和一位平面設計師…記住,你不只是打造一個產品,你是為了解決一個問題。

閱讀全文不懂 Coding 一樣可以創業!找出使用者遠比打造產品重要