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

第二天的課程結束囉!

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

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

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

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

標籤

網站帶路姬 / Erin Lin

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

23 則留言

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

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

    正在安裝佈景主題…

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

    佈景主題安裝失敗。

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

  3. 我也遇到這同樣的訊息,後來我進去佈景主題重新把全部的Plugins 做更新還有重新啟動,再回去就可以做匯入DEMO了。

  4. 帶路姬您好,
    謝謝你無私地分享,有個問題想請教您,我之前跟錯課程,我希望架設blog但跟到形象網站的五天課程,所以已經買了avada和siteground也套用在worldpress裡了。後來發現跟錯課程,我回到這裡重新買了Soledad ,請問如果現在我要套用soledad,需要把avada移除嗎? 如果需要應該怎麼移除呢?
    謝謝你喔! 🙂

  5. 想問帶路姬~請問有推薦的文字錨點外掛嗎?
    之前找到一個可以使用的,但是Wordpress更新後外掛就不能用惹Q+Q

  6. 哈囉站長您好!我移除了外觀模板之後再裝新的模板~結果兩個模板的資料都混在一起了!請問可以有清除全部重來的做法嗎!感恩

  7. 你好,我注意到你的網址都是英文的,請問是另外設定的嗎?網址內有中文會影響SEO 嗎?

  8. 站長您好
    我的demo一直無法完整安裝
    跑了一個小時還在裝

    雖然缺少的部分只有 about me
    可以請問您怎麼製作about me的部分嗎?

  9. 首頁變成這樣 全部都是選單散落在整個頁面

    PORTFOLIOSHOPHOME #1HOME #2HOME #3HOME #4INFINITE SCROLL LOAD MOREINFINITE LOAD MORE POSTSHOME FEATURED VIDEOBODY BOXED IMAGEBODY BOXED COLORHOME WITH LEFT SIDEBARHOME WITH STICKY SIDEBARSTANDARD LAYOUTCLASSIC LAYOUTGRID LAYOUTGRID WITH SIDEBARGRID 2 COLUMNS LAYOUTLIST LAYOUTMASONRY LAYOUTMASONRY WITH SIDEBARMASONRY 2 COLUMNS LAYOUTBOXED LAYOUTOVERLAY LAYOUTMIXED LAYOUTMIXED STYLE 2 LAYOUTPHOTOGRAPHY LAYOUTMAGAZINE LAYOUT 1MAGAZINE LAYOUT 2MAGAZINE LAYOUT 31ST OVERLAY THEN GRID1ST OVERLAY THEN LIST1ST STANDARD THEN GRID1ST STANDARD GRID SIDEBAR1ST STANDARD THEN GRID 21ST STANDARD THEN LIST1ST STANDARD THEN BOXED1ST CLASSIC THEN GRID1ST CLASSIC GRID SIDEBAR1ST CLASSIC THEN GRID 21ST CLASSIC THEN LIST1ST CLASSIC THEN BOXEDSLIDER #1SLIDER #2SLIDER #3SLIDER #4HOME WITH SLIDER 1HOME WITH SLIDER 2HOME WITH SLIDER 3HOME WITH SLIDER 4HOME WITH SLIDER 5HOME WITH SLIDER 6HOME WITH SLIDER 7HOME WITH SLIDER 8HOME WITH SLIDER 9HOME WITH SLIDER 10HOME WITH SLIDER 11HOME WITH SLIDER 12HOME WITH SLIDER 13HOME WITH SLIDER 14HOME WITH SLIDER 15HOME WITH SLIDER 16HOME WITH

    1. 你後來解決了嗎?我猜你重複匯入了資料。建議你跳到我教「選單」的那個影片,把範例給你的選單直接刪掉,或者你新增一個選單,指定到Primary Menu,就可以了。
      另一個方式是,安裝 WP Reset 外掛,乾脆把網站重置到剛安裝好 WordPress 時的狀態,最乾淨,然後重新開始安裝主題。

  10. 你好老師,我已經安裝好主題,也是用一陣子了都沒問題
    但是我想請問這個佈景主題要怎麼更新

    他提示我要我進行更新我就直接按更新
    但是他一直提示這個
    更新失敗: 無法安裝這個安裝套件。 PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature

發佈留言

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

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

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

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