60
WordPress 形像網站建置 從部落格開始 Donna Yeh 2013/10/18 1 http://tenewsletter5913.blogspot.tw/

Word press 形像網站建置從部落格開始

Embed Size (px)

DESCRIPTION

為何學WordPress 建置網站? 1. WordPress所佔資源小,輕巧卻功能完善,擁有很多外掛程式可擴充站台功能,依個人需求做擴充。 2. 一般的免費平台所提供的部落格功能有限,空間有限,就算付費了,功能依然有限,空間有限,WordPress自設網站擁有很大的自由掌控度。 3. WordPress目前在全球也已有上千上萬的使用者,相信未來會成為更主要的blog潮流。 詳細課程請查詢 http://te-resource.blogspot.tw/

Citation preview

Page 1: Word press 形像網站建置從部落格開始

WordPress 形像網站建置從部落格開始

Donna Yeh

2013/10/18 1http://tenewsletter5913.blogspot.tw/

Page 2: Word press 形像網站建置從部落格開始

個人簡介

2013/10/18 2

Donna Yeh 目前主業 : 拓跋士文創工作室

百分百槓桿創業團隊 http://tedonna.jimdo.com/

TE System : http://te-resource.blogspot.com/

個人網站:http://sop5913.com

雲端新勢力-部落客粉絲專頁主編

學經歷

政大公企 : 網路EMBA 第十五期

主修財務管理、國際財管、財報分析、

行銷管理

銘傳大學 : 主修企業管理、生產管理

過去從事光電與通訊科技生產管理、

產銷企劃主管

Sales & Marketing Support 業管主管。

Page 3: Word press 形像網站建置從部落格開始

15 個網路行銷創業的流程步驟SOP

定位

獨特賣點

關鍵字詞

建立網站部落格

粉絲專

收集名單

產品

銷售文案

銷售網頁(影音)

購物流程

自動發信系統

網站優化

銷售流程

聯盟行銷

複製流程

2013/10/18 3

登錄索取電子書網路行銷SOP e-Book http://sop5913.com/

Page 4: Word press 形像網站建置從部落格開始

課程內容

1. 為何學WordPress 建置網站?

2. WordPress 獨立網站與免費平台的差異

3. WordPress從 Free blogs註冊開始

4. 網站建置實際操作

5. 申請虛擬主機 & 網域

2013/10/18 4http://tenewsletter5913.blogspot.tw/

Page 5: Word press 形像網站建置從部落格開始

WordPress 的定義 ?

CMS(內容管理系統)架站器 :目前在免費的架站器中,Wordpress的市佔率是第一,市佔率已超過一半。

Wordpress 是一個免費的開放原始碼(HTML),意思就是你可以免費使用Wordpress來做營利或是非營利的用途,而且依你的需求也可修改程式碼。

2013/10/18 http://tenewsletter5913.blogspot.tw/ 5

Page 6: Word press 形像網站建置從部落格開始

為何學WordPress 建置網站?

2013/10/18 6

1. WordPress所佔資源小,輕巧卻功能完善,擁有很多外掛程式可擴充站台功能,依個人需求做擴充。

2. 一般的免費平台所提供的部落格功能有限,空間有限,就算付費了,功能依然有限,空間有限,WordPress自設網站擁有很大的自由掌控度。

3. WordPress目前在全球也已有上千上萬的使用者,相信未來會成為更主要的blog潮流。

Page 7: Word press 形像網站建置從部落格開始

WordPress 功能強大

關於Wordpress 設計模版(Theme)

Wordpress 設計模版(Theme)就是Wordpress 網站的款式、風格,有時候你可以稱設計模版為「佈景主題」;佈景主題有免費和付費的,光免費的就用不完了

關於Wordpress 功能外掛(Plugin)

WordPress 程式本身就已經擁有完整的網站功能,但是因為每個人的需求不同,所以Wordpress工程團隊開發出超過二萬個以上的免費功能外掛,你只要找到適合的外掛,幾秒鐘就可以完成安裝。

2013/10/18 http://tenewsletter5913.blogspot.tw/ 7

Page 8: Word press 形像網站建置從部落格開始

Wordpress 可以有什麼功能?

Wordpress的功能(部分列舉)

購物車、收集名單頁、銷售頁、相薄網站

會員網站、社群網站、公司網站

個人部落格、部落格平台(開啟 Multisite多站功能)

想要發揮 Wordpress 的強大功能,你必須要能夠活用佈景主題和功能外掛的使用。

2013/10/18 http://tenewsletter5913.blogspot.tw/ 8

