Available For Collaboration

Wednesday, Aug 7
15:36

為什麼選擇 Framer 作為我的個人部落格?

Design

Framer

2024/2/11

在使用了許多種架站平台像是 WordPress、Webflow、Storipress,這篇會告訴你,為什麼我最後選擇了 Framer 作為個人網站與部落格!

WordPress 有哪些優缺點?

WordPress 作為一個開源的架構,有很多插件與佈景主題編輯器可以使用,彈性還蠻大的,我也從 2020 年使用了 WordPress 與 Cloudways 主機架設了 Geekaz.net 這個部落格。

所以對 WordPress 算是非常熟悉,其中也買了許多插件與佈景主題編輯器,所以也能算是 WordPress 的忠實用戶之一,而優缺點就是這三年的個人使用感想。

優點

  • 彈性大資源多,能夠透過安裝多種插件來達成不同功能

  • 無倒閉風險,由於是透過購買主機架設網站的,所以不會有平台倒閉的風險

  • 安全性高,更新頻率高,擁有市占率 30% 以上的內容管理平台,還是相對可靠的

缺點

  • 初始設定較多,對於新手學習與使用相較複雜

  • 後台介面較陽春,由於 WordPress 已經 20 歲以上了,後台管理介面還是相對陽春的

  • 初始花費較高,考量到會使用主機與購買各種插件,對於剛接觸的人可能是一筆不小的花費

WordPress 個人感想

到目前其實我個人還是推薦使用看看 WordPress,雖然一開始的設定較複雜。

但網路上也都已經有許多教學文章可以參考,如果你需要的是一個 CMS(內容管理系統),那他的順位還是第一的。

不過正如我這篇寫在 Framer 上,沒有選擇 WordPress 還是有我的原因。

如果你是熟悉使用設計工具的朋朋,有明確想架設的網站設計與風格,並且不會程式代碼,那 WordPress 還是有許多限制。

