[教學]只要10分鐘,快速架站wordpress教學

28542

近年來有許多部落客與個人網站使用者都會自己架設網站,想要自己架站?想要有自己的站台或部落格?今天Angus就教大家如何使用wordpress快速架站,為什麼要以wordpress這套軟體架設呢?因為這套軟體算是架站中數一數二簡單又有繁體中文的一套軟體,Angus在這套軟體上認真花的時間也不過1個小時,很快就上手了!接下來就讓我們一步一步來使用wordpress來架自己獨一無二的網站吧!這套 WordPress 架站軟體搭配安裝在本機上的 XAMPP 架站套件工具,讓架站已經不是夢想了,以前很多人都是使用無名、部落格、Yahoo部落格來寫文章,而版面與功能都是一樣的,而 WordPress 這套架站軟體除了可以自己架設自己風格的部落版面以外,如果有能力的話還可以自己撰寫模版,當然您不會網站語法? 那也沒有關係,Wordpress 外掛已經有超過百種,甚至千種可以使用,大家就安心的寫部落文章就可以了

 

WordPress安裝教學

● 適用系統 : WINDOWS / OS X / Linux
● XAMPP軟體 : 點我下載
● WordPress軟體 : 點我下載

 

1.首先我們要先安裝這套XAMPP,XAMPP是一款可以快速在本機端架站的軟體,可以支援很多作業系統,直接進入官網的部分;第一步我們先去下載XAMPP,點選「 Download(32 bit) 」兩個選項都可以下載,只是版本不同而已。

wordpress-1

 

2.當安裝 XAMPP 時,中間會跳出 Windows 安全性警訊 這時候點選「 允許存取(A) 」即可。

wordpress-2

 

3.下載安裝完成後,點擊XAMPP主程式,在畫面中必須要把「 Apache 」和「 mysql 」都要按START執行,然後START會變成”STOP”。
※請注意:有些程式會擋住 Apache 使用的 80port,如 Skype 會佔用 80port 的程式或修改其設定,通常都會是Skype佔用導致Apache無法正常啟用

wordpress-2

 

4.接下來就是檢視 XAMPP 是否正常運作,在瀏覽器輸入網址「 http://localhost/ 」或「http://127.0.0.1」 ,如果有出現這個畫面就是安裝成功了。

wordpress-3

 

5.安裝完 XAMPP 之後就開始來安裝我們主要的 WordPress 吧;進入 WordPress 官方網站,點選「 下載Wordpress 4.2.2 」下載wordpress主程式。

wordpress-4

 

6.下載完 WordPress 後解壓縮檔案,將解壓出來的整個 Wordpress 資料夾放在「 htdocs 」裡面,預設路徑「C:xampphtdocs」,如圖所示。

wordpress-5

 

7.在瀏覽器輸入網址「http://localhost/phpmyadmin」或「http://127.0.0.1/phpmyadmin」,然後按上排選項的「 資料庫 」,就會出現新增數據庫的畫面,然後在資料庫名稱上輸入「 wordpress 」,後面代碼選擇為「 utf8_unicode_ci 」,最後按下「 建立 」;當建立成功後下方就會出現我們建置的 wordpress 資料庫了。

wordpress-6

 

8.接下來就可以進入 wordpress 設定系統了,在瀏覽器輸入網址「http://localhost/wordpress」或「http://127.0.0.1/wordpress」,就可以進入到 wordpress 安裝畫面,這裡點選下方的「 衝吧! 」繼續下一步安裝。

wordpress-7

 

9.設定資料庫的名稱、帳號、資料庫主機位址等等…,都請參照下方的圖示設定即可,點選「 送出 」繼續下一個畫面。

wordpress-9

 

10.點選「 開始安裝 」。

wordpress-10

 

11.這裡請輸入自己想要的「網站名稱」與管理的「帳號」「密碼」,這裡輸入的帳號密碼就是日後在登入後台時候使用的,請務必輸入正確;點選「 安裝 WordPress 」繼續下一個畫面。

wordpress-11

 

12.搞定!這時候就代表完成安裝 WordPress 囉,請按下「登入」來進入後台。

