WordPress 五天自學衝刺班 — 部落格篇
第二天:建立與修改範例網站

安裝 Soledad 主題+匯入範例內容+編輯文章與分類

第一天
%
準備環境
第二天
%
建立與修改展示網站
第三天
%
建立更多內容
第四天
%
客製化外觀
第五天
%
展望未來

今日目標:安裝主題、匯入範例網站、編輯文章與分類

  1. 如何設定製作中模式及暫時阻擋 Google 索引?--------- (4:06 實作教學)
  2. 如何設定永久網址的結構?---------------------------- (1:08 實作教學)
  3. 如何安裝 Soledad 的佈景主題?----------------------- (5:55 實作教學)
  4. 如何把網站變得和範例網站一樣?----------------------- (9:43 實作教學)
  5. 如何修改一篇現有的文章?-------------------------- (12:41 觀念+實作)
  6. 如何編輯文章的分類,讓文章更好找喔! -------------- (5:14 觀念+實作)
Soledad 主題範例

第二天的課程要開始囉!

今天課程結束,你就有一個基本的網站了喔!

如何設定製作中模式及暫時阻擋 Google 索引?

4:06 - 請照著步驟做就可以了喔!(主機上的啟用方式有改,請跳過 2:00~3:00,改參考下方截圖)

網站目前匯入了很多範例網頁,這些網頁都是假的內容,對外公開不太好,尤其是被 Google 列入搜尋資料庫更不好,所以我們要做兩個步驟來暫時隱藏你的網站喔!

  • 啟用 Bluehost 的「網站維護中」功能

    因為主機商控制台介面有改,這部分和原本影片中的說明不同,請參考左邊的截圖。

     

    1. 登入 Bluehost 主機帳號,進入主機的控制台。
    2. 點選 My Sites 我的網站 (圖一)
    3. 點選你的網站的右下角的 Manage 管理 (圖一)
    4. 點選 Settings 設定 ( 圖二)
    5. 找到下方的 Coming Soon Page (網站製作中頁面) 處,切換按鈕到:
      「On」:啟用製作中模式
      「Off」:關閉製作中模式
  • 設定「阻擋 Google 來索引」

    請到 設定 > 閱讀,勾選「阻擋搜尋引擎索引這個網站」。

姬密傳授: 等網站做完的時候,請千萬要記得回來設定的地方,取消勾選這個「阻擋搜尋引擎索引這個網站」喔!

如何設定永久網址的結構?

1:08 - 請照著步驟做就可以了喔!

WordPress 的網站,在預設的狀況下,每個頁面的網址裡都會包含很多看似無意義的數字,當我們分享網頁時,網址看不出與什麼相關,對訪客不太友善。

因此,我們可以在設定的地方,改變網址的結構,之後編輯文章時,就可以自訂比較有意義的網址,方便訪客及 Google 一窺該網頁與什麼相關,對 Google 排名也有幫助喔!

  • 改變網址的結構

    1. 請到 設定 > 永久網址
    2. 請把選擇從 預設 改成 文章名稱(或其他有包含文章名稱的項目,看你自己的喜好囉!)。

     

怎麼安裝 Soledad 的佈景主題?

5:55 請看影片跟著做喔!尤其是上傳檔案時,很多人會不小心上傳到錯的檔案喔!

你很怕做錯嗎?可以回上一步或重頭來過喔!

建議參考帶路姬的 WP Reset 幫你的 WordPress Undo 回到上一步!(第五天課程有教如何裝外掛)

安裝過程很簡單,主要只有四個步驟,可以參考影片喔!

  • 安裝主要主題檔案

    到外觀 > 佈景主題 > 上傳 > 選擇解壓縮後的資料夾裡的 soledad.zip (圖一)> 立即安裝

  • 安裝子主題檔案

    回到到外觀 > 佈景主題 > 上傳 > 選擇解壓縮後的資料夾裡的 soledad-child.zip > 立即安裝 > 啟用 (圖一)

  • 讓這個網站獲得授權、以正式使用 Soledad 主題

    因為一次的購買只能用於一個網站,我們必續透過填入購買代碼,來驗證我們已完成購買,並且啟用主題:

    1. 請到 Themeforest 登入你的帳號(圖二)。
    2. 在你的帳號處,從下拉選單點選 Downloads(圖二)。
    3. 在已經購買的 Soledad 主題旁,點選 Download,並且點選下拉選單中的 License certificate & purchase code (text)(圖三)。
    4. 複製下載的檔案中的 Item Purchase Code 購買代碼備用(圖四)。
    5. 回到 WordPress 後台,點選 Soledad > Active
    6. 貼上 Item Purchase Code 購買代碼(圖五)。
    7. 點選 ACTIVATE THEME 按鈕就完成囉(圖五)!

