自架網站-oceankang.com架站之路

IMG_2123-1

自己架的網站寶寶出生好開心,也跟大家分享,現在架站工具十分便捷,該有的準備好,自架網站真不難,十分鐘網站就架起來了,剩下的就是填資料進去;十分鐘?!?!?你有沒在呼嚨?沒有,就真的是這麼快阿,把網站架起來很快,但真的花時間的是在前後期,怎麼說,請看下去。

 

為什麼決定自己架站

先說為什麼不搬家好了,換一個blog平台依附,網站的樣貌還是很受限,難保他哪天不會跟無名一樣隨風而逝,如果只是資料轉移,對我來說那只是把一堆年久失修的東西搬到另一個儲藏室擺放,而且我不是流量千萬的部落客,完全不覺得自己原來的資料有值錢(慘),打掉重練我沒有懸念。

架站跟搬家中間似乎還有一個「blogger」的選項,blogger留了很多空間給user改動,近期看到改得blogger都不blogger,讓人驚豔的,是阿奶的網站,但要改成那麼美,裡面要花的功也很多,我評估改那些不在我具備的技能裡,我就放棄了。

但其實最重要的是,Joe陳敬元說的,不服輸的心,別人可以自己架,我為什麼不行,所以我諮詢了已完成的攝影師,然後走上架站之路。

 

評估自己具備的架站技能

你所學的任何技能都不會沒用,有一天他就是你跟別人的差別來源。

1、photoshop

讓我可以把頁面需要的圖象素材跟內容更符合期待地呈現,像我方案頁設計就讓我看了也開心,

但其實沒有這項技能也完全不影響架站。

2、英文閱讀

買國外空間跟國外版型,真的得要看點英文,甚至有問題要詢問時也可立馬線上發問

但我想不用很厲害,而且版型的說明書都有附圖,看圖說故事總是會的

3、看code

前一份工作讓我會看一點點code、會改網頁(真的只是一點點),但這一點點就還滿好用的,實際上並不是必備能力,只是遇到問題看一下會比較快解決

 

除了英文真的需要花時間去看之外,其他能力只是讓我比較快可以有膽量開始把頭洗下去而已。

 

進入實戰階段

接下來我簡單說明我的架站流程,但我不是專業,有些架站步驟走過我就忘了,反正網站現在也是好好在那:P,所以就省略一步一步的教學,主要是分享架站需要作哪些事,以及我選用了哪些廠商及費用組成。

 

1、買網址

www.godaddy.com/pchome

如果要買.com網址,godaddy優惠時,真的可以便宜到你想叫他Daddy,我那天買到0.99美金的oceankang.com網址,加稅跟手續費之後,信用卡扣款35元台幣,鄉親阿,比大創39還便宜,阿捏甘丟!

但godaddy沒賣.tw的網址,要買.tw還是得回台灣買;當初我因為oceank.com這個網址沒得買,一度決定用oceank.tw,也花了800採買,但後來放下這個執著,畢竟.com還是萬用,還是選擇了oceankang.com作為主網址。

TIPs:

godaddy的.com網址原價US$14.99/年,優惠碼來這兒找  http://livecodes.blogspot.tw/

 

費用: godaddy NT$35元/年 | pchome網址 NT$800/年

 

2、挑版型

themeforest.net / prophoto

這個階段我卡關卡了一個月,我心裡有一個期待的樣子,很多版型很棒沒錯,但不是跟其他人很像,就是怎麼都看不到我想要的感覺,挑版型麻煩的是,你得花時間去看demosite,看這版型有哪些可能性,有哪些你想要的但它有限制做不到,或是常常你以為它做不到,也不能太早放棄他因為其實它可以,但有時不是看就看得出來,這時候可能就要到論壇發問,有些版型會附上(或在論壇中會有人自己分享)已經用此版型作好的網站,可以去參考成品是不是你想要的樣子。

分享一下我挑選的幾個”客觀”上的must

  • Layout Responsive 也就是行動裝置的優化,用手機或平板閱讀時可以自動轉為手機版(版型規格會寫);
  • 版型評分要好,商家要有support forum且認真經營,表示商家負責,有問題可以很快得到解答,並且不會出了一個版本之後,再也不給我更新;
  • SEO optimization,以前依附無名,無名本身就權重很重,但自架站單打獨鬥,不作好seo誰找得到你,不過那時不懂,後來才知道有很多seo相關的plug-in,都可以架站之後再裝plug-in進行加強,所以我後來選的版型是沒有強調seo的。

每一個版型都有他的強項,有的版型可以把相本作很炫的呈現,像pinterst那樣的圖片layout,對攝影師呈現自己的作品很有說服力,有的是他有附很多widget供使用,這就要自己去摸索,研究什麼是自己「主觀上的MUST」,才會有答案,這也是我在挑版型就鬼打牆了一個月的原因。

至於最後挑這個版型的前一天,我幾乎是整天在看themeforest跟prophoto,一遍又一遍,還是沒找到適合的,睡前我作了一個禱告,求上帝帶領我找到對的版型,隔天起床我打開themeforest重新再從之前沒看過的類別尋找,第一個找到的就是現在的版型,開心了好久因為我知道就是它了!!畫面乾淨,首頁layout離我想要的感覺非常近,這是很主觀的感受,所以還是要回到自己想要的是什麼,越明確越能順利找到。

themeforest裡,for wordpress的版型價格落在US$30-55的區間,其他的會比較便宜也有十幾塊美金的版型,但因為我之後要用wordpress架站,就從wordpress的那個選項選擇;

