[分享] 免费自制婚礼网站小工具Wix (附教学)

楼主: eve781022 (舒舒)   2018-03-06 13:57:59
今天想和大家分享一下我们用来做婚礼网站的免费小工具!
详细图文教学版请见网志:
http://eveshy.pixnet.net/blog/post/342816191
统计婚礼人数&排桌位是婚礼筹备过程中最麻烦的前三项之一
这几年参加好友们婚宴稍微观察下来,
不外乎“Google表单”、“FB活动邀请”、“婚礼网站”几种。
大部分朋友在统计婚礼人数时都会用最简单的Google表单,
若是稍微要求的朋友就会自己/找人做网站。
我和未婚夫其实也很认真思考要用什么形式来邀请朋友,
才能表达我们的感谢与重视、也能精确统计出席人数呢?
对我们来说,婚礼邀请的过程就已经是宾客体验这场婚礼的开始,
新人用心程度在这阶段就可以感受到的。
因为不是程式背景出身,看到一些会写程式的朋友们做了漂亮的婚礼网站总是很羡慕!
而且我又是强迫症新娘!
不想要细心慎重地筹备婚礼,却在这个环节漏掉了呀~
上网搜寻了一些资料后,找到了一个免费又好用的工具“Wix”,完全适合新手!
想要有很酷的分分秒秒倒数?没问题!
想放好多照片分享?也没问题!
简直是想弄个厉害婚礼又预算有限的小资新娘救星!!!!
它有多简单呢?只要素材都准备好了,就能挑战一天架站!
前两周我才在崩溃说婚礼进度逼近0,因为太焦虑于是赶快赶进度!
一个周末里我们定好蜜月地点日期、敲好喜饼内容、选了放大照并自己排版了婚纱相本,
再用半天时间用Wix架出看起来还能唬人的网站,
接着等网站内容确认后就可以用FB/Line等社群软件传给朋友们统计人数了!
用Wix架出的网站中就有两人的简单介绍、有表单统计的功能、倒数时钟、嵌入地图、
又能展示更多我们的婚纱照或侧拍,让至亲好友们更能分享我们的甜蜜喜悦。
Wix不专业简介
Wix是一个免费工具,简单好上手,
里面有很多很多不同的模板,可以依需求和美感偏好去选择,
制作时可以同步预览,是非常User-friendly的直觉式操作。
而且它很贴心,还有手机版!这样就不用担心朋友是用什么来看网站了。
(虽然不像RWD网页那么厉害可以随着各种萤幕或视窗尺寸自动缩放大小,
但至少有电脑版/手机版两种就很够了!)
功能上除了上面提到的图文编排、照片艺廊、倒数时钟、表单统计嵌入、地图嵌入外,
还有很多应用工具(Apps)可以客制化嵌入网站,
包含日历、多场活动简介、线上聊天视窗、卖票、募资、网志、插入音乐......等。
因此除了婚礼邀请,也有很多商业网站、作品集或是个人网站、网志可以用Wix来制作。
是不是很厉害~~~~(掌声鼓励)
下面就来一步步来个步骤说明,让和我一样电脑苦手的新娘纸们参考参考唷!
Wix入门第一步:注册帐号
有三种注册方式,填写email、以FB登入、以Google+登入,都可以!
填完以后,就恭喜妳简单快速地完成第一步!(连去信箱收认证信都不用,超方便!)
Step 2:选择妳想制作的网站类型
这个选单的存在,是因为Wix当中有非常多的网站模板!
它会依据妳选的分类推荐模板类型。像我就先选择了Event分类。
(进到每个类别之后想要更换类别也是可以的,它们就在待会会出现的左边浏览列喔!)
进入Event分类后,就有好多种可以选!甚至还有次分类,例如婚礼、会议、活动、表演等
但也不一定哪个版型就一定得用来做什么用途,都是看自己的喜好。
而就因为它的自由度非常大,
里面的图片、字型、位置、按钮样式都可以客制化随意调整,也可加入自己需要的功能,
所以选template的秘诀就是...第一眼顺眼就好,不用100%爱
Step 3:观看教学影片(可省略)
选好网站模板后,Wix就会很友善地跳出教学影片!
(妳也可以仔细看完我这篇文,就不用看影片了嘻嘻)
Step 4:熟悉模板内容及可编辑区块
一开始出现的会是模板默认的长相,
点击画面中的图片或文字区块,就可以更换内容或更改样式。
右上角的“Mobile”按钮是全部排版完之后可以再去微调手机版的长相,
“Saved”按钮是可以手动储存修改进度(但其实它时不时就会自动帮妳储存囉。)
“Preview”及“Publish”则是“预览”及“发布”。
点击左上角可以看模板默认的网站架构中有哪些页面,编辑各个页面也是在这里选择喔!
Step 5:开始制作
我火速换了主视觉图片、调整了右上角浏览列样式、加了填写表单的RSVP超连结按钮,
及右上角的FB分享按钮,调整后的页面就和原本模板感觉不同了
因为制作时就可以看到到时候网站的长相,
所以操作起来并不会很困难,也不需要想像成品到底会长什么样子!
快速稍微调整首页之后,接下来带大家看看下面这些比较实用的功能!
1. 增加或减少页面:
在这里可以新增页面、将页面放入子分类、设定页面超连结...等。
2. 增加页面中的项目:
这里是页面编辑的精华功能!上面这边只是显示其中一项。
在这块选单里可以增加文字、单张图片、照片艺廊、按钮、手绘插画、几何图形、
线条、影片、地图、留言框、订阅功能、社群按赞分享留言、弹出式欢迎画面...等,
列到我头都要昏了,超!级!丰!富!等妳来慢慢摸索(笑)
3. 增加页面中的应用程式
比较具有互动性的功能都集中在这,包含置入倒数时钟、串入Instagram页面、FB分享、
加入订票功能、幻灯片播放、Spotify、Pintrest、邀请大家按赞某个FB专页、
甚至连分析来妳网站的使用者行为等上百项功能这里面都有~
4. 手机版排版
上面介绍的这些功能进去摸一摸很快就上手了!电脑版本的页面排好后,就可以做手机版
还记得刚刚说的吗?点击右上角的“Mobile”就可以进行修改手机版。
点进去后会先看到网站帮你自动带入的手机默认排版,
这里的操作及页面选取方式都和电脑版的编辑页面相同。
可以再依自己觉得看起来舒服、喜欢的样式去调整图片和文字大小、间距、位置等,
或是将一些手机版上不需要出现的内容区块隐藏起来。
但不能增加内容,也只能一个区块一个区块做调整唷!
Step 6:预览/发布
全部做好后,就可以来预览妳的心血结晶囉~
虽然一边做也会看到大致长相,但实际打开网页滑起来感觉就是有那么点不一样嘛!!
这时候如果有看到哪些想再调整的,都还可以回去调整!
像我后来就又调整了相片集的空白间距,觉得留白少一点、照片大一点的(好像)比较美
以上是一个下午的成果,接下来就是再做内容的微调啦~
连对写网站coding根本就不在行的我都可以做出来,妳们一定也没问题的!
最后最后~要说一个我觉得它非常棒的地方!是可以设定共用使用者!
在“Edit Site”点下去之后,左侧列表最下面有个“Roles & Permissions”。
妳可能想问,啊是棒在哪?
因为...这时候就可以把队友加进来啦~
用这个共同编辑来分工合作会让两人都更夫妻同心
(有些姐妹常常会抱怨队友没什么事情做、都摆烂...让新娘纸好生气!
但有时队友们真的就是不知道该从何参与嘛...他们也有点点无辜!)
这时候就安插工作给他XDDDD
但要注意这个网站一次只能一个使用者进行编辑!记得和队友的时间错开唷!
以上就是粗浅的Wix工具分享,希望有帮上正在烦恼的妳!
(如果有说明不周的地方也欢迎再问我唷~)
Wix网址:https://www.wix.com/
我的婚礼网站:https://eveshyang.wixsite.com/efweddingjun23th

Links booklink

Contact Us: admin [ a t ] ucptt.com