Word press 形像網站建置從部落格開始
description
Transcript of Word press 形像網站建置從部落格開始
WordPress 形像網站建置從部落格開始
Donna Yeh
2013/10/18 1http://tenewsletter5913.blogspot.tw/
個人簡介
2013/10/18 2
Donna Yeh 目前主業 : 拓跋士文創工作室
百分百槓桿創業團隊 http://tedonna.jimdo.com/
TE System : http://te-resource.blogspot.com/
個人網站:http://sop5913.com
雲端新勢力-部落客粉絲專頁主編
學經歷
政大公企 : 網路EMBA 第十五期
主修財務管理、國際財管、財報分析、
行銷管理
銘傳大學 : 主修企業管理、生產管理
過去從事光電與通訊科技生產管理、
產銷企劃主管
Sales & Marketing Support 業管主管。
15 個網路行銷創業的流程步驟SOP
定位
獨特賣點
關鍵字詞
建立網站部落格
粉絲專
頁
收集名單
產品
銷售文案
銷售網頁(影音)
購物流程
自動發信系統
網站優化
銷售流程
聯盟行銷
複製流程
2013/10/18 3
登錄索取電子書網路行銷SOP e-Book http://sop5913.com/
課程內容
1. 為何學WordPress 建置網站?
2. WordPress 獨立網站與免費平台的差異
3. WordPress從 Free blogs註冊開始
4. 網站建置實際操作
5. 申請虛擬主機 & 網域
2013/10/18 4http://tenewsletter5913.blogspot.tw/
WordPress 的定義 ?
CMS(內容管理系統)架站器 :目前在免費的架站器中,Wordpress的市佔率是第一,市佔率已超過一半。
Wordpress 是一個免費的開放原始碼(HTML),意思就是你可以免費使用Wordpress來做營利或是非營利的用途,而且依你的需求也可修改程式碼。
2013/10/18 http://tenewsletter5913.blogspot.tw/ 5
為何學WordPress 建置網站?
2013/10/18 6
1. WordPress所佔資源小,輕巧卻功能完善,擁有很多外掛程式可擴充站台功能,依個人需求做擴充。
2. 一般的免費平台所提供的部落格功能有限,空間有限,就算付費了,功能依然有限,空間有限,WordPress自設網站擁有很大的自由掌控度。
3. WordPress目前在全球也已有上千上萬的使用者,相信未來會成為更主要的blog潮流。
WordPress 功能強大
關於Wordpress 設計模版(Theme)
Wordpress 設計模版(Theme)就是Wordpress 網站的款式、風格,有時候你可以稱設計模版為「佈景主題」;佈景主題有免費和付費的,光免費的就用不完了
關於Wordpress 功能外掛(Plugin)
WordPress 程式本身就已經擁有完整的網站功能,但是因為每個人的需求不同,所以Wordpress工程團隊開發出超過二萬個以上的免費功能外掛,你只要找到適合的外掛,幾秒鐘就可以完成安裝。
2013/10/18 http://tenewsletter5913.blogspot.tw/ 7
Wordpress 可以有什麼功能?
Wordpress的功能(部分列舉)
購物車、收集名單頁、銷售頁、相薄網站
會員網站、社群網站、公司網站
個人部落格、部落格平台(開啟 Multisite多站功能)
想要發揮 Wordpress 的強大功能,你必須要能夠活用佈景主題和功能外掛的使用。
2013/10/18 http://tenewsletter5913.blogspot.tw/ 8
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
WordPress 與免費平台差異
2013/10/18 10
Wordpress vs 一般外包架站
2013/10/18 http://tenewsletter5913.blogspot.tw/ 11
WordPress從blogs註冊開始
實際操作
2013/10/18 12http://tenewsletter5913.blogspot.tw/
Wordpress blogs 註冊http://wordpress.com/#!/my-blogs/
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
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 碼
2013/10/18 http://tenewsletter5913.blogspot.tw/ 15
Wordpress 從blogs註冊開始Wordpress blogs 註冊 http://wordpress.com/#!/my-blogs/
> Sign up and start publishing now.
2013/10/18 http://tenewsletter5913.blogspot.tw/ 16
Get started with WordPress.com by filling out this simple form:
填寫Email 基本資料/Blog Address
2013/10/18 http://tenewsletter5913.blogspot.tw/ 17
選擇Free 或付費網址網域
2013/10/18 http://tenewsletter5913.blogspot.tw/ 18
選擇Free 或付費升級服務
2013/10/18 http://tenewsletter5913.blogspot.tw/ 19
收到啟動WordPress確認信
2013/10/18 http://tenewsletter5913.blogspot.tw/ 20
Sign In 登入
2013/10/18 http://tenewsletter5913.blogspot.tw/ 21
Setting 設定個人資料Setting
2013/10/18 http://tenewsletter5913.blogspot.tw/ 22
Account 設定介面語言zh-tw
2013/10/18 http://tenewsletter5913.blogspot.tw/ 23
Setting Public Profile 設定公開個人資料
2013/10/18 http://tenewsletter5913.blogspot.tw/ 24
Change your Gravatar圖像
2013/10/18 http://tenewsletter5913.blogspot.tw/ 25
Find Friends > 透過Twitter, Facebook, Google帳戶連結
2013/10/18 http://tenewsletter5913.blogspot.tw/ 26
透過Recommended Blogs 尋找有興趣追蹤的Blogs
2013/10/18 http://tenewsletter5913.blogspot.tw/ 27
透過 Blogs I Follow 欣賞其他部落格文章> 登入My Blog
2013/10/18 http://tenewsletter5913.blogspot.tw/ 28
登入My Blog > Create a Blog
2013/10/18 http://tenewsletter5913.blogspot.tw/ 29
命名Blog Address / 部落格名稱
2013/10/18 http://tenewsletter5913.blogspot.tw/ 30
進入管理後台dashboard
點入管理後台控制面板
2013/10/18 http://tenewsletter5913.blogspot.tw/ 31
Apperance >外觀選擇佈景模板主題
2013/10/18 http://tenewsletter5913.blogspot.tw/ 32
外觀模板客製化設定
2013/10/18 http://tenewsletter5913.blogspot.tw/ 33
Apperance外觀> 設定模組選項
2013/10/18 http://tenewsletter5913.blogspot.tw/ 34
Settings >設定部落格基本資料/Blog image 圖片
2013/10/18 http://tenewsletter5913.blogspot.tw/ 35
Settings >設定語言>zh-tw中文繁體
記得Save !
2013/10/18 http://tenewsletter5913.blogspot.tw/ 36
頁面> 編輯頁面> About You
2013/10/18 http://tenewsletter5913.blogspot.tw/ 37
工具> 匯入> 將Blogger網誌匯入
2013/10/18 http://tenewsletter5913.blogspot.tw/ 38
工具> 匯入> 將Blogger網誌匯入
2013/10/18 http://tenewsletter5913.blogspot.tw/ 39
工具> 匯入> 將Blogger網誌匯入
2013/10/18 http://tenewsletter5913.blogspot.tw/ 40
我的網誌發表 & 頁面 About Donna
網址 http://teresource.wordpress.com/
2013/10/18 http://tenewsletter5913.blogspot.tw/ 41
我的網誌 > 新增文章
2013/10/18 http://tenewsletter5913.blogspot.tw/ 42
我的網誌 > 新增文章
2013/10/18 http://tenewsletter5913.blogspot.tw/ 43
複製Bloger HTML碼>更新
2013/10/18 http://tenewsletter5913.blogspot.tw/ 44
Blog 建立完成>檢視發行文章
http://teresource.wordpress.com/
2013/10/18 45
中場休息一下
WordPress 網站建置
2013/10/18 46http://tenewsletter5913.blogspot.tw/
Wordpress官方英文網站:http://wordpress.org/
Wordpress官方中文網站:http://tw.wordpress.org/
2013/10/18 http://tenewsletter5913.blogspot.tw/ 47
WordPress網站架設流程
步驟如下:
1. 申請(購買)虛擬主機 & 網域2. WP 程式下載&安裝3. WP 外掛安裝4. WP 基本設定5. WP 佈景主題安裝
申請(購買)虛擬主機 & 網域
2013/10/18 48http://tenewsletter5913.blogspot.tw/
推薦 Hostmoster網址 http://www.hostmonster.com/
2013/10/18 http://tenewsletter5913.blogspot.tw/ 49
網域 &網址定義
網域或網址代表網路的運作範圍與網路主機的位址。
舉例來說,yahoo.com.tw就是一種網域,前面加上www(或其他名稱)後,就是讀者所熟悉的www.yahoo.com.tw完整的網址架構。
網址架構通常有四層,例如自由時報的網址是www.libertytimes.com.tw,
五大虛擬主機評測 - US-WebHosting.com
申請虛擬主機 & 網域
2013/10/18 50
一.虛擬主機公司hostmonster,點此開始申請
二.網址http://www.hostmonster.com/
三.點擊「Sign Up Now」開始申請
評價最優虛擬主機商 –
HostMonster
無限制空間跟流量.
無限制域名
無限制Email 帳號
免費一個網域名稱
$100 Google Adwords 廣告
免費建站服務軟體
免費購物建站軟體
最後他們的服務都是自己建構, 非外包商.
2013/10/18 http://tenewsletter5913.blogspot.tw/ 51
一、申請虛擬主機有贈送一個網址,填寫網址後按 [Next] 下一步
2013/10/18 http://tenewsletter5913.blogspot.tw/ 52
二、填寫付款資訊(英文地址查尋網址:http://www.post.gov.tw/post/index.jsp )
2013/10/18 http://tenewsletter5913.blogspot.tw/ 53
三、填寫付款資訊-Account Information(英文地址查尋網址: http://www.post.gov.tw/post/index.jsp )
2013/10/18 http://tenewsletter5913.blogspot.tw/ 54
四、填寫付款資訊 (Package Information)
2013/10/18 http://tenewsletter5913.blogspot.tw/ 55
點選24Month Price
$5.95/mo.
其他勾選費用刪除
五、填寫付款資訊(Billing Information)
2013/10/18 http://tenewsletter5913.blogspot.tw/ 56
五、最後確認
最後勾選 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/
作業
1. 註冊 Free WordPress Blog , 增加一個頁面(About You), 寫一篇部落格文章或匯入Google Blogger 網誌
2. 網站網址 email給Donna [email protected]
2013/10/18 58http://tenewsletter5913.blogspot.tw/
網路達人不可不知的4 大應用資源
1. Facebook 粉絲專頁經營與推廣
2. 製作自己專屬電子書與購物金流
3. 自動發信糸統暨電子報製做
4. 形象網站建置與實作
2013/10/18 59http://tenewsletter5913.blogspot.tw/
日後詳細課程請查詢 http://te-resource.blogspot.tw/
2013/10/18 60http://tenewsletter5913.blogspot.tw/
日後詳細課程請查詢 http://te-resource.blogspot.tw/