【WordPress】新手教學攻略﹕3步驟跟著做成功架設你的部落格網站!購買主機優惠碼!

以前總以為架設WordPress網站很困難﹐直到小咪我實際研究後﹐即使是文組的我也能輕鬆架設成功二個網站!在這篇我會實際操作帶你用3個步驟架設好WordPress網站﹐不論你是想架設自己的部落格、公司網站、個人/商家服務網站﹐都能輕鬆完成!成功打造為你賺錢的部落格網站!

在開始架設部落格網站前先看:
你適合當部落客嗎?開始前先問問自己這5個問題
為你的部落格網站命名、製作logo和定色調│5個取名技巧
【從零到一】7步驟打造賺錢的部落格為你增加收入
架設部落格費用:最低竟然不用500元/月?

架設WordPress部落格網站 3 步驟:

步驟 1 ⇥ 購買網域:網域就是你的網站/部落格網址
步驟 2 ⇥ 購買主機:為你的部落格網站找個家來儲存網站內容資料
步驟 3 ⇥ 安裝佈景主題:個人化你的部落格網站

接下來就開始一個步驟一個步驟來完成你的部落格網站吧!每個步驟我都幫你詳細地列出來了﹐跟著步驟很快就可以完成喔~那就開始吧!

步驟 1 ⇥ 購買網域:購買你的部落格網站網址

第一步先幫你的部落格網站買好網址﹐在小咪的這篇文章【架站前準備】為你的部落格網站命名、製作logo和定色調│5個取名技巧中﹐有5個取名技巧幫助你思考自己的網站名稱﹐當你想好網站名稱後﹐就可以把這個名稱轉換成英文來當作網域名稱﹐簡單來說就是網址

決定網址的幾個重點:
需要是英文﹐如果取中文在轉傳時會變成很長一串的英文和符號﹐看起來很像亂碼﹐觀感不好
英文用字簡單和不要太長﹐方便讀者記住你和搜尋﹐如果能一眼看出你要分享的主題就更棒了
記得到社群平台搜尋確認沒有人使用﹐在自媒體盛行的時代有可能英文名已被其他創作者使用
避免亂取或用無意義的英文名稱﹐之後如果想改網址會非常麻煩

🌟這裡購買網址⇥Namecheap
輸入優惠碼「 NEWCOM649 」.com網域只要美金$6.49!原價$14.98

進到Namecheap﹐輸入要買的網址名稱﹐例如小咪的網址就輸入「 freespiritmi 」﹐其他網址前後的英文像是https、www、com、tw…等都不用輸入﹐輸入完點「 Search 」。

namecheap查詢網域是否有人使用
namecheap顯示網址已被使用

freespiritmi.com 」是小咪的網站﹐所以會顯示已被使用﹐至於下面列出的其他選項是不同的頂級域 (指的是網址結尾.com/.org/.bot/.net/.tw…等)﹐一般會建議選最通用的.com﹐其他也會有人選擇自己國家的頂級域例如.tw或.com.tw﹐但通常價格比較貴大約是2倍。

一般.com的網域價格大約是十幾塊美金﹐你可以在網站右上角確認幣別是不是顯示USD美金。

網址顯示可購買

確認網址沒人使用可購買時﹐就點下「 Add to cart 」加入購物車﹐接著點「 Checkout / 結帳 」。

Namecheap購買網址與方案設定:開啟每年自動續約

namecheap設定與確認訂單頁面

在這個頁面你需要做的:
1. 選擇 1 Year 的選項﹐也就是一年通常第一年都會有優惠價喔!
2. 開啟AUTO-RENEW的選項﹐在一年快到期前Namecheap會自動幫你更新續約這是為了避免自己忘記回來續約導致網址失效更慘的是還可能被別人買走!
3. 記得輸入優惠碼﹐「 Promo Code 」欄位輸入「 NEWCOM598.com網域第一年只要美金$5.98原價$10.28!在這個步驟會跳出需要先加入會員才能使用優惠碼就照接下來的加入會員步驟進行加入會員後就可以填入優惠碼囉~
4. 點選「 Confirm Order 」確認訂單

加入Namecheap會員進行購買和管理網域

namecheap加入會員頁面

