Canva|新版RWD網站設計功能測試

Canva Website function test
Website function test

使用 Canva 沒多久時,最愛的就是它的設計都可以分享成網頁模式,但視覺效果仍然是電腦版比較大氣,手機版若要好觀看,要另外做 1080*1920px 手機好讀版,但一來這樣版面沒那麼美觀,二來設計者得做二份版本,可以理解為何沒人如此分享網頁。Canva 本來的用途就是讓人方便設計自己的圖文,所以除了數位行銷平台會拿它來 PO 文外,建置 WordPress 平台或 Blogger/YouTube 縮圖等,還是得需要透過 Canva ,那為何 Canva 沒有完整的 RWD 網站功能?心裏一直想著這件事,今年的文章重點也有一半寫的是這件事,果然,念念不忘,必有回響 心想事成 💖

參加 Canva 的 FB 官方社團 會有不定時的官方公告,在 Canva Create Conference 2021 中有提供 QrCode 讓與會者填寫表單,申請優先測試,旋即在 FB 社團也提供一次表單申請,讓沒參與會議的人,可以申請搶先測試,測試者當然要提出測試回饋,但這和 PDF 匯入功能一樣,就把你覺得可以再優化的地方,提出來而已。二話不說立馬填了二次表單,終於  12/14 收到了 Canva 的 E-mail 通知 Create a  Canva Site。真的無法形容那種期盼已久的感動。而 Canva 果然沒讓我失望。

Create a  Canva Site-平板模式
Create a  Canva Site

實實在在 RWD 效果,就是要在做的過程中就預覽效果,即時優化(發布後可以回頭再修改重新發布),拉一拉,把想要放的內容處理一下,輕輕鬆鬆完成自己美美的網站,不需要像 WordPress 還要去弄後台的調整設定,對於會網頁設計的人,當然少了可控性,但,我們就是只想要有大方帥氣又簡單完成的形象網站而已,為何要花那麼多心力精神去搞後台設定?

Create a  Canva Site-手機模式

Websites測試說明

  • 一開始只有三個範本提供測試,進來使用後,就有 N 個可以選了😁
  • 頁面移動/複製/刪除還很貼心地不同呈現,個人覺得更直覺好用,因為這樣才有網站的延續性效果
  • 可以使用 Canva 的免費網域(自行決定子網域名字,一經設定無法變更),也可以在 Canva 購買自己的網域
  • 網域我大概試一年約 18.99-25.99美金不等
  • 可以直接插入 YouTube /GoogleMap
  • E-mail 連結可以直接用,連 mailto 都不用
  • 相片和文字大部份我都有做連結,測試連線速度算快
Create a  Canva Site Website test

網站設定

Canva Website function test
  • 瀏灠器索引標籤預覽日後可以更改
  • 目前無法把自有的網域加進去已更新,請至文章最下方的說明
  • 只有免費網域和購買新網域二個選項
  • 再做的網站只能是子目錄(可以修改命名)
  • 無法自定義網址
  • 權限可以啟用密碼保護,在網站設置好前也可以不讓 Google 搜尋,這點感覺日後應該是可以被蒐尋到,但也要你的網站夠有名,所以我把自己的名字經營成我的品牌