如何把網站變得和範例網站一樣?

9:33 -請照著步驟做就可以了喔!

姬密傳授:

如果想換成別的版型:

  1. 請到 外觀 > Import Demo Data
  2. 找到 Simple 版型(你想移除的版型),點選 Uninstall
  3. 在彈跳警告中,點選「確定
  4. 找到你想匯入的版型
  5. 若勾選 Import Style,會匯入該範例的設計,不會匯入範例文章頁面內容(已經存在的文章頁面仍會繼續存在,但是曾經跟著範例匯入的圖片可能會不見,自己上傳的照片仍會繼續存在)。
  6. 若勾選 Import Content,會再次匯入範例文章內容。
  7. 勾選好後,點選 Import 就可以囉!

如果匯入版型後,首頁看起來混雜了之前的版型:

可以利用 WP Reset 外掛,來執行網站重置,回到剛安裝完主題時的狀態,請參考這篇文章的說明。

Soledad 有提供一鍵快速匯入範例網站的功能,就不用從零開始做起!

  • 安裝主題商建議的所有外掛

    1. 請到 Soledad > Welcome
    2. 點選 Install Plugins,準備安裝主題商建議的所有外掛。
    3. 跟著影片全選外掛,一起 Install 安裝。
    4. 點選 Return to Required Plugins Installer 回到必裝外掛清單。
    5. 跟著影片全選外掛,一起 Activate 啟用外掛。

  • 匯入範例網站的設計樣式與範例內容

    1. 外觀 > Import Demo Data
    2. 找到範例網站「Simple」(未來如果你想換其他的,可以看第五天的教學,並且到這頁預覽所有範例網站) 。
    3. 請勾選 Import Demo Style (匯入樣式)Import Demo Content (匯入內容)。
    4. 點選 Import。
    5. 看到 Import Completed (匯入完成)後...
    6. 到後台左上角,你的網站名稱處,找到下拉選單中的「造訪網站」,在「造訪網站」上點選右鍵,點選以新頁籤開啟,就可以看到網站已經變得和範例網站一樣囉!

  • 選單好像沒匯入成功怎麼辦?

    1. 請到 外觀 > 選單
    2. 從下拉選單選擇「Menu 1」。
    3. 勾選最下方的「Primary Menu」位置。
    4. 點選 儲存選單
    5. 選單也成功匯入完成囉!

如何修改一篇現有的文章?

3:32 - 先看看帶路姬怎麼做,自己可以開始挑些頁面,觀察一下是不是都有一個編輯的連結!

修改內容的方式有很多,今天先教大家從最簡單的方式開始:

  1. 請在登入WordPress 的狀態下,以新頁籤來打開網站的前台,這時候會看到有一排控制選項在最上方。
  2. 在前台,從網站主選單或文章列表去點選進入任何你想編輯的頁面。
  3. 在最上面的控制選項的靠左側,你將找到「編輯頁面」、「編輯文章」等等連結,就可以點選開始編輯該頁的內容。

編輯文章時,要編輯...

  1. 編輯標題
  2. 使用 Gutenberg 古騰堡編輯器的「+」新增各式各樣的內容區塊
  3. 編輯該篇文章的 永久連結
  4. 指定文章所屬的 分類
  5. 新增文章所屬的 標籤
  6. 設定文章的 精選圖片(文章的代表封面,常用在文章列表中)。
  7. 編輯文章的內容摘要(常用在文章列表中)。
  8. 勾選是否要讓這篇文章開放 留言討論

如何編輯文章的分類,讓文章更好找喔!

5:14 - 有很多重要觀念喔!

這個影片的學習重點:

  1. 請到 文章 > 分類,這是管理文章分類的地方喔!
  2. 每個分類都有自己的名稱 (可以是中文)、代稱 (建議是英文;會出現在網址中)、上層分類 (當有指定時,編輯中的分類會變成子分類)。
  3. 分類都建立好後,就可以在編輯文章時,看到它出現在右手邊的分類列表中 (上一個影片有說明)。
  4. 編輯文章時,記得在右側勾選該文章所屬的分類,才會讓文章出現在該分類的頁面中。
  5. 第三天的教學,帶路姬才會教你,如何把分類放到選單中讓訪客點選,讓訪客看到該分類的文章喔!