接著就會需要加入會員 (資料都以英文填寫喔!):
1. 設定帳號和密碼:密碼至少要8位數﹐要包含英文大小寫、特殊符號和數字
2. 輸入姓名:First Name/名Last Name/姓氏
3. 輸入Email信箱
4. 點選「 Create Account and Continue 」建立帳號與繼續下一步
送出後假如跳出 VALIDATION ERROR代表帳號已有人使用﹐這時候就換一個帳號同樣步驟再送出

namecheap填個人資訊頁面

接下來填地址電話資訊:
1. 輸入地址:可以到郵局中文地址英譯﹐翻譯自己的住址複製貼上
2. 輸入電話:下拉選項的國碼選「 +886 」﹐後面框框填入手機號碼(記得去掉開頭的0)
3. 填完後點「 Continue 」繼續下一步
4. 接著會跳到下個頁面可以設定不同人員的聯絡資訊除非有需要不然就直接點「 Continue 」繼續下一步
3. 填寫信用卡完整資料包含信用卡到期年月交易安全碼3碼﹐填完後點「 Continue 」繼續下一步

確認購買網域頁面

來到最後確認的頁面:
1. 再次確認要購買的網域名稱:確認英文拼字是不是正確﹐送出後就不能修改了喔!
2. 確認訂購內容都沒問題:點選「 Pay Now 」付款購買

收信進行網域使用者驗證 – 正式啟用網域

網域驗證信

完成購買後會收到Namecheap寄來的3封信:
其中第三封信件標題「 IMMEDIATE VERIFICATION required for your domain(s) 」﹐一定要點進信內驗證!信裡會寫到最晚驗證的期限﹐但小咪建議收到信後就先驗證免得自己一忙忘記了!確認信內的網域使用者資料都沒問題後﹐點Click here to verify your email address  」完成驗證﹐到這裡就成功購買好網域和啟用了~

步驟 2 ⇥ 購買主機:為你的部落格網站找個家儲存資料

市面上主機的選擇其實非常多﹐小咪列出最熱門的 4 家主機服務商給你評估!每一家各有特色跟優缺點﹐所以選擇主機的重點在於考量自己的需求喔!

4 家主機服務商比較表:優缺點一次看

主機
服務商
主機種類基本方案
費用/月
優點缺點方案
內容
Bluehost共享
2.95美金
約100元
WordPress官方推薦主機
新戶第一年免費贈送網域
含免費企業email信箱
速度偏慢
續約費高
近幾年問題多不穩定
看方案
A2 Hosting共享3.99美金
約125元
速度在共享主機中算快
含免費企業email信箱
購買主機時可以順便買網域
續約費高看方案
CloudwaysVPS14美金
約430元
速度快
每日自動備份
可架設多個網站
每月收費不用綁約彈性高
費用較高
不含企業email信箱
看方案
KinstaGCP35美金
約1000元
穩定、速度最快
最高階效能最好
每日自動備份
縝密的網站監控提供更新建議
費用最貴
不含企業email信箱
看方案

依考量的點來說:
省錢Bluehost > A2 Hosting > Cloudways > Kinsta
速度Kinsta > Cloudways > A2 Hosting > Bluehost
想專心創作內容﹐不用花費太多心力在處理網站問題Kinsta > Cloudways > A2 Hosting > Bluehost
想一次到位﹐不想之後再搬家Cloudways

提升網站速度實用外掛⇥【WordPress】提升網站速度外掛﹕WP Rocket優化教學

如果抱著以長遠的目標來經營部落格Cloudways 在各方面來說都不錯也最多人選擇使用者普遍滿意度也高用了之後不太會再搬到其他主機所以接下來小咪會以Cloudways來示範購買主機。

加入Cloudways會員進行主機購買

⚠️ 接下來的步驟建議用電腦操作比較方便喔

🌟 這裡進入Cloudways首頁⇥ Cloudways

Cloudways首頁加入會員

進入Cloudways首頁後點選「 Start Free Trial 」開始免費試用3天填寫會員資料及小咪專屬的折扣碼「 FSM30 」有前3個月7折的超高優惠喔!

🌟 小咪讀者限定:前3個月7折的超高優惠(已帶入折扣碼FSM30)⇥ 小咪Cloudways 專屬折扣頁

cloudways註冊頁-小咪前3個月7折優惠