wordpress-11

 

13.請輸入剛剛所設定的「帳號」、「密碼」來登入後台。

wordpress-11

 

12.完成之後就會進入後台管理畫面,在這裡可以新增文章、管理分類、設定佈景主題等等。

wordpress-12

 

13.前台畫面,有很多不同的佈景主題可以更改,就看大家如何制定自己的網站囉。

wordpress-12

 

※ 請注意如果自架網站需要對外給網路上的人看到網站,請修改「設定」>「一般」>「Wordpress 位址(URL)、網站位址(URL)」自己對外的「 IP位置 」,這樣對外顯示的CSS語法才會正常。

 

如何讓自己架設的網站對外開放給大家連線觀看呢??? 請看這篇: https://wuangus.cc/domain/

 

您可能會有興趣的文章

Facebook留言

254 意見

  1. 不好意思我想請問一下,目前我用的電腦已經把wordpress做好了,那請問我要怎麼轉移到虛擬主機上呢謝謝

  2. 修改 C:xampphtdocs 目錄裡面有個 index.php 檔案。
    將 header(‘Location: ‘.$uri.’/dashboard/’); 改成
    header(‘Location: ‘.$uri.’/wordpress/’); 就可以直接跑了。

  3. 您好請問我照上面步驟做好後,使用別台電腦連接我這台的虛擬IP但看到的畫面怎麼會不一樣?

  4. 您好,有個問題想詢問 用xampp 架設wordpress 在本機上, 要如何可以從他台電腦連進來?(同個區域網路)
    自己有試過 本機key上 192.168.1.XX (本機的 位址) / wordpress 可以看到首頁 但是從台電腦上key 會跑出首頁內容 但是 版面整個跑掉(大概只有秀 純文字內容這樣…)
    再麻煩解答了 謝謝

  5. 您好~我有個問題想請教~我現在已經將網站架設好了 但只有本機看的到 我的問題是:我現在每次要開網站的步驟都是開啟xampp>>然後將之前網站的網址貼上才能找到自己的網站 有沒有甚麼方法可以不用用貼上的方式 開啟xampp之後可以直接找到我的網站嗎?? 感謝你~~

  6. Hi Angus,

    謝謝分享!我這就和你的讀者補充下,除了XAMPP之外,MAC系統還有MAMP可以本機架站,多一項選擇。

    若連線速度不錯,又覺得網站搬家麻煩的話,你可以選擇直接架在虛擬主機上。

    這是另一版本的WordPress架站教學(直接架虛擬主機上):
    https://daotw.com/如何經營個人部落格-並賺錢/

    給Angus:若此文章能幫到你的讀者,還請連接一下,謝謝(我可以幫寫介紹喔~)

    張道桓

  7. 請問我有申請了網址跟免費空間ip,要去哪裡把我建的網頁改成申請的網址呢? (不知道要去哪裡修改)

  8. 你好,我是个新手,刚下载后才要安装就面对这问题,黑屏,就显示了这段C:UsersAdministratorDownloads>_
    请问我应该要输入什么呢?
    谢谢

  9. Angus大大:第9步輸入好帳號案”送出”,之後就跑出這個頁面:

    無法選定資料庫

    我們可以連結上資料庫伺服器(這表示您輸入的帳號和密碼都正確),但無法選擇 wordpress 資料庫。

    您確定自料庫是存在的嗎?
    使用者 Kinggod 有使用 wordpress 資料庫的權限嗎?
    在某些系統上,您的資料庫名稱會帶有您帳號的前置字,就像 username_wordpress。請您檢查看看是不是這個問題呢?

  10. 小編 第三個步驟”有些程式會擋住 Apache 使用的 80port”
    已經把skype移除安裝了,但還是無法start,請問還有可能會是甚麼原因嘛?
    不好意思,麻煩你解個惑。

  11. 感謝小編!這真的超神速架站、而且可以在本機直接瀏覽。
    已經掃過下方所有留言,得知接下來若要把網站上線需要的步驟(同時列出想確認的疑惑點):
    1.必須要有固定IP
    →即虛擬主機?和網頁空間差在哪?
    2.必須購買網址
    →即網域名稱
    3.將網址與固定IP位置對應
    →即DNS?看起來可以多對一(多個網址對應到同一個IP、也就連到同一個網站)耶!真酷

    我發現有些解答和觀念可以在這兒找到
    http://extra.pchome.com.tw/adm/faq_content02.htm?channel_no=&exh_no=P000007&pexh_no=P000763&cexh_no=H000764&faq_id=2541&qnum=5#0

    但還是希望小編能幫忙解惑一下,謝謝~

    • 1.我們在本機上架設網站,就可以說我們自己電腦本身就是虛擬主機了
      2.向別人租任網站空間就等於請別人的電腦放上我們的網站
      3.購買網址就等於我們自家的門牌一樣,有網址在網路上才找的到你家
      4.網址與固定IP對應,簡單來說就是,當別人輸入你家門牌(網址)而網址DNS指向的IP位置就是主機的位置,當然如果今天你不要網址,直接輸入IP位置也行,就是少了一點專業感
      5.如果覺得在自家申請固定IP、設定自家分享器很麻煩的話,將網站放在別人家(租任空間)可以省掉這些麻煩,但是就是一年必須繳$4500-$6000或更多費用

      以上小編用比較點單白話的方式解釋!

  12. 您好,請問
    按照上述步驟建立的wordpress網站
    是否無法跟外部聯繫?
    或是說,如果想要讓這個網站可以被其他人瀏覽,應該要如何做?

  13. 您好 可以請問一下
    網站照步驟架起來後僅能在自己的電腦上看到
    若要讓其他人看到是需要購買網址及固定IP再將其對應吧!!?
    可以用免費的網址替代嗎??
    無法替代的話怎麼購買網址及對應固定IP?
    跪求簡易教學Orz
    不好意思最近剛開始學架站 概念不足

    冒昧打擾 非常謝謝

  14. 為甚麼我建立不到新檔案,只是出現#1007 – Can’t create database ‘wordpress’; database exists。 有沒有解決方法? 我是新手。謝謝

  15. 您好
    ANGUS大
    按照這篇步驟全部做完後
    想請問一下修改布景主題時 需要填入 FTP帳號密碼跟伺服器名稱
    是要從哪裡看呢?

  16. 想請問Angus,
    我準備進入步驟7的時候,輸入”localhost/wordpress”,
    沒進入”建立一個設定檔”,直接跳到步驟8″衝吧!”
    也無法一直接著下去做,有看到你回應其他網友們說步驟7不能跳過,否則會對應不到,
    不過我試過很多次重接解壓縮wordpress壓縮檔,也覆蓋了,可還是持續跳過步驟7耶!?

      • 沒什麼錯誤訊息,抱歉,是有個步驟我自己搞錯了…(雖然還是沒有經過步驟7),不過往下做”照著帳號設定”就OK了!
        不過想請問,是因為使用XAMPP架站的關係,所以導致wordpress上傳媒體檔,限制為2M嗎?因為若是直接使用瀏覽器上的Wordpress設定架站,上傳限制是10M,還是說XAMPP哪裡可以設定上傳流量嗎!?!

        謝謝你的回覆唷!

        • 位置:網站資料夾位置/wp-content/themes/佈景主題名稱/function.php

          將下面的code貼到functions.php裡。


          @ini_set( ‘upload_max_size’ , ‘100M’ ); //單一檔案大小最大值
          @ini_set( ‘post_max_size’, ’100M’); //表單傳輸的最大值(通常比upload_max_size大)
          @ini_set( ‘max_execution_time’, ‘300’ ); //Script執行時間上限(單位:秒)

  17. 請問Angus
    跟下面很多使用者一樣沒進入步驟7,停在步驟3
    確認資料夾名稱是wordpress 在C:xampphtdocs 下
    試過改連http://localhost/xampp/
    也確認port 80沒有被占用了
    請問還有其他解決辦法嗎?
    感謝

  18. 請問 我在步驟7輸入網址之後,畫面跟步驟3的一樣
    沒有”建立一個設定檔”可以選
    是不是哪個環節出錯了呢?

    謝謝

  19. 請問 我可以連到資料庫,但在建立資料庫還是出現了”error establishing a database connection”,也有更改了”wp-config-sample.php”裡的設定,

    也曾把wp-config-sample.php改成wp-config.php,頁面卻回覆:”抱歉,我需要wp-config-sample.php才能工作。请重新向您的WordPress根目录上传该文件。”。

    並已建立”wordpress”資料庫。

    請問還有什麼解決方式?謝謝!

  20. 我應該怎麼辦???

    16:01:12 [Apache] Error: Apache shutdown unexpectedly.
    16:01:12 [Apache] This may be due to a blocked port, missing dependencies,
    16:01:12 [Apache] improper privileges, a crash, or a shutdown by another method.
    16:01:12 [Apache] Press the Logs button to view error logs and check
    16:01:12 [Apache] the Windows Event Viewer for more clues
    16:01:12 [Apache] If you need more help, copy and post this
    16:01:12 [Apache] entire log window on the forums

  21. angus
    已試了 ,XAMPP名字沒錯
    但做完STEP 6后做出不到STEP 7 的[建立一個設定檔]
    怎辦下去?

  22. XAMPP for Windows 1.8.2 & 1.8.3VersionChecksumSize1.8.2 / PHP 5.4.27What’s Included?md5
    sha1Download (32 bit)106 Mb1.8.3 / PHP 5.5.11What’s Included?md5
    sha1Download (32 bit)125 Mb??? 應該是版本不同吧?

  23. 我幫公司架網頁,已經申請好了一個網址,想用公司的電腦當主機,要怎麼樣把網址改成已經申請好的網址呢? 另外,電腦連的是公司的wifi,不知道有沒有影響

    • [申請網址]的 DNS 指定到 公司的IP位置(公司需申請固定IP)

      而公司如果是用分享器 那 [分享器]的DNS也必需指定到 妳現在WIFI位置(內部IP位置)

      這樣一來才能串接在一起

    • 如果您是連”內部網路” 外界當然的會連不到妳的網站

      如果妳有IP分享器,也必需設定DNS指定到妳電腦

      查詢您的IP位置:http://www.j4.com.tw/james/remoip/

  24. 您好
    想請教一下以上完成到步驟9後出現
    ”抱歉,無法寫入 wp-config.php 檔案。” 你可手動建立 wp-config.php 檔案並貼上下方的內容。

    這樣的情況是需要去哪裡建立檔案呢?!
    不好意思新手對這些很不熟悉~

    謝謝~

  25. Angus 您好

    我目前遇到問題是,我已經都安裝好wordpress了
    結果在安裝或移除插件或者是主題時,卻還要輸入使用FTP的密碼

    有什麼辦法可以直接設定好不用一直在重覆輸入密碼
    還是這是依照使用的網路空間問題

  26. 請問~~

    目前我都已建置成功,只是想要設定網址,但是卻找不到.htaccess檔案,請問該如何做??

  27. 不好意思,沒說清楚。我是在本機架設的。第二天找不到入口了。雙擊http://localhost/wordpress/wp-login.php無效,怎麼辦?

  28. 謝謝分享
    我一直卡在這,關了adblock與啟動chrome設定也無法改善

    請你幫我看看了 感謝!!

    • 還有這個
      Warning: Cannot modify header information – headers already sent by (output started at /Applications/XAMPP/xamppfiles/htdocs/wordpress/wp-config.php:107) in /Applications/XAMPP/xamppfiles/htdocs/wordpress/wp-login.php on line 415

      Warning: Cannot modify header information – headers already sent by (output started at /Applications/XAMPP/xamppfiles/htdocs/wordpress/wp-config.php:107) in /Applications/XAMPP/xamppfiles/htdocs/wordpress/wp-login.php on line 427

  29. 你好,我已架設好了,但是我從別的電腦開起網站可以看到主頁,但是按起他的都進不去都變全白,我該怎麼做呢, 我是自己架的RED.

  30. 請問,第11步驟,我已經有了一個申請好的帳號,是在網路直接用好的,但到現在才用這個方法登錄,我該怎麼做呢。

  31. 您好 我照您的方法成功設立我的wordpress,且也把登入的畫面存成最愛,但為什麼下一次要登入進去寫文章時,就登不進去,說無此帳號密碼????但明明就有進去過,我也保證帳密沒錯.請問可以幫我解答嗎~~謝謝您

  32. 我也在第7步卡住了!
    請問一下,我輸入了網址http://localhost/xampp/
    但出來的跟站長的畫面卻不一樣
    完全找不到”建立一個設定檔案”的選項

    請問該如何進行下去呢?

  33. 抱歉哦、最近連結貴站的時候、常常會找不到網頁、而且連接的速度也相當的慢、不知道是我網路的問題、還是其他朋友也有發生、提供給站長做個參考嚕、我住在台北、使用的是中華電信20M ADSL

  34. 我在第七步卡住了!
    請問站長,瀏覽器輸入網址http://localhost/xampp/
    卻出現檢視XAMPP,是什麼原因?我應如何做?

    另外想問第5步下載完解壓縮後,將解壓出來的整個解壓縮的資料夾放在XAMPP裡面的”htdocs”裡面,預設路徑”C:xampphtdocs,想問是否指解壓後把資料夾放在XAMPP裡面的”htdocs”裡面?那麼預設路徑是如何弄的?

  35. 請問站長,我照你的方法還沒走到最後變成申請一個WP的網址跟帳密,可通往後台發佈文章跟照片,這是否意味著我只要購買網址跟SERVER就可以上線了? http://127.0.0.1/wordpress/wp-admin/ 底下有顯示「自豪地采用BitNami WordPress!W」

  36. 您好~~有一些離題的問, 我照這方法架起了wordpress

    但上傳背景時他出現: “上傳檔案大小已超過 php.ini 中 upload_max_filesize 的設定值。”

    我應該如何找到xampp的 php.ini修改?

  37. 第七步驟作者打上:http://localhost/xampp這是錯的,
    要打上:http://localhost/wordpress才會出現第七步驟的畫面。

  38. 您好,我執行到第九步後,因為都照著你的圖示上面去填寫所有的內容,但依然顯示:

    建立一個資料庫連線時發生錯誤

    這意味著在你的 wp-config.php 檔案內可能包含了不正確的使用者名稱和密碼,或者我們無法從 localhost 連線到資料庫端。這也可能表示你的主機資料庫端斷線。

    你確定使用了正確的使用者名稱和密碼嗎?

    你確定使用了正確的主機名稱?

    你確定資料庫端正常運作?

    如果你不確定以上這些原因,你應該聯絡你的主機商。

    因為我是使用Mac版本,但是為了防止因為Safari跟IE有所出入,我也更改了瀏覽器的閱讀。但還是不行。
    麻煩協助解答~~謝謝您了~~

        • 他有顯示正常運作,在狀態下顯示:MySQL 数据库 未激活 PHP 已激活 Perl 已激活 通用网关接口 (CGI) 已激活 Server Side Includes (SSI) 已激活 PHP扩展库eAccelerator 未激活 查看FAQPHP扩展库OCI8/Oracle� 未激活 查看FAQ

          因為我完全是新手~完全不懂…所以也不知道MySQL數據庫未激活會不會有影響?而且要怎麼讓他可以執行?不好意思…麻煩了!

          • MySQL 與 Apache 要確認已正常運作,後面才不會有問題,您的SQL沒有正常運作

          • 哈囉,我已經用好MySQL激活了!顯示出的畫面為:MySQL 数据库 已激活 PHP 已激活 Perl 已激活 通用网关接口 (CGI) 已激活 Server Side Includes (SSI) 已激活 PHP扩展库eAccelerator 未激活 查看FAQPHP扩展库OCI8/Oracle� 未激活 查看FAQ

            但還是沒辦法用。
            顯示出:
            我們可以和資料庫連線(意味著你的使用者名稱和密碼正確),但無法選擇 wordpress 資料庫。
            你確定資料庫存在嗎?
            確認使用者 root 是否有足夠的權限使用 wordpress 資料庫?
            在某些系統上你的資料庫名稱可能包含帳號名稱的前綴,例如 username_wordpress。問題會不會是出在這裡?
            我不曉得是哪裡做錯了呢…

  39. 您好~我執行完第6出現”成功建立資料庫”
    但執行第7時~只出現步驟3的畫面~..
    沒有”建立一個設定檔” 頁面~
    我該怎麼做
    謝謝

      • 您好,我也是碰到相同問題,是說是要重建一個叫xampp的資料夾嗎?因為原本xampp裡面的htdoc裡面也有一個叫xampp的資料夾。
        所以放置的位置是 c: → xampp →htdocs → xampp
        放在最後的xampp裡面嗎?還是說就放在htdocs裡面就好 (最後一個xampp不是我建的是原本就有的)
        謝謝

  40. 你好,我想要請問說如果我是用Xampp

    我剛剛創建完之後,便去了控制台更改自己的網址

    之後網頁控制台甚麼的都進不去了…。

    想請問大大要怎麼解決呢? 謝謝

      • 可是我輸入該網址以後它說:
        糟糕!Google 瀏覽器無法連線至 localhost

        請問該怎麼辦呢 謝謝(苦惱

          • 其實我剛剛心一狠把全部都刪掉了….所以現在是正常狀態
            可是現在有點不敢改網址….
            請問要怎麼改呢 謝謝QQ

          • 是的
            因為我就是自己亂用才會整個消失
            請問怎麼用才是正確的呢?
            謝謝

          • 請在第五步驟的時候資料夾名稱改成妳想要的就可以了,不建議直接改網址,會非常多問題出現喲!

          • 你好 如果我要改它都會說無法更改 資料夾有檔案已在其他程式開啟…

            還有第2步驟的”Apache和mysql都要按START執行”
            每次我一關機再開都會要再按一次 請問這有關系嗎

            不好意思問題這麼多><

  41. 第7步

    Object not found!

    The requested URL was not found on this server.

    If you entered the URL manually please check your
    spelling and try again.

    If you think this is a server error, please contact
    the webmaster.

    Error 404

    localhost

    Apache/2.4.4 (Win32) OpenSSL/0.9.8y PHP/5.4.19

    为什么这样??

          • 讓我來答你吧, 過程中我也遇到相同問題, 在第5步開始時要你把下載完的檔案解壓, 解壓後的資料夾叫wordpress, 而不是xampp, 所以把wordpress資料夾移到c:xampphtdocs就不能進入第6步. 請先把資料夾的名稱由wordpress改成xampp, 此時不要移往c:xampphtdocs裡, 因為裡面原來已有一個xampp, 要把它移走後, 才可以放由wordpress改成的xampp.

  42. 謝謝你~我終於做好了~但是想請問一下~如果要給別人我的blog網址~~我要怎麼看我的blog網址呢?

  43. Angus很感謝你 我看了好幾篇安裝教學都不會 但你真的深入淺出 終於讓我成功安裝wordpress!
    謝謝你, 我會繼續follow你的: )

      • 謝謝~果然是第二步的問題~

        但到第七步:連結http://localhost/wordpress時出現「建立資料庫連線時發生錯誤」 請問是什麼問題呢

        • 回到第六步 移除資料庫 再重新建立一次 然後要輸入”WORDPRESS”,後面選擇代碼為”utf8_unicode_ci”,然後在按創建。

          • 發生以下問題了@@

            錯誤

            SQL 查詢: 編輯

            SELECT `comment`
            FROM `phpmyadmin`.`pma_column_info`
            WHERE db_name = ‘information_schema’
            AND table_name = ”
            AND column_name = ‘(db_comment)’

            MySQL 返回:

            #1146 – Table ‘phpmyadmin.pma_column_info’ doesn’t exist

  44. 你好我到第6步打網址上去會出現

    Object not found!
    Error 404
    沒有辦法顯示網頁怎麼辦?
    麻煩你了謝謝

留下一個留言

Please enter your comment!
Please enter your name here

迴響審核已啟用。您的迴響可能需要一些時間才會顯示。