我們的強迫症婚禮(官方網站)總覽 - 結婚

好讀網誌版
http://ppinkandbblack.blogspot.tw/2017/01/blog-post_24.html

嗨，我是寫蜜月寫到有點累的新郎~~
暫時讓強迫症婚禮系列強勢回歸!!

逃避了很久，因為用想的就覺得會很瑣碎，但總是有一天要還的，
這篇是 – 任何人都能做的"官方網站". 沒錯，是"任．何．人"都可以做.

如果有發摟系列文章的捧油可能覺得我都在自嗨，分享歸大堆．啊又不能抄.
那這篇就是您要的了，所有人都可以模仿，完全免費，唯一的成本叫“時間”.

卡早做了約一年的廣告AE，許多當時認識的朋友常在FB上分享新事物.
就是這樣認識這個網站的. 別擔心，我任何設計軟體都不會，只會PPT貼來貼去.

嗯，這樣就夠了，只要會PPT最基本的技能就可以完成，就讓我娓娓道來吧..
網址先來：http://tommyandlori.wixsite.com/tommyandloriswedding

我花了不多不少7天的時間完成．99%是原汁原味原創. 吸底．雞要七肛!!
其中包含邊做邊摸索、其中5天還是白天上班晚上加班 (不是您想的那種加班..)

會想做這個的原因是始終覺得填問卷很乾．喜帖上也不適合太多廢話.
但賓客既然都要來參加婚禮了．對新人完全一點都不認識那到底來幹嘛??
剛好又搜到這位新娘的分享．其實網站整體架構也是參考她的．在此一鞠躬~~
http://amanda923g.pixnet.net/blog/post/299790071

好啦我知道男女生的哏不盡相同．女生看女生比較有共鳴．要左轉我不會攔您.
不過都看到這裡了給個面子咩．這一篇也會算是應有盡有的工具書啦~~



好了很長的前言忍痛控制在500字以內．首先我們來看看有哪些出頭.


網站地圖：
首頁 關於 靜態 動態 出席 婚禮 留言 聯絡
亻也 求婚 求婚
女也 婚紗 預告
S HE 秘辛

其中首頁特別插了3個連結可直達：靜態-婚紗、出席、婚禮


網站架構：
首頁：就是Home Page．這還需要解釋的話.. 沒關係官網不見得要做啦~~
關於-亻也：就是新郎本人的介紹
關於-女也：就是她大小姐的介紹
關於-S HE：就是關於我們的介紹．不用”他們”是為了男女平等不用”他”.
靜態-求婚：就是求婚當天拍的照片．還有些求婚戒指、大拜拜等的合照.
靜態-婚紗：就是婚紗照，35張塞滿滿，攏齁哩啦!!
靜態-秘辛：就是"韓國婚紗大剖析"共5篇，幕後直擊!!
動態-求婚：就是求婚影片+實況轉播，走過路過不會讓您錯過!!
動態-預告：就是整場婚禮的預告片，官方正式預告中文版放送!!
出席：就是google調查表單，我把它整個嵌進網站分頁了!!
婚禮：就是婚禮當天的事時地物，怎麼沒有人?? 人都不知道是誰別來了拜託~~
留言：就是類似各大網站新聞下的留言版，嵌入FB留言工具.
聯絡：就是客服系統，留下個人資訊後將有專人為您服務，自動E-mail至信箱.



自己實做了一個後，深切體會沒人教學的痛苦，所以我會盡可能細講，很瑣碎.
會比較著重在我有卡住的地方，如果真的還有漏掉或疑問再另外討論吧~~


首先，您必須要先key入網址：http://www.wix.com

接著，請點右上角的Sign In. 不用怕，沒毒且免費，按下去就對了.
http://imgur.com/C1tEDAg

然後，到這了當然要註冊啊不然要幹嘛~~ 懶惰的話用FB帳號應該最快速.
http://imgur.com/4HVLXiD

登入後，單刀直入不拖泥帶水讓您選擇想要製作的網站種類. 建議選"Event"
http://imgur.com/JnpsaGB

進去後可能會眼花撩亂，左邊選單有次選項"Wedding & Celebration"
http://imgur.com/xMfhL1q

基本上我是選用這個版本再拿來亂改，但其實選哪一個都可以自由發揮哦~~
http://imgur.com/YGNMnsL

挑選時請注意左上角有註明費用，免費的居多，別小看免費的功能多到驚人啊!!
http://imgur.com/LukdREU

在最終決定前可以預覽每個範本，選擇最接近您想要的排版改起來會比較輕鬆.
http://imgur.com/4ZRM6v0

找到"Edit"後按下就會開始這個讀取畫面囉，耐心等它跑完唄~~
http://imgur.com/uNu7Pho



我們先簡單說明幾個常用的選項，工欲善其事必先利其器，知己知彼百戰百勝.

左列選單第一個跟"背景"有關，有內建的也可以自行上傳喜歡的圖片.
http://imgur.com/1cVDNp3

左列選單第二個類似"插入"功能，從文字/圖片/按鈕/影片/連結…等應有盡有.
http://imgur.com/ZAqrtvP

左上角是"頁面選單"，可以編輯/搜尋/新增/刪除在這個網站的所有頁面.
http://imgur.com/fDMnYE5

右上角由左而右是"縮小/上一步/下一步/手機版/儲存/預覽/發佈"選項.
http://imgur.com/H49Ztka

是的，您沒看錯，這網頁還同步提供手機版，調整自由度也頗高.
別緊張，要能飛之前得先會跑，網頁版完成後再來細調手機版即可.
現代人幾乎都手機成癮，一個網頁沒有手機版就跟0.5s一樣，半套.


介紹完了. 蛤?? 您問其他的功能呢?? 我幾乎沒用到，有興趣可以自己玩玩.
就是這麼簡單幾個主要選項，就足以完成這個近乎100%客製化的官方網站.
這樣講您有沒有多一點點興趣了?? 如果還是沒有.. 好啦是我不好我跪..


這篇接近尾聲，還有一點篇幅再介紹一下網頁的分佈位置，有助於之後的說明.


在這個編輯頁面，我們總共可以分成四塊：
1. 頁首 (Header)：就是最上面那塊
2. 頁面 (Page) ：就是最中間那塊
3. 頁尾 (Footer) ：就是最下面那塊
4. 背景 (Background) ：就是整塊

好啦，您知道我知道您不知道我在講啥，但其實就是這樣啊哈哈~~
俗話說的好，字不如表/表不如圖，所以請見示意圖.
http://imgur.com/QWHNCQc

如果套用到我們的網站的話長這樣.
http://imgur.com/NLL6UYk


最近的文章都不小心爆字數，就讓我們把這篇留在穠纖合度的2,000字吧.
敬請期待下篇，官方網站無中生有大剖析，清．晰．透．明!!


對了．最後提醒一下．這網站有個很大的缺點：沒有中文版.
所以英文不好的捧油請多多利用英中字典．總是得付出努力的咩是吧~~
還有該網站使用的中文字體無法挑選．完全內建．英文倒是有不少字體.
我大概試過如果是一般PC看到的是細明體．MAC系列看到的是微軟正黑體.
(不要問我是細明體還是新細明體．從小用到大這兩個差在哪從來沒搞清楚過..)
所以建議使用MAC觀看．畫面質感差．很．多，喜歡快動手試試唄~~

--
粉紅黑 https://www.facebook.com/pinkanblack/

--