Canva Site 網站設定 Canva Site 網站設定

  • URL一經設定無法變更,之後只能新增子目錄,網址目前無法自行命名,只有一串亂碼
  • 免費網域一個人只能設一個,後來再新增的網站會變成網域下的子目錄,也無法自已命名網址,這部份的用意,應該就是每個人都要自己下載,學習使用 Canva,無法像 Blogger 一樣,重覆申請免費網域
  • 所以要幫別人設計網站只能自訂網域?或自訂網域也只能一個人買一個?這部份目前無法得知(已更新,請至文章最下方的說明
Canva Site 網站設定—修改子網域

Canva Site 網站設定—自訂網域

你可以想像在 Canva 中,你可以任意做設計及文字動畫/影片,加上本來就有的頁面動態效果,你可以很輕鬆愜意的打造自己的形象網站/作品集/一頁式網站/說明頁,我想大概除了網路下單功能無法被取代外,不知道還有什麼可以設限的了。但 Canva 網站做純文字部落格個人感覺沒有很適當
  • 無法有廣告收入(雖然這對我沒太大影響,汗顏)
  • 標籤要自己做
  • 蒐尋要再克服
  • 選單要自己做(或許要有多個子目錄才能看會不會自己跑出選單,目前沒有看到選單功能)
  • SEO效果仍是不太理想,因為無法自定義網址,只能依賴網域名聲
但 Canva 本來也就不是要取代什麼專業的功能網站,Canva 從始至終都想要讓使用者輕鬆設計自己想要的效果,豐富我們的生活,及讓人在分享中感到幸福和美好。
  • 美容個人工作室
  • 美髮個人工作室
  • 各行業的個人形象網站
  • 特色餐廳/小吃
如果你本想請人設計形象網站,可以再等等,等先行測試的人都回饋修正的更完美,就可以直接自己手創一個完全屬於自己的,而現在的你可以先好好想想自己的網站要怎麼規劃?數位行銷平台圖文影音,各種實用的工具 Canva 也都幫我們備妥妥了,你要負責的就只是天馬行空的想像力。太愛 Canva 了~ 💗
Canva 實用功能連結Canva 實用功能連結

Canva Site 網站設定

我目前這網址是 Canva 的免費網址,已另作幾個子目錄並自做選單在最下頁
初版 https://celiasu.my.canva.site/

12/19 先設計美容版的網站
有看過之前我用網頁模式做的網站,比較看看就會知道這版本的差異,先說缺點
  • 要自己做選單,第一次開時偶爾點選會點不到(不確定是網路或系統反應略慢)
  • 或許因為手機也有不同規格,RWD預覽時自做選單部份預覽二排變成一長排
  • 現在貼網址在社群平台還 show 不出小圖
  • 頁面動畫目前無法使用,可以自己插入動態的元素
  • 動態網站範本數只有數個(沒全看完)
  • 子目錄只能做一層
優點
  • New版 RWD 範本,觀看感覺肯定比以前的標準模式或捲動模式好
  • Canva 本身的優勢,讓製作網站沒有技術門檻
其他說明:這幫朋友試做,產品圖來自 FB下載 及Canva 範本照,有自己的更美的來源照片,效果肯定更好。網站參考:康乃馨美學  

Canva Site 手機預覽



關於更新的重點我會再寫一篇,先把官方文字的重點羅列出來

更新重點:

  • Canva 免費版使用者在免費網域上最多可設有五個上線網站。購買網域或升級會員資格即可發佈更多網站(官方文章參考
  • 網站管理透過帳號設定左側功能列下方的網域,即可選擇管理以編輯設計或查看網站
  • Canva 已開放 Canva Pro、Canva for Enterprise、Canva - 教育版和 Canva - 非營利組織版使用者,使用自有的網域,可參考新的官方影音介紹:Publishing Your Website With Canva | Canva Pro for Nonprofits
  • Canva Pro 和 Canva for Enterprise 使用者一次可連結最多 5個網域,而 Canva - 教育版和 Canva - 非營利組織版使用者一次可連結 1個。
Canva 網站官方說明:
更多 Canva 的應用請參考:Canva

更多雲端資源請參考:行銷筆記

💖 若你對 Canva 有興趣想升級成 Pro 版,建議先看我寫的詳細說明,我是官方授權的 Canva Champion,有此頭銜者,會有官方給的特別連結,有特別優惠方案,我會統一更新於此 ⨠ 請參考:Canva|使用問題協助,點我優惠連結,還可以額外得到我的免費協助。

留言

這個網誌中的熱門文章

Google|表單封面及內圖尺寸

KTJ大榮貨運託運單列印及軟體操作運費說明

Google|表單自訂主題選擇文字樣式

【檔案下載】大榮貨運單列印託運單下載

支票套印

Felo|自動生成簡報和心智圖,一鍵整合至Notion及Canva