第二天的課程結束囉!

大家可以開始先練習把現有的頁面的標題改成中文喔!明天我們要來學習新增更多的內容!

第一天
%
準備環境
第二天
%
建立與修改展示網站
第三天
%
建立更多內容
第四天
%
客製化外觀
第五天
%
展望未來

你喜歡這樣的學習方式嗎?

這裡需要你的真實見證! 成功時,別忘了留言告訴我喔!- 網站帶路姬

網站帶路姬 / Erin Lin

Hello~我是Erin Lin,美國網頁設計研究碩士,七年美國工作經驗,2012年成立「Erin Lin 網頁設計工作室」專門設計高質感的WordPress網站。2018年五月,開始「WordPress 網站帶路姬」,希望以輕鬆有趣的方式來分享 WordPress 架站教學與資源給不懂程式的新手與創業站長。

14 則留言

  1. 您好 帶路姬老師~~

    我遇到一個嚴重的問題。我在學習完simple版面後,改了另一個b版本,但另一個b版沒有uninstall,之後再載入其它demo範例,(不但再重覆載入content、也重覆載入style),恐怖的事就發生了…載入其後的d、e、f範例的style,都是b版本的樣式。不但使用caching,也用google清除資料後,還是一樣,再試做其它版本,有時後變成e版本的logo,但是內容是b版本…連b版本的primary sidebar都變成e版本,請老師可以教我是不是要回覆像電腦的”原廠設定”?? 我也卸載了soleded,再重新安裝後,還是一樣的事情發生!!!

  2. 帶路姬老師 您好
    請問當我按照影片中安裝主題商建議的所有外掛後並要啟動
    這時畫面出現Install Required Plugins後就停頓許久
    然後就出現 HTTP ERROR 500
    我請主機商幫我還原至某個時間點後再重新安裝一次
    結果相同問題再次產生
    想請教此類狀況是外掛程式與主題相衝突產生的嗎??

  3. 您好 帶路姬老師~~
    請問我匯入simple模板之後,等了超過一個多小時沒有完成,下次開機的時候進入頁面發現有導入主題但是右邊的sidebar都沒有出現,重新嘗試3, 4次都一樣,請問可能是什麼問題呢?

  4. Hello Erin 老師 你好

    最近開始學習如何架設網站,但是跟Kchang一樣,遇到同樣的問題
    安裝的時間很久,隔天登入後,開啟網站,只顯示了左半邊跟上方的格式,右半邊的格式完全空白
    之後解安裝後又重裝,還是一樣空白

    想請問跟如何解決?

    Cheers

  5. 帶路姬老師您好
    我學習完simple的佈景主題了,準備來選擇正式的佈景主題,但要去哪裡卸載simple這個佈景主題呢?謝謝。

  6. 帶路姬老師您好
    非常感謝你的教學,內容車詳細,我新建立好的部落格,可以連結你的教學嗎? 謝謝!

  7. 老師您好,想請問昨天 Soledad有更新佈景主題,想詢問是用Easy Theme and Plugin Upgrades外掛,上傳新的母主題再啟用嗎?但是本來啟用的是子主題,還是上傳新的母主題就好呢? 謝謝

    1. 不一定要另外安裝外掛,後台如果有通知可以更新,就請先確定你有備份好,然後點選通知裡的更新連結就可以了。

      1. 他是通知「We’d like to let you know that an update to your item Soledad …is now available in your Downloads page.」,進去下載就當初安裝一樣,有一個母主題(更新檔)和子主題,需要重新上傳母主題嗎,請問WP後台哪邊會顯示主題更新呢? 謝謝老師

  8. 請問一下,第一次完成plugin後,沒有出現回到啟動畫面的連結
    畫面只出現兩個訊息,上面是
    “To get started with Mailchimp for WordPress, please enter your Mailchimp API key on the settings page of the plugin.”
    下面寫
    “No plugins to install, update or activate. Return to the Dashboard”
    找不到active的地方,接下來我可以如何處理

發佈留言

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

Back to top button
★ 完全免費的影音+圖文教學+ ★

帶路姬陪你用五天的下班時間
做好第一個 WordPress 網站

想完整的學好基礎嗎?快來看看吧!😊
close-link
close-link
close-link
close-link