prophoto的版型比較貴,入會費US$199,版型另買,價格在US$80-200之間,版型簡約有質感,很多知名攝影師(包括婚攝小武哥、kennychi、葉子)都是用prophoto裡的版型,訪談prophoto使用者是說,prophoto跟wordpress的後台很簡單明瞭好上手,但我沒使用過僅供大家參考;

版型的購買是一次性又是用很久,所以我自己覺得即便是prophoto比較貴,如果有中意也是值得投資的單品(?)。

 

費用:themeforest版型 US$45 信用卡帳單NT$1,449 (一次性買斷)

 

3、買空間

http://www.bluehost.com/

選擇bluehost的原因:

– 他公司大

– 很多其他攝影師用這家

– 有24小時線上的即時文字客服,我還真用了好幾次,雖然有幾次等了半個多小時才排到我,總比要用email往返來得方便。

規格

UNLIMITED Domain Hosting
UNLIMITED GB Hosting Space
UNLIMITED GB File Transfer
UNLIMITED Email Accounts
FREE Domain
FREE Site Builder w/ templates
Secure Shell, SSL, FTP, Stats
CGI, Ruby (RoR), Perl, PHP, MySQL
$100 Google Advertising Offer
24/7 Phone, Chat & Email Support

其實幾個國外很大的空間商價格、規格都差不多,空間、流量都沒有在限制的,這跟在台灣買空間真是天與地,只要克服語言的心理障礙,是非常推薦使用國外大公司的網路空間。

另外,買bluehost的時候,他會送你.com網址一年,所以其實第一年是可以不用買的,只是之後如果想換空間商,不知道會不會被綁死很麻煩,反正姐已經買了35元的網址,就不研究這個了(帥)。

補充說明:bluehost的網址第一年免費.第二年起每年收14.99美金

 

費用:換算台幣大約是NT$5,400/三年

一次買36個月會有最便宜的方案,我買的時候是US$4.95/月,時不時有活動,最近是US$3.95/月

 

4、wordpress架站

買好”網址”、”版型”、”網路空間”之後,需要做的:

1、設定網址的DNS,等他生效

2、登入bluehost的操作介面,在bluehost網站直接有”wordpress架站”的選項

幾個click之後,網站基本架設完成,細節我不太記得了,但google都很容易找到step by step的教學文章。

網路文章:bluehost安裝wordpress教程

 

5、套版型

bluehost會給你維護後台的連結跟帳密,進入wordpress後就可以直接去把你買好的版型匯入,匯完入完網站就基本架好,只是完全沒有內容。

所有的維護都是在網路完成,所以不用擔心自己電腦設備是否夠力之類的,維護就是個有帳密用任何電腦都可以登入,跟以前用blog一樣。

 

6、網站完成後

網站架起來之後才是開始,要怎麼把內容都建進去,是件很花時間的事,當然就是要自己先想好網站的架構,逐一完成沒有捷徑,版型買的時候,都有說明文件,建議一點一點讀過並且線上測試,wordpress也有線上的手冊,遇到問題都可以查詢。

除了填資料,Ocean的網站上有一些像facebook、瀏覽計算的功能,都是後來安裝的plug-in,plug-in百百款,都可以挑選安裝讓網站更豐富。

 

時程

看筆記本我是2013/9/9把所有東西買齊,並且在那天晚上把網站架起來,中間怠工期加一加可能有一個月,10/29也是上線了,Joe更是三天就作好網站上線,我們都沒有架站背景,我們可以,你一定也行。

 

Ocean的架站總費用:

 

網址:NT$35 /(第一年,不知道明年續的時候的價格)

版型:NT$1,449(買斷)

空間:NT$5,400/三年 (平均一年1,800)

目前總花費:NT$7,000有找,明年多的費用只有網址續約的錢,最多三四百。

 

結語:

我覺得現在工具好發達,wordpress根本是神器,自己架站好方便,但就是看你期待這個網站多少,花下去的時間相對就有多少,還有我們這種沒有程式背景的,如果網站被自己弄壞可能就要求救了:P

希望這篇分享可以為還在猶豫中的你/妳有些幫助,如果看完這篇,你評估自己是有能力及時間完成,別再娘了,手無寸鐵(嗯?)的女孩都能自己架出來,真的不難,頭洗下去就會硬著頭皮完成了,共勉之。
小提醒:

如果你是從無名搬家架新站,記得回到無名作「回報新網址」的動作,無名停用後,回報的網址會用於關站後所提供的站對站(site-to-site)自動轉址服務,會將所有導向用戶原本無名小站頁面的流量自動轉導至用戶回報的新網址。

 

特別感謝:

Robert Chang-給我開始的勇氣,並一路有問必答的好朋友Robert;

婚攝小武-不藏私分享架站配套的小武叔叔

婚攝鯊魚-在網站架設上給予我很多正確方向的鯊魚老師

陳敬元-回答我很莫名的問題沒有笑我還鼓勵我,自架網站三天上線的深深鼓舞著我的Joe

感謝主時時帶領,回應我的禱告,榮耀歸祢

 

 

 

4 Comments

  • Reply October 30, 2013

    stuart

    好強!受小弟一拜!

    • Reply October 30, 2013

      Ocean Kang

      科科科 不強 工具都作完了

  • Reply October 30, 2013

    Kevin

    我架站過程也一樣!
    買網域 >> 申請空間(Bluehost) >> 裝Wordpress >> 買/套版型(Themeforest) >> 開張
    如果懂一點網頁編碼的話還可以對版型進行修改!

    • Reply October 30, 2013

      Ocean Kang

      對,其實買不買版型都無妨,他有內建的。
      只是我先找了版型比較心安。
      謝謝Kevin分享 ^^

Leave a Reply

Or