填寫會員資料 (資料都以英文填寫喔!):
1. 填入英文名字姓氏和信箱
2. 密碼至少要8位數:要包含英文大小寫數字
3. 選一個最貼近自己的使用者類別:這裡可以選「 Blogger 」
4. 每個月主機預算:這裡可以選「 $0 – $50 (USD) 」
5. 點一下Got a Promo Code? 框框內填入小咪專屬折扣碼「 FSM30有前3個月7折的優惠喔!
6. 勾選同意使用條款﹐點選「 START FREE 」送出

送出後如果是跳到下面這個頁面代表你被Cloudways的系統隨機抽到要做身份認證需要聯繫客服處理:av@cloudways.com 等客服處理完後你的信箱才會收到驗證信進行下一步。不確定怎麼處理的話歡迎到小咪 IG私訊討論喔~

cloudways註冊身份認證
cloudways聯繫客服頁面

信箱驗證的步驟:

信箱驗證登入Cloudways

到信箱收信點選「 Login & Activate 」啟用帳戶接著輸入手機號碼台灣+886 後面框框內輸入你的手機號碼 (開頭的0不用輸入)手機收到簡訊後回填驗證碼後會登入到Cloudways頁面點選「 + Add Server 」新增主機與選擇方案。

選擇Cloudways主機方案

選擇cloudways主機方案

進到選擇方案的頁面:
1. 最上面的3個欄位「 Application Name/ 使用的網站「 Server Name/ 伺服器名稱「 Project Name/ 專案名稱基本上是給自己看的填自己認得出來就好
2. 伺服器供應商:目前能選的只有這個「 DigitalOcean 」
3. 伺服器空間大小:網站剛開始選「 1GB 」就夠用了(下面出現的紅字建議可以先忽略沒關係)旁邊同樣有個1GB但下面多個符號是升級版價格也會高一些些 這個就看自己有沒有預算囉~
4. 伺服器位置:選離自己目標讀者國家近的打開網頁時會比較快目前可選離台灣最近的國家是新加坡「 Singapore 」
5. 最下面會顯示所選方案的計費金額﹐可以看到Cloudways事實上是以小時計費﹐每個月結算扣款﹐接下來點「 Launch Now 」啟用方案

cloudways主機安裝頁面

這時候就會開始安裝你的主機啦~照片上半部是安裝時的畫面會顯示還要多久的時間通常大約十分鐘內!可以先起身去喝個水~休息一下!

安裝完後會像照片下半部那樣出現幾個圖示第一個地球圖示寫著「 www 」就是Cloudways建立好的WordPress臨時網站。

綁定信用卡升級為正式Cloudways用戶

到這邊都還在試用Cloudways的階段﹐仔細看網頁最上方會有試用的效期當超過時間還沒綁定信用卡升級成正式用戶剛剛創立的主機資料連同臨時建立的WordPress都會被刪除喔!所以接下來進行綁定信用卡升級正式用戶的步驟。

點網頁最上方倒數計時的訊息框內「 UPGRADE MY ACCOUNT 」﹐就會進到填寫帳單地址和付款資料的頁面。

填寫信用卡地址資料頁面

填寫信用卡和帳單地址資料:
1. 國家欄位:下拉選單選「 Taiwan 」
2. 輸入地址:可以到郵局中文地址英譯﹐翻譯自己的住址複製貼上
3. 輸入城市郵遞區號
4. 洲/地區欄位下拉選單選「 Taiwan 」
5. 帳單地址:除非不一樣﹐不然就勾選「 地址同上 」﹐接著點「 Proceed to Payment Gateway 」繼續下一步填寫信用卡資料

信用卡授權綁定頁面

填寫信用卡資料:
1. 輸入信用卡卡號
2. 輸入卡片到期月/年還有3碼安全碼
3. 輸入持卡人姓名
4. 最後點選「 AUTHORIZE 」確認授權綁定﹐之後就會依照你選的方案﹐以小時計費﹐每個月結算扣款﹐到這邊就正式完成主機購買了~

將Cloudways建立的WordPress網站臨時網址更新成購買的網址

「 Applications 」後點下面的框框進入下一頁面。

cloudways進入application路徑

這個頁面就是Cloudways建立好WordPress網站的相關資訊:

cloudways上worpress網站資訊

