1.先安裝

單機版伺服器環境架設與MYSQL 安裝(免費版本):

http://www.wampserver.com/en/

2.再下載安裝

WordPress軟體請下載 

https://tw.wordpress.org/wordpress-4.1.1-zh_TW.zip

 

3.安裝金流模組:

https://www.allpay.com.tw/Content/files/allPay_WooCommerce_20141205.zip

 

  • ● 信用卡一次付清
  • ● 信用卡分期(適用於特約商店)
  • ● ATM櫃員機
  • ● 網路ATM
  • ● 超商代碼繳費
  • ● 超商條碼繳費
  • ● 儲值支付帳戶/ 歐付寶帳戶

4.安裝 woocommerce購物車、商品上架  

http://downloads.wordpress.org/plugin/woocommerce.zip

 

WordPress設定:


預設佈景主題


WordPress控制台後,點選外觀/佈景主題

 

Page1_1.jpg    
找到「貳零壹貳」,點選啓 

接下來可以到前台預覽的主題了。

Page1_2.jpg    

架設WordPress基本網站 

在開始之前,需要先完成⼀些初始設定。

設定:點選「設定/一般」

Page2_1.jpg    


在這邊可以將網站的標題與描述進⾏更改並且將時區換成當地時區,以台灣來說,時區 為「UTC+8」 

設定完成 後點選儲存變更。

Page2_2.jpg   架設WordPress基本網站 

搜尋引擎:在網站尚未製作好之前,通常不會將搜尋開啟,若在安裝時有開啟,可以到 「設定/閱讀」將「阻擋搜尋引擎索引這個網站」勾選,並且儲存變更。
Page3_1.jpg  

在發表文章時,可以藉由個人資訊設定要顯示的暱稱。點選控制台⾴右上的「帳號」 

,將暱稱改 成要的名稱,接者點選儲存變更即可改變顯名稱。

 
Page4_1.jpg

架設WordPress基本網站
連結網址:在預設的狀況下,網址的顯⽰不太好看,例如:http://www.qwerty.com/? page_id=6,這樣會造成搜尋引擎無法了解網址表達的意義,SEO就會有影響。點選「設 定/固定網址」,勾選「⽂章名稱」,接者點選「儲存變更」。
Page4_2.jpg

架設WordPress基本網站 與背景 

設定中,可以更改頁首圖片以及頁首文字的標題顏色。 設定頁首圖片 
進⼊「外觀/首頁」後,點選「選擇檔案」
Page5_1.jpg    

架設WordPress基本網站
選擇張適當的圖,按下「裁剪並發表」即可。
Page6_1.jpg

更改文字顏色


Page7_1.jpg  


背景
 
Page8_1.jpg頁頁面設定 

Page10_1.jpg

 

 將滑⿏鼠移到「範例頁面」上,並點選「回收桶」選項即可刪除頁面。

Page11_1.jpg  Page11_2.jpg

建立頁面

刪除範例頁面之後,就可以開始製作網站的頁面。
第一步:點選「頁面/新增頁面」

Page12_1.jpg  

第二步:在「請輸入標題」欄位中輸⼊入「HOME」,並將右側「頁面屬性」中的「模板」
設定為「首頁模板」,其他選項先⾏行忽略並點選發表。

Page13_1.jpg  

第三步:接下來重複相同動作,但是請將側「頁面屬性」中的「模板」設定為「預設模
板」,依序建立其它頁面,如ABOUT、WORKS

Page14_1.jpg  

設定首頁
在上一節中,已經將HOME頁面設定完成,接下來就必須將HOME頁面設定為網站首頁。
第一步:點選「設定/閱讀」,在「首頁顯示」的區塊若選擇「最新的文章」,頁面會像
部落格或是新聞頁面的方式進行設定

Page15_1.jpg  

若設定「靜態頁面」則會像是一般的網站頁面。

Page16_1.jpg  
點選「靜態頁面」之後,將首頁設定為「HOME」,點選儲存變更後完成首頁設
定。

Page16_2.jpg  

選單設定
當頁面都設定完成之後,就可以將頁面設定成選單。
第一步:進入「外觀/選單」,在右側的「選單名稱」輸入「主選單」,並點選「建立選
單」。

Page17_1.jpg  

第二步:選單建立完成之後,在下方的「選單設定」區塊,將「主選單」勾選,並點選
「儲存選單」。

Page17_2.jpg  

第四步:接著在「選單結構」區塊中,點選需要刪除的頁面旁的小三角形,再點選「移
除」,即可將不要的頁面移除

Page18_1.jpg  

第五步:將所有選單排好順序,依序為HOME>ABOUT>NEWS>WORKS>CONTACT,
接著按下「儲存選單」

    

媒體設定

頁面與選單建立完成後,就可以將圖片新增至頁面上
新增圖片
第一步:先選取任一頁面

Page20_1.jpg

Page20_2.jpg    

 

Page21_1.jpg

Page21_2.jpg

Page22_1.jpg

        

以上即可完成初步建置

  

 

雞蛋貓異想世界 發表在 痞客邦 PIXNET 留言(2) 人氣()


留言列表 (2)

發表留言
  • Jerry
  • 教學蠻詳細,很受用,謝謝!!
  • twpage1
  • 請問一下, 此篇好像沒看到 RWD 的設定 ?

    還是預設就是 RWD 網站 ?

    tks a lot ^^|
  • 這都有RWD了

    雞蛋貓異想世界 於 2016/03/19 20:48 回覆