Page 9: Word press 形像網站建置從部落格開始

WordPress 網站範例

行銷之神 Jay Abraham 網站

http://www.abraham.com

流量大師 John Reese 的網站

http://www.marketingsecrets.com

Donna TEam SMART Blog http://sop5913.com/

iDesign Shop e 評網 http://idesignshop.org/

雲端新勢力 http://edesign5913.com/

2013/10/18 http://tenewsletter5913.blogspot.tw/ 9

Page 10: Word press 形像網站建置從部落格開始

WordPress 與免費平台差異

2013/10/18 10

Page 11: Word press 形像網站建置從部落格開始

Wordpress vs 一般外包架站

2013/10/18 http://tenewsletter5913.blogspot.tw/ 11

Page 12: Word press 形像網站建置從部落格開始

WordPress從blogs註冊開始

實際操作

2013/10/18 12http://tenewsletter5913.blogspot.tw/

Wordpress blogs 註冊http://wordpress.com/#!/my-blogs/

Page 13: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 13

WordPress 帳戶註冊流程

步驟如下:1. WordPress blogs 註冊2. 填寫Email 基本資料/Blog Address3. 選擇Free 或付費網址網域/升級服務4. 收到啟動WordPress確認信5. Sign In 登入 /Setting 設定個人資料6. Account 設定介面語言zh-tw 中文繁體7. Setting Public Profile 設定公開個人資料8. Find Friends > 透過Twitter, Facebook, Google 帳戶

連結9. 透過Recommended Blogs 尋找有興趣追蹤的Blogs10.登入My Blog

Page 14: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 14

WordPress blogs 建立流程

步驟如下:11.登入My Blog > Create a Blog12.命名Blog 網址 / 部落格名稱13.進入管理後台dashboard14.Apperance 外觀>選擇佈景主題/客製化設定15.Apperance 外觀> 設定模組選項16.Settings >設定部落格基本資料/Blog image 圖片17.Settings >設定語言>zh-tw中文繁體18.頁面> 編輯頁面> About You19.工具> 匯入> 將Blogger網誌匯入20.我的網誌 > 新增文章 > Copy Google Blog HTML 碼

Page 15: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 15

Wordpress 從blogs註冊開始Wordpress blogs 註冊 http://wordpress.com/#!/my-blogs/

> Sign up and start publishing now.

Page 16: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 16

Get started with WordPress.com by filling out this simple form:

填寫Email 基本資料/Blog Address

Page 17: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 17

選擇Free 或付費網址網域

Page 18: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 18

選擇Free 或付費升級服務

Page 19: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 19

收到啟動WordPress確認信

Page 20: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 20

Sign In 登入

Page 21: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 21

Setting 設定個人資料Setting

Page 22: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 22

Account 設定介面語言zh-tw

Page 23: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 23

Setting Public Profile 設定公開個人資料

Page 24: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 24

Change your Gravatar圖像

Page 25: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 25

Find Friends > 透過Twitter, Facebook, Google帳戶連結

Page 26: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 26

透過Recommended Blogs 尋找有興趣追蹤的Blogs

Page 27: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 27

透過 Blogs I Follow 欣賞其他部落格文章> 登入My Blog

Page 28: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 28

登入My Blog > Create a Blog

Page 29: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 29

命名Blog Address / 部落格名稱

Page 30: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 30

進入管理後台dashboard

點入管理後台控制面板

Page 31: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 31

Apperance >外觀選擇佈景模板主題

Page 32: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 32

外觀模板客製化設定

Page 33: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 33

Apperance外觀> 設定模組選項

Page 34: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 34

Settings >設定部落格基本資料/Blog image 圖片

Page 35: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 35

Settings >設定語言>zh-tw中文繁體

記得Save !

Page 36: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 36

頁面> 編輯頁面> About You

Page 37: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 37

工具> 匯入> 將Blogger網誌匯入

Page 38: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 38

工具> 匯入> 將Blogger網誌匯入

Page 39: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 39

工具> 匯入> 將Blogger網誌匯入

Page 40: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 40

我的網誌發表 & 頁面 About Donna

網址 http://teresource.wordpress.com/

Page 41: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 41

我的網誌 > 新增文章

Page 42: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 42

我的網誌 > 新增文章

Page 43: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 43

複製Bloger HTML碼>更新

Page 44: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 44

Blog 建立完成>檢視發行文章

http://teresource.wordpress.com/

Page 45: Word press 形像網站建置從部落格開始

2013/10/18 45

中場休息一下

Page 46: Word press 形像網站建置從部落格開始