先認識一下:
Application URL網站網址﹐現在還是臨時網址﹐等等改完就會變成買的網域網址了﹐點箭頭框圖案會跳到網站前台
Admin Panel:這區是你的WordPress後台資料﹐網址也還是臨時的網址﹐點箭頭框圖案會跳到WordPress後台
Username你的WordPress網站帳號
Password你的WordPress網站密碼﹐目前是預設﹐點筆的圖案可以修改成自己的密碼

現在要來改成購買的網域網址了!點側邊欄的「 Domain Management 」

cloudways網域管理頁面

這裡看到一長串的網址是臨時網址﹐所以要點「 + Add Domain 」新增你購買好的網域網址。

cloudways新增網域網址

在框框內輸入你購買的網域網址後﹐點選「 + Add Domain 」新增。

設為主要網域

在你的網域網址欄位右邊點圖案﹐點選「 Make Primary 」設為主要網域﹐在跳出的訊息框中點 Set as Primary 再次確認設為主要網域。

再次確認設為主要網域

再來要進行很重要的步驟!設定網域的DNS把最一開始購買的網域與你在Cloudways主機上建立的網站串接在一起﹐這樣子當別人點你的網址時才能成功進到你架設的網站。

設定DNS 紀錄 – Cloudways主機

首先要找到主機的IP位址:進到「 Servers 」的頁面會看到「 Public IP 」的欄位點選右邊的圖示就可以複製IP位址

複製IP位址

接著要登入到你剛剛在Namecheap購買網域的帳戶內點選側邊欄的「 Domain List 」﹐進入後點選右邊的「 MANAGE 」

namecheap進入網域管理

接著找到「NAMESERVERS 」欄位﹐確認選的是「 Namecheap BasicDNS 」

下一步點上方的「 Advanced DNS 」

namecheap-DNS數據設定

在這個頁面要新增下面2筆資料﹐首先點紅字「 ADD NEW RECORD 」
選「 A Record 」﹐Host欄位輸入「 @ 」﹐Value欄位輸入Cloudways複製的「 主機IP位址 」﹐完成後點✓儲存
再點一次紅字「 ADD NEW RECORD 」新增下一筆
選「 CNAME Record 」﹐Host欄位輸入「 www 」﹐Value欄位輸入「 你的網站網址 (例如小咪的是 freespiritmi.com) 」﹐完成後點✓儲存﹐這樣一來假如有人搜尋www.freespiritmi.com就會被自動轉到freespiritmi.com
新增完2筆資料後﹐記得要點紅字旁的「 SAVE ALL CHANGES 」儲存設定﹐到這邊就設定完成了!

DNS需要花一些時間生效大約半小時~24小時想確認的話可以到DNS CHECKER輸入你的網域網址後如果跑出你的cloudways主機IP網址就代表成功了~

設定Cloudways主機網站SSL安全憑證

當確認上面DNS生效後﹐就可以設定SSL安全憑證﹐簡單來說就是讓你的網站是https://﹐在網址前會有個鎖的圖案﹐表示網站內的通訊資料都受到加密保護。

設定的地方在Cloudways後台﹐點「 Applications 」後點下面你的網站框框進入下一頁面﹐接著點側邊欄「 SSL Certificate 」﹐輸入Email信箱和填入你的網域網址 (注意這裡填的網域網址要和前面你設為主要網域網址要一模一樣﹐例如小咪的是freespiritmi.com﹐這裡就一樣輸入freespiritmi.com﹐前面不用加www)﹐點「 Install Certificate 」安裝憑證﹐通常憑證也會需要一些時間生效﹐可能過個幾小時後再搜尋你的網址看看前面是否有出現鎖跟https://

Cloudways主機基本設定

接下來要為Cloudways主機做一些基本的功能設定:
設定PHP時區

設定PHP時區

進到「 Servers 」的頁面點選側邊欄的「 Settings & Packages 」﹐找到「 PHP Timezone 」欄位﹐下拉選單內選擇「 (GMT+08:00)Taipei 」﹐完成後點「 Save Changes 」儲存設定。

設定資料庫MYSQL時區

設定MySQL時區

同樣在「 Settings & Packages 」裡﹐但要在上面分頁點選「 Advanced 」﹐找到「 MYSQL 的Timezone」欄位﹐下拉選單選擇 (GMT+08:00)Taipei 」﹐完成後點「 Save Changes 」儲存設定。