即使使用了像 Elementor 或 Thrive Suite 這類服務(這兩個我都有買,他們是可以讓你在 WordPress 上設計網站的工具。

還是會有硬性限制,你只能基於他有的功能上去做自己的設計。

這也是為什麼我沒有選擇在這上面架設這個新部落格的原因,不過雖然這樣講,我還是蠻推薦去學習使用 WordPress 寫部落格的。

在學習過程中可以接觸到許多 SEO 的知識,對我也是很有幫助!

Webflow 有哪些優缺點?

我使用到 Webflow 分別是在架設了自己的 Side Project 網站 moonkats.webflow.io 與寫 NFT Minting 教學網站時有使用到,雖然沒有到非常熟悉但也是有一定使用經驗。

優點

  • 模板多,可以透過挑選到適合的模板,在一開始就有不錯設計的網站

  • 功能多,與 WordPress 的佈景主題編輯器相比,他有更多的功能與設計彈性

  • 註冊即可使用免費版,網路上也有許多學習資源可以參考,可直接套用模板調整

缺點

  • 功能較多且介面操作複雜,與 WordPress 相比他的複雜在於設計介面

  • 升級方案較為繁雜,有許多升級方案可以選擇,進階需求需要仔細研究

  • 一般設定稍微複雜,與 Framer 相比,Webflow 的網域、SEO 設定相對複雜

我在用 Webflow 的時候覺得在 Padding 與相對位置的調整,比較不直覺。

而 Framer 在設計介面時,他的互動操作與 Figma 比較相似,所以算是直覺很多。

不過 Webflow 對於某些特殊需求有時還蠻必要的,像是當時在做 NFT Minting 網站時,他就支援直接串接第三方智能合約的服務,所以就算完全不會 Coding 也可以做出一個可以 Mint NFT 的網站。

但以 CMS 來講的話,他的 SEO 設定介於 WordPress 與 Framer,比 WordPress 少但比 Framer 還多,可以針對不同網頁設定 SEO 的標題、Meta Description 與圖片等等。

以設計面也是介於 Framer 與 WordPress 之間,不及 Framer 設計上的直覺,但肯定是比 WordPress 的 Elementor 與 Thrive Suite 可以調整的還要多。

Storipress 有哪些優缺點?

Storipress 目前使用的人還不多,但我覺得概念上是很棒的一款產品,所以也有付費去使用過,特點在於是優化內容管理系統作為主軸,對於多人共同管理編輯文章特別方便,有點像是結合了 Trello 與 WordPress。

優點

  • 管理文章超方便,可以一覽目前文章在哪個階段,像是初稿、審核、發布等

  • 支援網站編輯器,可以透過內建的功能來設計網站介面,預設有幾種模板可以選擇

  • 自動優化網站速度,會將你上傳的圖片轉為 WebP,還有其他針對載入速度的特別優化

缺點

  • 新創產品較常出現小問題,會在底下分享

  • 網站編輯器只能使用提供的模板,當初在設定時其實遇到蠻多 Bug

當初使用前還蠻期待的,不過實際上手才發現除了內容管理做得不錯之外,其他部分沒辦法符合想像,像是他有其中一項功能是 Create Social Posts,但當初設定完發現有時會漏掉不一定會自動發。

還有像是設定網站編輯器時,一直遇到實時預覽畫面與實際網頁畫面不一致,在設定較多時常遇到跑版的問題,可能在這塊有點太嚴格了,不過我覺得還是很有潛力啦。

像是以 Trello 的形式管理文章我就覺得超級讚,完全彌補了 WordPress 在介面呈現還有管理文章上的缺點,還是要給台灣的新創團隊一點支持!

為什麼最後選擇 Framer?

第一點很直接的就是他可以完整呈現我預想的頁面設計,同時還有像是他推出的瀏覽器插件,當你看到不錯的設計時,可以直接透過插件來轉換到 Framer 中,或是從 Figma 轉換到 Framer,對於學習蠻有幫助的。

優點

  • 有基本的 CMS 與 SEO 設定、付費方案簡單易懂

  • 設計介面直覺好用,在操作時可以像是在使用 Figma 一樣使用它

  • 有許多學習資源與模板,同時還保有超高彈性,通常大部分介面都可以呈現,真的不行還可以用上 React 元件

他們官方有出許多教學影片,對於新手非常友善,而且官方也有模板商店,可以在官網下載或購買多種免費、付費模板。

而且我看過要上官方平台的標準還蠻高的,都要有一定的設計力才能通過審核。

還有一點是他們的 CMS 做得還不錯,保有基本功能的同時,還支援我直接把 Notion 寫好的文章直接複製過去。

完全不用做任何調整就可以直接使用(這點我私心大推有用 Notion 先寫草稿的人。

因為我在用 Notion 複製貼到其他像是 WordPress 的 Thrive Suite 或 Elementor 時,通常貼上後還要做一些間距設定。

反而不能快速貼上,做完簡單設定就直接發佈,所以這也是我選擇 Framer 的原因之一。

大概這樣,也算是第一篇我在這裡發布的文章,希望有幫助到最近有考慮架設個人網站或是想熟悉各種工具的朋友!

目前網站的主題也是參考許多網站靈感或模板綜合我喜歡的元素所製作的,之後想多做幾個模板當練習!

Available For Collaboration

Wednesday, Aug 7
15:36

為什麼選擇 Framer 作為我的個人部落格?

Design

Framer

2024/2/11

在使用了許多種架站平台像是 WordPress、Webflow、Storipress,這篇會告訴你,為什麼我最後選擇了 Framer 作為個人網站與部落格!

WordPress 有哪些優缺點?

WordPress 作為一個開源的架構,有很多插件與佈景主題編輯器可以使用,彈性還蠻大的,我也從 2020 年使用了 WordPress 與 Cloudways 主機架設了 Geekaz.net 這個部落格。

所以對 WordPress 算是非常熟悉,其中也買了許多插件與佈景主題編輯器,所以也能算是 WordPress 的忠實用戶之一,而優缺點就是這三年的個人使用感想。

優點

  • 彈性大資源多,能夠透過安裝多種插件來達成不同功能

  • 無倒閉風險,由於是透過購買主機架設網站的,所以不會有平台倒閉的風險

  • 安全性高,更新頻率高,擁有市占率 30% 以上的內容管理平台,還是相對可靠的

缺點

  • 初始設定較多,對於新手學習與使用相較複雜

  • 後台介面較陽春,由於 WordPress 已經 20 歲以上了,後台管理介面還是相對陽春的

  • 初始花費較高,考量到會使用主機與購買各種插件,對於剛接觸的人可能是一筆不小的花費

WordPress 個人感想

到目前其實我個人還是推薦使用看看 WordPress,雖然一開始的設定較複雜。

但網路上也都已經有許多教學文章可以參考,如果你需要的是一個 CMS(內容管理系統),那他的順位還是第一的。

不過正如我這篇寫在 Framer 上,沒有選擇 WordPress 還是有我的原因。

如果你是熟悉使用設計工具的朋朋,有明確想架設的網站設計與風格,並且不會程式代碼,那 WordPress 還是有許多限制。

即使使用了像 Elementor 或 Thrive Suite 這類服務(這兩個我都有買,他們是可以讓你在 WordPress 上設計網站的工具。

還是會有硬性限制,你只能基於他有的功能上去做自己的設計。

這也是為什麼我沒有選擇在這上面架設這個新部落格的原因,不過雖然這樣講,我還是蠻推薦去學習使用 WordPress 寫部落格的。

在學習過程中可以接觸到許多 SEO 的知識,對我也是很有幫助!

Webflow 有哪些優缺點?

我使用到 Webflow 分別是在架設了自己的 Side Project 網站 moonkats.webflow.io 與寫 NFT Minting 教學網站時有使用到,雖然沒有到非常熟悉但也是有一定使用經驗。

優點

  • 模板多,可以透過挑選到適合的模板,在一開始就有不錯設計的網站

  • 功能多,與 WordPress 的佈景主題編輯器相比,他有更多的功能與設計彈性

  • 註冊即可使用免費版,網路上也有許多學習資源可以參考,可直接套用模板調整

缺點

  • 功能較多且介面操作複雜,與 WordPress 相比他的複雜在於設計介面

  • 升級方案較為繁雜,有許多升級方案可以選擇,進階需求需要仔細研究

  • 一般設定稍微複雜,與 Framer 相比,Webflow 的網域、SEO 設定相對複雜

我在用 Webflow 的時候覺得在 Padding 與相對位置的調整,比較不直覺。

而 Framer 在設計介面時,他的互動操作與 Figma 比較相似,所以算是直覺很多。

不過 Webflow 對於某些特殊需求有時還蠻必要的,像是當時在做 NFT Minting 網站時,他就支援直接串接第三方智能合約的服務,所以就算完全不會 Coding 也可以做出一個可以 Mint NFT 的網站。

但以 CMS 來講的話,他的 SEO 設定介於 WordPress 與 Framer,比 WordPress 少但比 Framer 還多,可以針對不同網頁設定 SEO 的標題、Meta Description 與圖片等等。

以設計面也是介於 Framer 與 WordPress 之間,不及 Framer 設計上的直覺,但肯定是比 WordPress 的 Elementor 與 Thrive Suite 可以調整的還要多。

Storipress 有哪些優缺點?

Storipress 目前使用的人還不多,但我覺得概念上是很棒的一款產品,所以也有付費去使用過,特點在於是優化內容管理系統作為主軸,對於多人共同管理編輯文章特別方便,有點像是結合了 Trello 與 WordPress。

優點

  • 管理文章超方便,可以一覽目前文章在哪個階段,像是初稿、審核、發布等

  • 支援網站編輯器,可以透過內建的功能來設計網站介面,預設有幾種模板可以選擇

  • 自動優化網站速度,會將你上傳的圖片轉為 WebP,還有其他針對載入速度的特別優化

缺點

  • 新創產品較常出現小問題,會在底下分享

  • 網站編輯器只能使用提供的模板,當初在設定時其實遇到蠻多 Bug

當初使用前還蠻期待的,不過實際上手才發現除了內容管理做得不錯之外,其他部分沒辦法符合想像,像是他有其中一項功能是 Create Social Posts,但當初設定完發現有時會漏掉不一定會自動發。

還有像是設定網站編輯器時,一直遇到實時預覽畫面與實際網頁畫面不一致,在設定較多時常遇到跑版的問題,可能在這塊有點太嚴格了,不過我覺得還是很有潛力啦。

像是以 Trello 的形式管理文章我就覺得超級讚,完全彌補了 WordPress 在介面呈現還有管理文章上的缺點,還是要給台灣的新創團隊一點支持!

為什麼最後選擇 Framer?

第一點很直接的就是他可以完整呈現我預想的頁面設計,同時還有像是他推出的瀏覽器插件,當你看到不錯的設計時,可以直接透過插件來轉換到 Framer 中,或是從 Figma 轉換到 Framer,對於學習蠻有幫助的。

優點

  • 有基本的 CMS 與 SEO 設定、付費方案簡單易懂

  • 設計介面直覺好用,在操作時可以像是在使用 Figma 一樣使用它

  • 有許多學習資源與模板,同時還保有超高彈性,通常大部分介面都可以呈現,真的不行還可以用上 React 元件

他們官方有出許多教學影片,對於新手非常友善,而且官方也有模板商店,可以在官網下載或購買多種免費、付費模板。

而且我看過要上官方平台的標準還蠻高的,都要有一定的設計力才能通過審核。

還有一點是他們的 CMS 做得還不錯,保有基本功能的同時,還支援我直接把 Notion 寫好的文章直接複製過去。

完全不用做任何調整就可以直接使用(這點我私心大推有用 Notion 先寫草稿的人。

因為我在用 Notion 複製貼到其他像是 WordPress 的 Thrive Suite 或 Elementor 時,通常貼上後還要做一些間距設定。

反而不能快速貼上,做完簡單設定就直接發佈,所以這也是我選擇 Framer 的原因之一。

大概這樣,也算是第一篇我在這裡發布的文章,希望有幫助到最近有考慮架設個人網站或是想熟悉各種工具的朋友!

目前網站的主題也是參考許多網站靈感或模板綜合我喜歡的元素所製作的,之後想多做幾個模板當練習!