精華文 [籌備]|Mrs.優尼|吸睛故事版的google婚禮調查表--Wix網頁教學

julie4187
Mrs.優尼
 
6 個月前
 

 

結婚是人生大事

可以簡單化、可以複雜化、可以唯美化、可以華麗風

各種的風格

依照每一對新人的負擔能力、準備期長度及想像力來決定

而我呢?不意外,就是勞累勞心等級頗高的

“手作風”

 

 

更多精彩故事可以點擊回“Mrs.優尼笑嗨嗨遊世界”

↓↓↓↓↓↓↓↓↓↓↓↓↓↓

http://julie4187.pixnet.net/blog/post/339257396

 

 

所以,這一系列的婚禮籌備分享,可以看到我們很多累死人的作品及想法

而這篇文章要分享的想法是

結合“我們的故事敘述+照片+影片+google表單”

吸睛程度頗高的婚禮調查表

朋友們的反應都很不錯,分享給準新娘新郎倌~

http://julie4187.wixsite.com/jywedding

為什麼要這麼大費周章,額外再製作一個網站呢?

不外乎就是希望與賓客有多一些的互動

近來幾年頗為盛行的方式之一

就是在facebook上創立婚禮專頁

15.png

我想這應該是“最快速且能見度最高”的方式吧

Frankie & Pei Wedding Art 是我參加過的婚禮中把臉書專頁運用到最徹底的夫妻

除了直接將調查表單放在此,定期po出婚禮進度照片提起賓客的期待心情

甚至到婚禮當天還把婚禮專頁當成一個活動橋段

可以當作教科書等級的參考範本了

1.png

而我們吳氏夫妻則是選擇在填婚禮表單的時候

就讓賓客先有種“搶先看”的感覺~

我相信,所有要宴客的新人一定都想利用google問卷

來統計受邀者的參加意願及資訊

這邊我就不多說怎麼建立表單,以下連結文章已經介紹的很不錯

10步驟設計婚宴邀請google表單

可以參考一下

2.png

wix真的是一個很不錯的免費網頁製作平台

除了擁有大量免費網頁模版之外

連我這個沒有任何設計+程式語言相關背景的人

都可以很快速上手且製作出漂亮網頁

是不是很優秀啊(這個網頁的後台真的很強大~~

但是唯一遺憾是的事情就是

不支援變換中文字體啊,只有明細體

但是這個缺點,文末會有稍微的解決方式

香港中文官方網站:https://www.wixhk.com/

↓↓↓↓↓↓↓↓↓

Wix 英文版首頁登入

現在就快點登入註冊試試看吧~

3.png

↓↓↓↓↓↓↓↓↓

Wix 英文版首頁登入

點擊進入首頁後,右上角的登入(sign in )

就可以直接進入註冊頁面

不需要付錢租用網頁空間或虛擬主機

只要email及登入密碼就可以有個免費網路大平台

wow~~真的是要誇獎一番

4.png

選擇網頁類型的公版式設計網頁的第一步

其實”不是只有wedding"的類型可以選擇

每一個公版都很有特色與質感

很值得花個時間研究一番~

5.png

進入other後

wix很貼心的會問你要選哪種製作方式

左邊:wix機器人引導式一步步製作網站

右邊:完全自己手動製作網站

我自己是選擇右邊的手動式製作

變化性比較高,比較可以客製化自己喜歡的版面

7.png

8.png

左邊搜尋引擎輸入“wedding"會出現15種公版選項

移動到公版圖片會出現“預覽”及“編輯”按鈕

我覺得預覽這個功能很棒,稍微看一下風格排版事不是真的喜歡

9.png

確定版面後進入編輯頁面

我個人是蠻推薦看完官方提供的“介面教學影片”

雖然是全英文

但是短短二分豬的影片,真的可以很快幫助你熟悉此介面

對於熟悉及快速完成網頁有如神助

10.png

我把英文介面簡單翻譯一下,應該可以幫助大家快速熟悉

記得!

在設計網頁前,建議把按鈕都打開來看一下所有的功能

有時候設計的想法,是從功能鍵延伸出來的喔

這樣真的比較快~~

12.png

 

編輯完網頁版面

切記!切記!切記!

很重要所以講三次

一定要切換到手機版本再編輯一次!

因為有些格式及排版“絕對”會跑掉啊!!!

現在是手機當電腦用的時代

大部分的賓客,都會是使用手機來看這個網頁

所以所以,手機頁面這裡也要多放一些心思

 

- 設計婚禮網站常用功能 -

1. 插入照片集(gallery) 

16.png

add→Galley→選擇想要的照片模式

規則化或是不規則,選擇好之後拉到想要的畫面位置

再載入照片就好囉

 

2. 崁入youtube影片

18.png

在youtube的change viedo中直接輸入網址就可以了

 

3. 婚宴倒數計時器

23.png

11.png

 

 

4.  訪客參觀人數

21.png

22.png

 

5.  google地圖

 

19.png

  

6. 將google表單嵌入wix中

26.png

24.png

25.png

非常簡單

就是將google的表單複製嵌入碼

利用wix的功能鍵直接貼上就完成囉

 

-  絕對會遇到的問題 -

不支援中文字體怎麼辦啊 !!可以不要只有新細明體嗎??!!

17.png

這個問題當初苦惱了我好久

有些神網友說的方式有點太困難(直接更改css程式碼)

我失敗了好多次

最後覺得這個方式最簡單

字體裡面點開font→Add Language→把日文勾起來,然後選字體的時候選"Meiryo"就好

雖然有些中文字,日文沒有支援,會跳回新細明體

不過,對我而言已經夠了

20.png

包括把google map中的英文路名改成中文路名

也是用一樣的方式更改

這樣就大功告成囉!!!!

螢幕快照 2017-01-25 下午1.59.14.png

最後附上我們吳氏夫妻的小故事兼填單表格連結

↓↓↓↓↓↓↓↓↓↓↓↓↓↓

http://julie4187.wixsite.com/jywedding

就像是一個作品一樣

裡面有著我們的婚紗

有我們的故事

最重要的是,那一個令我難忘的求婚之夜

一整個網站,有著我們滿滿的心意

希望賓客在參加我們婚禮之前

可以先稍稍的了解我們

很興慶當初花了一些時間做了這個網站

即使婚禮結束了

現在看到這個網站還是有溫馨的感覺

分享給你

請問一下frankie&pei的那個facebook是設一個粉絲頁嗎?

感謝分享資訊!!

謝謝分享 !!!!

julie4187
Mrs.優尼
 
 

親愛的 FeonaKung1107

不會不會,分享參考資料給你

julie4187
Mrs.優尼
 
 

親愛的kero1864s1

不會不會,這是我的經驗,分享給你參考

julie4187
Mrs.優尼
 
 

親愛的gowb536

有私訊給你,不知道有沒有收到,但我個人覺得那個比較像是私人社團

ohya20070717
 
 

哈囉你好

感謝你的分享

但我有問題想問

請問你做出來的婚禮問卷阿

你嵌入google表單後

手機跟網站的格式都先調整過了

但是最後到手機後 填寫時格式會不會類格類格慢慢的然後格式一直往上跑?