設定維護時間

設定系統維護時間

同樣在「 Settings & Packages 」裡﹐但要在上面分頁點選「 Maintenance 」﹐在這裡你可以設定主機系統維護的時間原則上選在凌晨要注意系統設定的時區是UTC﹐也就是比台灣時間慢8小時在這裡我自己的設定是「 Monday禮拜一的18:00 」﹐完成後點「 Save Changes 儲存設定。

設定備份週期

設定備份週期

最後要設定最重要的備份週期!側邊欄點選「 Backups 」﹐在這裡你可以設定想要進行備份的時間週期我自己一樣是設在凌晨注意在這裡系統的時區一樣是UTC﹐也就是比台灣時間慢8小時~週期我是設定「 1 Day 」﹐太久或太頻繁都不好至於備份保存時間我是選最長的選項「 4 Weeks 」﹐「 Local Backups 」就維持預設的不開啟完成後點「 Save Changes 儲存設定。

到這邊就完成Cloudways主機基本設定啦~
接下來就剩最後一步驟:要到WordPress後台安裝佈景主題進行改造!

步驟 3 ⇥ 安裝佈景主題:個人化你的部落格網站

首先登入到你的WordPress網站後台有2個方式:
➊ 從Cloudways進入:點「 Applications 」後點下面的框框你的網站資料後進到這個頁面﹐Admin Panel區塊就是你的WorPress網站後台資料﹐點網址就會到WorPress網站後台登入畫面。
➋ 直接在你的網站網址後加上「 /wp-admin/ 」就會到WorPress網站後台登入畫面。

wordpress後台登入頁面

WordPress後台基本設定

進到WordPress後﹐點側邊欄「 Settings 」進行一些基本設定。

wordpress網站後台
worpress基本設定

基本設定欄位:
1. Site Title:輸入你的網站中文標題名稱
2. Tagline:輸入網站說明﹐類似網站核心內容/口號
3. WordPress Address (URL) 和 Site Address (URL)注意這裡千萬不要自己修改!如果自己修改會不能登入網站喔!這邊正常會由主機商修改成你設定的網域網址。
4. Site Language:可以選「 繁體中文 」
5. Timezone:可以選「 Taipei 」
5. 完成後點「 Save Changes 」儲存設定

WordPress後台設定 – 永久連結格式

接著一樣在側邊欄「 設定 」裡﹐點「 永久連結 」﹐點選「 文章名稱 」的顯示格式﹐將來每篇文章的網址就會以你設定的文章名稱顯示囉。

wordpress永久連結設定

WordPress後台設定 – 阻擋Google收錄還沒完成的網站 (超重要!)

這時候由於你的網站還沒佈置跟建立好基本的網頁內容﹐所以要暫時先阻擋Google來收錄你還沒完成的網站﹐這個步驟很重要一定要完成!不然下一步安裝佈景主題模板和範例後﹐模板範例裡參考用的文章和其他頁面會一起被收錄﹐變成往後在google上搜尋你的網站時會出現這些不相關的內容!所以在網站正式上線前先設定阻擋﹐照著下面步驟設定吧:

側邊欄「 設定 」裡﹐點「閱讀 」﹐拉到頁面下方﹐勾選阻擋搜尋引擎索引這個網站 」。

千萬記得網站正式上線時﹐要回來這裡取消勾選喔!

設定暫時阻擋google收錄網站

接著如果你不想讓目前還沒完成還在調整中的網站模樣被看見﹐你可以照下面步驟下載安裝「 網站開發維護中 Coming Soon Page & Maintenance Mode 」的外掛﹐讓別人進到你的網站時會看到你設定顯示的:網頁開發中的頁面。

側邊欄「 外掛 」-「 安裝外掛 」﹐搜尋「Coming Soon Page & Maintenance Mode 」這個外掛後﹐點「 立即安裝 」-「 啟用 」。

安裝設定開發維護中的外掛

啟用後側邊欄就會出現「SeedProd 」﹐點進頁面後接著點選「Set up a ComingSoon Page 」設定網站即將上線的顯示頁面。

畫面就會出現像下面這樣的模板﹐模板右上方的「SUBSCRIBE ABOVE TO UNLOCK 」代表需要點頁面上方的訊息欄去訂閱才能解鎖使用。

