iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 8
0
Modern Web

與WordPress的邂逅,像極了愛情!系列 第 8

伺服器?資料庫?免!一鍵建立Local端WordPress開發環境

  • 分享至 

  • xImage
  •  

《本篇文章同步發表在我瘋官方粉絲團&我瘋官方網站

前言

從前面章節我們瞭解到WordPress的相關功能後,是不是開始想動手試做看看?但,對資料庫不熟怎麼辦?也不會在雲端上架網站,嘿嘿!所以這時候是不是想要來一個「單機版」的WordPress來玩玩呢?以下我們就簡單介紹兩套軟體,協助建立Local端的WordPress網站,開發中如果有暫時不能公開的資料,也可以在Local端建置完成後,再上傳至雲端,幫助使用者專心開發。

Local端開發WordPress軟體:LOCAL(伺服器?資料庫?免!)

首先,先來介紹「LOCAL」軟體,沒錯,就是這麼直白,LOCAL是一套local WordPress development工具,讓使用者不需要建立伺服器及資料庫即可使用WordPress,並且不需要負擔任何費用,當然LOCAL也提供付費版,相關付費功能可以參考官網(https://localwp.com/pro/),我們就先使用免費版來嘗試建立WordPress吧!

付費版功能

下載安裝軟體

LOCAL目前提供Mac、Windows及Linux版本,足以應付絕大部分使用者,這裡以Windows為開發環境。

安裝步驟就遵循一般軟體安裝,可以選擇使用者及安裝路徑

執行軟體

安裝完後第一次執行軟體會有服務同意書,這裡選同意即可。

隨後會出現防火牆的允許設定,這邊也全部點擊允許即可。

執行LOCAL並新增WordPress網站

進入軟體後,可以看到「CREATE A NEW SITE」的按鈕,點擊下去即可建立Local端的WordPress,也可以透過左下角的「+」號進行新增

  • 步驟1

填寫想建立的WordPress網站名稱,點擊CONTINUE進行下一步驟

  • 步驟2

這邊可以使用Preferred的設定,但如果有興趣可以選擇Custom進行PHP及MySQL的版本設置,LOCAL也提供Apache或Nginx兩種伺服器,預設是提供Nginx,以下都使用預設值進行設定

  • 步驟3

接下來就是進行WordPress網站管理員的資料設定,包含使用者名稱、密碼及Email,這邊也可以設定該WordPress網站是否為多網域(multisite),這邊一樣使用預設值進行設定,之後點擊ADD SITE即可以建立網站。

等待幾秒後,LOCAL便幫我們建立好網站了,這裡可以點擊ADMIN進入WordPress的後台管理介面,點擊VIEW SITE即可以進入網站,此時就架好了Local端的WordPress練習網站了,這邊LOCAL也提供停止網站的功能,點擊STOP SITE即可。

點擊ADMIN,輸入步驟3設定的使用者帳密,即可進入WordPress的後台管理介面

點擊VIEW SITE即可以瀏覽網站

進階功能

如果想進行更進階的開發,點擊網站名稱的下方連結,即可以找到在Local端的WordPress網站相關程式碼,便可以透過程式編輯器,建立更客製化的WordPress網站

另外,LOCAL軟體也提供「一鍵」將Local端的WordPress網站上架的網路上,點擊「Live Link」,並複製網址,即可以與他人在網路上分享這個Local端的WordPress,如果想關閉此功能再點擊一次「Live Link」即可。

使用Live Link後,就可以看到網址變成ngrok代管的網址了,在還沒申請自己的雲端主機時,可以使用這個方式測試。(ngrok功能介紹:https://ngrok.com/product)

實作到這邊,覺得LOCAL不夠硬?我就想要自己管理資料庫?

那下一章節我們就來介紹MAMP~

《精采文章同步發表》
1.我瘋FB粉絲專頁:https://www.facebook.com/我瘋程式工作室wowfuncode-102683961458110/
2.我瘋官網:https://www.wowfuncode.com/category/blog/


上一篇
網頁設計概念
下一篇
我想要來硬的,使用MAMP建立Local網站練功
系列文
與WordPress的邂逅,像極了愛情!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言