[分享] 一起製作免費的專屬婚禮網站吧!

作者: su80926 (hsiu)   2020-12-08 16:17:44
嗨嗨嗨
先恭喜終於熬過疫情的新人們
也慶幸自己的婚禮幸運的在疫情前舉辦
年末的感恩季
將會陸續發布當初婚禮的相關籌備文章
希望對大家有幫助~
彩色圖多好讀網誌版
https://reurl.cc/zz9Kn6
以下原文複製貼上
教學文的圖太多 就沒有放上來了
但不妨礙文字閱讀喔^^
_________________________________________________________________
今年初受到疫情影響 想必許多新人紛紛延後婚禮
所幸台灣在初期就控制得當
年尾就看到許多人開始辦婚禮了呢
這也因此提醒了自己
還有許多婚禮的文章尚未紀錄分享耶! (時隔婚禮已經一年多 (我慚愧
因此在這年末的最後一個月
誓言要完成所有記錄婚禮的壯志啊~~~(握拳
home.PNG
我們婚禮網站的首頁截圖
今天要介紹的是 我們的婚禮網站
使用的是Zola這間公司的服務
Zola是個超級強大的美國婚禮籌備網站
從線上線下都包辦
凡舉 紙本喜帖 菜單設計 送禮 出席調查 感謝函 婚紗等等
所有結婚需要的資訊跟產品這個網站都有
但礙於非台灣本土的公司
除了地理上的限制之外 一些婚禮習俗跟方式也不同
因此許多功能是無法使用的喔
所以這邊就只介紹免費婚禮網站的部分
先列出使用Zola做婚禮網站 我認為的優缺點
優點:
免費 (最重要 笑
很多模板 (而且簡約好看
適度且夠用的自由度 (畢竟是懶人作法 但覺得非常夠用了
有RWD響應式網頁設計 (在不同裝置就會顯示不一樣的排列方式 (也很重要
缺點:
許多功能用不到也不能用 (但畢竟Zola本來就是服務美國婚禮的美國公司
中文字型無法更改 (但系統跑出來的字型我可以接受
文章內容的部分無法直接用超連結 (我一直覺得應該可以 (或許是我不會用?
手機上首頁呈現
手機上分頁呈現
現在除了傳統紙本喜帖之外 (之後也會分享喔 (敬請期待
大多也會搭配電子喜帖
但我認為既然都要準備電子喜帖了
若花一點心思進階成婚禮網站
不只能使用在更多地方 而且資訊也更完整
像我也把婚禮網站的連結製作成QRcode
並印在紙本喜帖上供賓客掃取
而且就算時隔一年後的今天
再次瀏覽我們的婚禮網站 還是很感動耶
那些回憶彷彿如昨日 歷歷在目
而且網站既不會消失 也不需要維運成本
其實起初想過自己從頭做一個專屬的網站 (也確實看過有人這樣做
但當時籌備期間實在太忙
而且後來找到zola這個網站
發現完全不需要自己刻阿 人家都幫你準備妥當
既方便又美 而且還免費 (一直強調 哈
前情提要太多
正題是網站製作跟內容
其實非常簡單 但由於是全英文的網站 站內也沒有翻譯
所以還是做個教學提供給需要的人喔
首先
滑鼠移到首頁上方的Website 並點選Start yor website
1.jpg
接著點選 Create Your Website創建你的網站
2.jpg
接下來是三個小問題協助創立
若打錯或還不確定的部分別擔心
這之後都可以編輯更改喔
3.jpg
你的姓名
左邊first name是名
右邊last name是姓
但到時候可以依照編排需要 更改成自己順眼的樣子即可
4.jpg
另一半的名字
5.jpg
婚禮的日期
若尚未確定 可以勾選下方的小格子跳過這題
6.jpg
最後當然需要一個帳號才方便後續管理囉
你的電子信箱跟8碼的密碼
接著就可以正式設計自己的婚禮網站啦!
網頁會接續以下
開始挑選網站設計模板
7.jpg
因為模板眾多 而且許多模板有不同顏色可以更改
建議用左手邊的顏色縮小挑選範圍
這次我用藍色來示範
8.jpg
點選藍色 將跳出所有跟藍色相關的設計模板
光藍色就有91種設計 不怕找不到喜歡的啦!
9.jpg
每個模板有名稱跟顏色標示
若下方有好幾種顏色的圈圈 表示此模板可以變換顏色喔
像我圈起來的splendor 就有兩種藍色的選擇
10.jpg
直接點選另一個顏色 會馬上變換設計以供參考
11.jpg
滑鼠移到照片上會顯示兩個選項
直接選擇 或是看更多細節
12.jpg
若點選View details 會出現以上畫面
會看到其實這個模板總共有四個顏色可選
但由於我們一開始用藍色來做篩選 所以系統就是篩選出藍色相關的
若你發現此模板其他顏色你更喜歡 當然也可以啦~
甚至也有此模板的紙本喜帖設計跟其他產品
但這部分就要收費了
而且也不方便台灣婚禮的使用 所以就不多著墨啦
13.jpg
決定好這個模板跟顏色之後 點選縮圖上的select就會進入以上這個編輯畫面
你會看見最上方有9個分頁可以編輯
但身在台灣的我們 只需要選擇四個分頁
分別是
Home: 可以分享一些關於你們的故事
例如我放 相識的過程 求婚故事 蜜月旅行
Schedule: 婚禮時間跟地點
Photo: 放照片集
我放一些沒有印出來的婚紗照 跟自助蜜月的照片 等等
你也可以分享共同養的寵物照啦 或是對你們有意義的照片
FAQs: 雖然標題是問答
但我放一些婚禮的注意事項 跟 新人的小秘密
螢幕擷取畫面 2020-12-07 171931.jpg
除了首頁是必須
其他都可以根據個人需求作刪減
螢幕擷取畫面 2020-12-07 171704.jpg
其他的功能還有以上黃色標示的部分
大家可以自由選擇
但基本上我建議的那四個分頁真的就夠了
像Rigistry是禮物的功能
因為老外的婚禮通常不像我們收禮金 而是送禮物
或是RSVP 就是賓客回覆是否出席的功能
但受限於語言跟姓名順序的不同等等原因
我有試用了一下覺得不是很適合 所以還是另外做出席調查
出席問卷我則是用surveycake (專業版功能多很多 (另推客服棒棒喔
14.jpg
基本上每個頁面的可編輯區域都是固定的
就按照自己的故事打上文字跟放照片 右方的畫面也會即時預覽
但需要特別提一下上傳照片的部分
除了大小有限制 所以多少會壓縮畫質之外
記得挑選適合裁剪的照片
15.jpg
照片上傳後同個頁面的即時預覽畫面
16.jpg
新增故事
星號的部分是必須喔
18.jpg
因為畢竟是模板 所以無法做到微調
所以像上方這樣設計就會擋到臉
這時候若會在意就得取捨 看是要換照片 或是不放文字了
19.jpg
若沒設定公開的分頁就會顯示上方紫色的樣子
公開的部分是藍色的樣子
20.jpg
另外在相片集的分頁
照片都是正方形的呈現
所以若不想要出現白邊就必須剪裁
22.jpg
剪裁成適度的大小
23.jpg
我這邊故意放了四張照片
兩張有裁切 兩張沒裁 讓大家看看比較
沒裁切就會出現白邊 尤其是在有底色的版面就會影響
若是白底就比較沒差 但還是會影響排版就是了
另外照片的順序也會影響版面
可以利用照片旁邊的三條小槓槓來拖拉
25.jpg
以上是schedule的畫面
24.jpg
若你像我一樣有證婚儀式就可以分開增加Event
不然就是一個婚禮的活動
而Attire suggestions 是穿著服裝的建議
國外比較注重這部分所以會特別標註
這就看你自己要不要給賓客建議啦
26.jpg
網站的URL也可以做更改喔
17.jpg
也可以到帳號裡面的婚禮細節做許多更改
最後獻上快速示範的婚禮網站給大家看看成果
基本上若按照我的建議教學 只編輯四個分頁的話
婚禮網站可以非常快完成
除非你選擇照片困難或是詞窮 (哈
當然如果你對Zola其他服務也很有興趣
有時間也可以研究玩玩看喔
我當初一開始就花不少時間每個都試試
所以才知道只留這四個分頁是最棒的組合呢 (笑
另外小技巧是
每做一個新增或更改
都要點選左上Preview Website去預覽網頁
務必另開頁面實際預覽一下
因為編輯頁面上的即時畫面並不是最準確的喔!
其實打這篇文章的同時 另外發現類似概念的weddingwire
而且weddingwire甚至更早創立
但我對weddingwire沒有多加了解
有待還沒辦婚禮的其他新人幫忙比較啦~
或是wix也是蠻有名的網站模板 我以前別的專題也使用過
但對於婚禮網站的話
個人覺得Zola還是比較適合的
畢竟Zola是專門籌備婚禮的網站
整理功能跟設計都更符合婚禮的使用
而且老實說
婚禮網站的自由度並不需要太高 (而且有時候選擇越多 越難完成
畢竟只是單純為了婚禮那天嘛
但方法百百種 沒有絕對的好壞
就根據各自的能力及需求選擇囉!
最後最後
如果文章對你有幫助
請幫我按讚分享啦~~~(拜託嘛
讓我有更多動力完成其他文章 哈哈哈
有任何問題也歡迎留言 我會盡力幫大家解答的 (眨眼
ps.在此特別感謝
摯友瓜瓜幫忙英文翻譯的校正 以及 摯友倫的手繪人像
讓我們的婚禮網站更加完整跟獨特

Links booklink

Contact Us: admin [ a t ] ucptt.com