看到喜歡的版面就移到上方﹐點選「✔ 」進行修改。

網站製作中模板

修改好後﹐記得點右上方「Save 」儲存。

編輯製作中‘網站顯示畫面

儲存後﹐點右上方「X 」離開﹐這時會跳出是否要啟用剛剛儲存的網站即將上線頁面﹐點「Yes, Activate 」啟用﹐這樣一來﹐進到你的網站就會出現這個畫面。

要確認的話記得先登出WordPress(因為登入狀態下身為網站管理者會看到編輯中的前台頁面)﹐或是可以用無痕視窗確認。

啟用畫面

網站上線後﹐記得回來把啟用的選項取消勾選喔!

接著就可以好好製作自己專屬的網站樣貌了﹐開始安裝跟套用佈景主題範例吧!

WordPress後台設定 – 安裝佈景主題

佈景主題分為免費版與付費版﹐差別當然是一分錢一分貨:

免費佈景主題:熱門的有 Astra、Blocksy
優點:免費﹐基本功能可足夠呈現簡單的網站樣貌
缺點:可以設定的功能比較少﹐且對網站新手來說要花更多時間研究﹐很多時候會需要安裝外掛來補足免費版沒辦法設定的功能﹐然而太多外掛會影響網站速度﹐以及外掛之間容易因為不相容而造成網站異常﹐假如遇到會需要花費心力找出問題跟排除!

付費佈景主題:熱門的有 Soledad
優點:有許多模板可以套用跟修改﹐總共有 200 多個佈景主題可以套用 (點我看Soledad所有佈景主題)﹐功能和可以設定的欄位比免費版多許多﹐而且購買是終身授權﹐只要版本更新都可以跟著免費更新﹐以長遠來看較符合時間成本。
缺點:因為功能多﹐網站新手一開始要先花時間熟悉一下每個功能﹔另外由於功能多﹐所以網站速度會稍微慢﹐因此要搭配CloudwaysKinsta這種性能好的主機。

【WordPress】推薦部落格版型﹕Soledad佈景主題教學

小咪會建議你一開始先下載免費版實際用看看﹐我個人推薦Blocksy﹐免費版基本功能就蠻夠用的﹐我現在用的就是Blocksy喔!那假如你用了之後總覺得和自己想呈現的樣子有差距﹐就考慮購買 Soledad這款尤其適合旅遊部落客和需要呈現個人作品集的自媒體﹐在畫面呈現上一定比免費版更精緻喔!要留意的是初期文章不多還可以更換佈景主題﹐一旦內容多就不建議﹐因為佈景主題更換後版面都還需要重新調整﹐要做好備份跟花時間調整。

接下來看看怎麼下載與安裝佈景主題
點側邊欄「 外觀 」-「 佈景主題 」﹐點頁面上方的按鈕「 安裝佈景主題 」﹐接著輸入你要安裝的佈景主題名稱例如 Astra 或 Blocksy﹐之後點「 安裝 」。

安裝佈景主題搜尋頁面
安裝佈景主題

注意安裝主題後先不要啟用!因為要安裝子主題﹐在子主題上調整修改才不會不小心變更到原先的佈景主題程式﹐而且當佈景主題更新時才不會讓我們做的調整設定消失不見。

Astra 子主題點我下載 (點Generate就會下載子主題﹐是zip檔)
Blocksy 子主題點我下載 (點內文中的 zip 連結下載)

WordPress後台設定 – 上傳佈景主題 – 子主題

下載了子主題後﹐回到「 外觀 」-「 佈景主題 」-「 安裝佈景主題 」﹐點頁面上方的按鈕「 上傳佈景主題 」﹐選擇剛剛下載的子主題後﹐點選「 立即安裝 」﹐安裝完成後點「 啟用 」。

上傳佈景主題頁面
啟用佈景子主題

WordPress後台設定 – 套用模板

接著教你怎麼各別套用Astra 或 Blocksy的模板﹐選自己喜歡的一個裝就可以了﹐首先是Astra