WordPress 網站建置

2013/10/18 46http://tenewsletter5913.blogspot.tw/

Wordpress官方英文網站:http://wordpress.org/

Wordpress官方中文網站:http://tw.wordpress.org/

Page 47: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 47

WordPress網站架設流程

步驟如下:

1. 申請(購買)虛擬主機 & 網域2. WP 程式下載&安裝3. WP 外掛安裝4. WP 基本設定5. WP 佈景主題安裝

Page 48: Word press 形像網站建置從部落格開始

申請(購買)虛擬主機 & 網域

2013/10/18 48http://tenewsletter5913.blogspot.tw/

推薦 Hostmoster網址 http://www.hostmonster.com/

Page 49: Word press 形像網站建置從部落格開始

2013/10/18 http://tenewsletter5913.blogspot.tw/ 49

網域 &網址定義

網域或網址代表網路的運作範圍與網路主機的位址。

舉例來說,yahoo.com.tw就是一種網域,前面加上www(或其他名稱)後,就是讀者所熟悉的www.yahoo.com.tw完整的網址架構。

網址架構通常有四層,例如自由時報的網址是www.libertytimes.com.tw,

五大虛擬主機評測 - US-WebHosting.com

Page 50: Word press 形像網站建置從部落格開始

申請虛擬主機 & 網域

2013/10/18 50

一.虛擬主機公司hostmonster,點此開始申請

二.網址http://www.hostmonster.com/

三.點擊「Sign Up Now」開始申請

Page 51: Word press 形像網站建置從部落格開始

評價最優虛擬主機商 –

HostMonster

無限制空間跟流量.

無限制域名

無限制Email 帳號

免費一個網域名稱

$100 Google Adwords 廣告

免費建站服務軟體

免費購物建站軟體

最後他們的服務都是自己建構, 非外包商.

2013/10/18 http://tenewsletter5913.blogspot.tw/ 51

Page 52: Word press 形像網站建置從部落格開始

一、申請虛擬主機有贈送一個網址,填寫網址後按 [Next] 下一步

2013/10/18 http://tenewsletter5913.blogspot.tw/ 52

Page 53: Word press 形像網站建置從部落格開始

二、填寫付款資訊(英文地址查尋網址:http://www.post.gov.tw/post/index.jsp )

2013/10/18 http://tenewsletter5913.blogspot.tw/ 53

Page 54: Word press 形像網站建置從部落格開始

三、填寫付款資訊-Account Information(英文地址查尋網址: http://www.post.gov.tw/post/index.jsp )

2013/10/18 http://tenewsletter5913.blogspot.tw/ 54

Page 55: Word press 形像網站建置從部落格開始

四、填寫付款資訊 (Package Information)

2013/10/18 http://tenewsletter5913.blogspot.tw/ 55

點選24Month Price

$5.95/mo.

其他勾選費用刪除

Page 56: Word press 形像網站建置從部落格開始

五、填寫付款資訊(Billing Information)

2013/10/18 http://tenewsletter5913.blogspot.tw/ 56

Page 57: Word press 形像網站建置從部落格開始

五、最後確認

最後勾選 I confirm I have read and agree to the Terms of service,都填寫完成後,請按 [ NEXT ],即成功完成訂購程序,您會收到來自虛擬主機商的確認或者是感謝信,他會寄到您剛剛填的 email信箱中,當然您也可以馬上登入您的 Control Panel管理介面,而您的 Domain name大約會在 24小時左右開通完成並且可以使用。

2013/10/18 http://tenewsletter5913.blogspot.tw/ 57

日後詳細課程請查詢 http://te-resource.blogspot.tw/

Page 58: Word press 形像網站建置從部落格開始

作業

1. 註冊 Free WordPress Blog , 增加一個頁面(About You), 寫一篇部落格文章或匯入Google Blogger 網誌

2. 網站網址 email給Donna [email protected]

2013/10/18 58http://tenewsletter5913.blogspot.tw/

Page 59: Word press 形像網站建置從部落格開始

網路達人不可不知的4 大應用資源

1. Facebook 粉絲專頁經營與推廣

2. 製作自己專屬電子書與購物金流

3. 自動發信糸統暨電子報製做

4. 形象網站建置與實作

2013/10/18 59http://tenewsletter5913.blogspot.tw/

日後詳細課程請查詢 http://te-resource.blogspot.tw/

Page 60: Word press 形像網站建置從部落格開始

2013/10/18 60http://tenewsletter5913.blogspot.tw/

日後詳細課程請查詢 http://te-resource.blogspot.tw/