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

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

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

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

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

第二天的課程要開始囉!

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

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

4:06 - 請照著步驟做就可以了喔!

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

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

    1. 設定 > 一般
    2. 最下面的  Bluehost Coming Soon Page
      Enable:On (啟用製作中模式)
      Enable:Off (關閉製作中模式)

  • 設定「阻擋 Google 來索引」

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

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

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

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

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

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

  • 改變網址的結構

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

     

怎麼安裝 Soledad 的佈景主題?

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

533 請確定勾選正確的授權項目,來獲得授權碼喔!
影片也有教,如果要換網址使用該怎麼辦喔!

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

  • 安裝主要主題檔案

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

  • 安裝子主題檔案

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

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

    因為一次的購買只能用於一個網站,我們必須取得獨特的授權碼,綁定這個網址:

    1. 請到 Soleded > Active Theme。
    2. 點選 this page 去取得一個授權碼 (參考左邊影片二、圖二、圖三)
    3. 把產生的授權碼複製、並且貼回 WordPress 後台 「Your Envato Token」的欄位。
    4. 點選 Activate Theme 按鈕就完成囉!

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

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

姬密傳授: 等五天教學看完,如果想換成別的版型:

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

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. 第三天的教學,帶路姬才會教你,如何把分類放到選單中讓訪客點選,讓訪客看到該分類的文章喔!

第二天的課程結束囉!

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

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

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

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

"Lacinia neque platea ipsum amet est odio aenean id quisque."

— KELLY MURRY
ACME Inc.

"Aliquam congue lacinia turpis proin sit nulla mattis semper."

— JEREMY LARSON
ACME Inc.

"Fermentum habitasse tempor sit et rhoncus, a morbi ultrices!"

— ERIC HART
ACME Inc.
標籤

網站帶路姬 / Erin Lin

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

4 則留言

  1. 剛剛看完立馬買了 爸特 無法安裝 並 出現以下訊息……..
    不知如何是好!麻煩您撥冗幫幫忙唷!大感謝~~~
    ————————————————————————————————————————————————————-

    正在安裝上傳的佈景主題檔案 themeforest-9bwhw9tB-soledad-multiconcept-blogmagazine-wp-theme.zip
    正在解壓縮安裝套件…

    正在安裝佈景主題…

    無法安裝這個安裝套件。 這個佈景主題的安裝套件中缺少 style.css 樣式表。

    佈景主題安裝失敗。

  2. 我把佈景主題安裝完成後,要做第一步安裝所有外掛怎麼試都顯示”很抱歉,目前的登入身分沒有存取這個頁面的權限。”~試了很多次還是沒辦法~不知道是哪個環節出問題,目前做到改選單的部份

發佈留言

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

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

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

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