Astra需要下載兩個外掛﹐側邊欄「 外掛 」-「 安裝外掛 」﹐搜尋欄位輸入:
1. 「Elementor 」:點選「 立即安裝 」「啟用 」
2. 「Starter Templates 」:點選「 立即安裝 」「啟用 」
3. 接著到「 外觀 」「 佈景主題 」點選「 Starter Templates
4. 接著點「 Build Your Website Now 」開始建立個人網站
5. 接著會跳出給你選頁面編輯器﹐點「 Elementor 」繼續下一步就會看到模板列表了!選一個離自己主題最相關或喜歡的架構就可以套用﹐開始修改製作你的網站了!
│模板右上角出現「 PREMIUM 」代表付費版才能套用

安裝外掛elementor
安裝外掛starter Templates
astra模板

Blocksy模板套用方法:側邊欄「 外觀 」-「 Blocksy 」
1. 頁面往下拉﹐找到「安裝Blocksy Companion 」
2. 側邊欄點Blocksy 」﹐頁面內點「Starter Sites 」﹐就會看到模板列表了!選一個離自己主題最相關或喜歡的架構「 Import 」就可以套用﹐開始修改製作你的網站了!
│模板右上角出現「 PRO 」代表付費版才能套用

blocksy 安裝starter companion
blocksy模板列表

到這裡恭喜你有自己的網站了!! 你已經踏出最艱難的一步﹐接下來可以盡情的編輯跟呈現有你個人風格的網站﹐最後小咪列出幾個相關設定的路徑位置幫助你快速讓自己網站上線。

側邊欄「 外觀 」-「 自訂 」
這裡可以完成整個網站的基本設定﹐例如logo、字型格式和大小、字體按鈕顏色、頁首頁尾的內容、文章排版的方式等﹐修改過程中右邊視窗會立即出現更改後的樣子﹐還有點右邊視窗中想修改的位置﹐大部分還會直接在左邊立即出現欄位讓你可以修改設定﹐操作很即時直覺又方便﹐所以你可以任意點按嘗試﹐當確認要修改時點左邊欄位上方的「 發佈 」就會儲存設定了!

側邊欄「 外觀 」-「 小工具 」
這裡是設定部落格側邊欄的地方﹐所有你想放在側邊欄的東西都可以進到這裡設定﹐例如你的簡單個人圖像與介紹、合作聯繫信箱或Facebook和Instagram等社群連結。

側邊欄「 頁面 」
這裡是建立網站內單獨頁面的地方﹐點進來後你會看到安裝模板時一同下載的一些頁面範例﹐像是關於我聯繫表單隱私權政策等這些頁面﹐你可以直接點入做修改﹐或是刪掉重新建立一個頁面。

側邊欄「 文章 」
這個應該不用多說明﹐就是編輯和新增部落格文章的地方﹐裡面同樣有安裝模板時一同下載的文章範例﹐可以利用範例修改或是刪掉重新建立一篇文章。

恭喜你成功架設自己的部落格網站🎉歡迎你到IG私訊小咪﹐我幫你一起推廣曝光你的網站喔☺️

成功學習案例CC小姐‧分享詐騙經驗 (2/17開始架站﹐3/10完成網站架構)

經營部落格實用小工具推薦:
【WordPress】提升網站速度外掛﹕WP Rocket優化教學
【WordPress】推薦部落格版型﹕Soledad佈景主題教學
ConvertKit教學:部落客自媒體都愛用的名單蒐集Email行銷工具
【Google Analytics教學】3步驟WordPress串接GA追蹤碼查看網站流量數據
【SEO外掛】Rank Math設定教學:幫助你優化網站排名

將你的部落格內容變現:
【聯盟行銷】3步驟免費加入蝦皮分潤計畫賺取被動收入!
【聯盟行銷平台】聯盟網完整申請使用教學﹐賺取被動收入
這42個聯盟行銷平台申請起來幫你賺錢增加收入
部落格能賺錢?7個部落格變現方法增加收入
【部落格收入公開】花一次時間寫文章,持續為你帶來收入

大致上就是這樣~歡迎你在網站上線後追蹤小咪 IG和私訊我你的網站連結﹐我會發限動幫你分享推廣!之後我也會分享更多部落格經營相關的內容以及如何一點一滴打造被動收入﹐有興趣的話快在下方訂閱小咪的學習筆記!

我們一起提供自己的價值,一點一滴打造被動收入,一起過上喜歡的生活!

分享給朋友吧:

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *