[分享] 一起制作免费的专属婚礼网站吧!

楼主: 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