Menu
斜槓副業指南 / 網站經營指南

WordPress 基本功能、『Soledad佈景主題安裝』、網站架構教學、外掛推薦【斜槓副業05】

Wordpress佈景主題

WordPress 基本功能、Soledad佈景主題安裝、網站架構教學、外掛推薦【斜槓副業05】

📔 課前複習:

在本篇內容開始前,我們再快速複習一下幾個重點:

什麼是Wordpress? 簡單來說WordPress就是一套部落格軟體,能讓你架設出一個漂亮有質感的網站。舉凡任何電商網站、品牌形象網站、旅遊部落格網站等等都可以由Wordpress架設出。

WordPress的結構組成? 組成Wordpress的兩大元素,一: 佈景主題(你的網站外觀設計),只要透過選擇質感佈景主題,就可以快速擁有一個漂亮的網站外觀,完全不用會寫程式。二: WordPress外掛(你的網站內部功能),只要透過安裝外掛,就可以馬上擁有任何你想要的功能。想像一下就是iphone手機裡的App,安裝App就可以擁有你想要的功能。

那麼接下來了解Wordpress兩大組成元素之後,我們就來跟大家介紹一下「Wordpress後台基本功能有哪些? 」接著教大家「安裝Soledad佈景主題」「如何把網站修改成跟範例網站一樣有質感?」「如何修改一篇現有的文章? 文章編輯八大步驟!」「如何編輯分類文章? 讓文章更有系統分類!」「應該安裝哪些外掛?」

〇 WordPress登入方式

登入Wordpress後台

方法一: 從Cloudways主題後台登入

Step1

先到Cloudways後台 > 點選Sever > 再點選右上方的www > 進入後選擇app > 進入後左側欄選擇ACCESS DETAILS > 點選後找到右邊內容的ADMIN PANEL

Step2

  • URL: 這個就是你網站的網址(點選右側箭頭即可進入)
  • Username: 這個就是你進入Wordpress要登入的帳號(稍後直接複製貼上)
  • Password: 這個就是你進入Wordpress要登入的帳號(點選密碼會出現,Click to copy,選下後直接複製,直接在登入頁面貼上)

方法二: 直接在網址列,輸入Wordpress預設的後台登入網址

Step1 在網址列中輸入: https://你的網站網址/wp-admin

Step2 進入登入頁之後,輸入你的帳號/密碼 (可從Cloudways後台ADMIN PANEL中找到)

補充:修改Wordpress密碼方法

一 WordPressr基本功能介紹

01 語言設定 & 時區設定

在進到Wordpress後台的第一個動作就是,先語言設定更改成「繁體中文」。

動作1: 控制台左側找到Seeting > Site Language > 選擇繁體中文

動作2: Seeting > Timezone > UTC+8 > 兩個動作都完成後按Save Changes

wordpress教學

02 造訪網站(網站前台)

畫面左上方,可以看到一個小房子,移到上方會出現「造訪網站」文字,點下去就是前往網站前台預設畫面(後台基本功能介紹完後,就會教大家安裝購買的佈景主題)

Wordpress教學

03 控制台首頁

點選控制台後,會進入控制台首頁。這邊就大概看一下就好了,因為之後基本上這裡比較不會用到。但還是大概了解一下:

網站概況: 主要就是可以看到你目前網站總共有幾篇文章/幾個頁面/幾則留言。那其他像是Wordpress活動及新聞基本上這些都可以不用理它。

Wordpress教學

04 更新

接下來更新按鈕的地方,點下去之後可以看到目前Wordpress的版本,這裡要注意的是,只要有出現最新版本通知都要立即安裝。然後下面也可以看到外掛」,同樣的只要有外掛需要更新的都要更新到最新版本。「佈景主題也是,隨時更新到最新版本。

Wordpress教學

05 文章

文章點進來後:

  • 「全部文章」: 可以看到目前所有的文章內容(當然你現在是都是範例的文章)。
  • 「新增文章」: 點下去就會進到撰寫文章的頁面,這個我們之後再來詳細說明介紹。
  • 「分類」:簡單來說就是為你的所有文章分類別。(之後會再詳細說明介紹)
  • 「標籤」: 標籤跟分類的概念類似,單基本上比較少用到。(之後會再詳細說明介紹)

全部文章

Wordpress教學

新增文章

分類

Wordpress教學

標籤

Wordpress教學

06 媒體

那麼媒體主要就是上傳你檔案的地方,像是圖片或影片等等檔案。

媒體庫

Wordpress教學

新增媒體

Wordpress教學

07 頁面

網站的內容主要由兩個部分所組成,一「文章」: 就是你會隨著時間而不斷增加的內容。二「頁面」:通常是固定不變的內容。例如: 「關於」「聯絡我們」「隱私權政策」等等這些比較不會更動的內容,都會放在頁面。

Wordpress教學

08 留言

會紀錄目前訪客得留言內容,可以在這裏快速核准」「回覆「編輯」移至垃圾桶等功能

Wordpress教學

09 外觀

外觀的這裡主要有幾個部分:

  1. 外觀: 這裡主要是安裝佈景主題刪除佈景主題的功能地方。
  2. 自訂: 主要就是首頁畫面的編輯地方。
  3. 小工具: 主要就是網站首頁側邊欄,想增加其他一些功能,就可以從這裡選擇小工具。
  4. 選單: 主要分為主要選單下方選單。主要選單,通常都在網站的上方列。下方選單,都在網站最下方。

#外觀(佈景主題)

Wordpress教學

#自訂

Wordpress教學

#小工具

Wordpress教學

#選單

Wordpress教學

👇 例如: 以我的網站為例,上方如:好好生活文章 特別企劃系列 斜槓青年指南等等這些都是上方選單。

Wordpress教學

10 外掛

什麼是Wordpress外掛,簡單來說就是像你手機當中的App,安裝外掛可以讓你擁有幾乎任何你想達到的功能。那麼購買佈景主題後都會有些基本外掛,有些用不到,有些則沒有,但主要還是要依照自己需求安裝外掛,那後面會推薦哪些必裝的外掛。

Wordpress教學

11 使用者

這裡主要就是可以編輯網站使用者的資料與新增其他網站管理員等等。

編輯網站使用者的資料: 點選使用者名稱下方小字編輯即可以進入。

Wordpress教學

進入後即可編輯個人資料。

Wordpress教學

12 工具

主要可以匯入其他網站資料或匯出。基本上這個目前都用不到先跳過。

13 設定(重要🔥)

以下藍色為必須更改的設定,再跟著操作一下。

  • 一般: 網站的一些基本資料設定,例如:網站名稱/網站標語說明/網展網址等等都可在這更改
  • 寫作: 這裡基本上都不做更動。
  • 閱讀: 找到資訊提供中的文章顯示方式,然後勾擇「內容摘要」> 記得按存儲設定。
  • 討論: 找到留言顯示於網站前端的條件,然後勾擇「留言必須由相關站務人員手動核准」。接著將取消勾選「留言者必須曾發佈留言且留言已通過審核」> 記得按存儲設定。完成此設定即可。
  • 媒體: 這裡基本上都不做更動。
  • 永久連結: 在一般設定中選擇,「文章名稱」> 記得按存儲設定。(選擇此項目對Google SEO排名較有幫助)
  • 隱私權: 這裡基本上都不做更動。
  • Breeze: 這裡基本上都不做更動。

👇 一般

Wordpress教學

👇 閱讀: 找到資訊提供中的文章顯示方式,然後勾擇「內容摘要」> 記得按存儲設定。

Wordpress教學

👇 討論:

  1. 找到預設文章設定,然後勾擇「嘗試通知網站內容中所連結的任何網站」「開放使用者在新文章中發佈留言」即可,第二個取消。
  2. 找到留言顯示於網站前端的條件,然後勾擇「留言必須由相關站務人員手動核准」。接著將取消勾選「留言者必須曾發佈留言且留言已通過審核」> 記得按存儲設定。完成此設定即可。
Wordpress教學

👇 永久連結: 在一般設定中選擇,「文章名稱」> 記得按存儲設定。(選擇此項目對Google SEO排名較有幫助)

Wordpress教學

二 如何安裝Soledad佈景主題教學?

🎯 貼心提醒: 購買Soledad佈景主題,還有完整的教學文字搭配影音內容,所以基本上不用太擔心。再者,加上接下來我們也會一步步教大家完成「Soledad佈景主題安裝」「Soledad佈景主題Demo匯入」「Soledad佈景主題修改」等等的內容,雙重教學帶大家建立起自己專屬的質感網站!

下方連結為: Soledad佈景主題官方教學內容

http://soledad.pencidesign.com/soledad-document/#start

還沒購買者可以從下方連結前往購買

👉 點此連結進入Soledad佈景主題完成購買。

✅ 不知道如何購買者,可以從下方連結進入觀看【 Soledad佈景主題購買教學】

👉 如何購買SOLEDAD佈景主題? (前往文章中的第六小節教學觀看)

Step01: Soledad下載

到Themefoest,在右上角處點選自己的帳號,找到「Downloads」> 再找到「Soladed檔案」

Wordpress佈景主題推薦

接著點選「Download」> 「 All files & documentation」

Wordpress佈景主題推薦

Step02: 解壓縮Soledad佈景主題檔案

接著找到下載後的壓縮檔,然後解壓縮。解壓縮之後裡面會有好幾個檔案,但是只要注意其中兩個壓縮檔就好,我們之後大概只會用到這兩個,分別是:「soledad-child.zip」soledad.zip」

Wordpress佈景主題推薦

Step03: 上傳Soledad佈景主題 & 安裝

👉 動作1: 接著先到Wordpress後台,在左邊列找到「外觀」> 「佈景主題」

Wordpress佈景主題推薦

👉 動作2: 進入後上方找到「安裝佈景主題」>點選進入後再按「上傳佈景主題」

Soledad佈景主題教學

👉 動作3: 點選中間畫面「選擇檔案」

Soledad佈景主題教學

👉 動作4: 找到Soledad後,上傳裡面的「Soledad.zip」(注意是.zip,不是child.zip) > 上傳後選擇「立即安裝」

Soledad佈景主題教學
Soledad佈景主題教學

👉 動作5: 確認完成安裝「Soledad.zip」

(可以看到畫面中內文,有寫到佈景主題已安裝完成,就代表完成囉)

Soledad佈景主題教學

👉 動作6: 接著安裝「Soledad-child.zip」(子主題)

一樣先跳到控制台後台,同樣左邊列先找到「佈景主題」,進入後跟上步驟一樣找到「安裝佈景主題」>「上傳佈景主題」>「選擇檔案」,找到Soledad後,上傳裡面的「Soledad-child.zip」(注意這次是「Soledad-child.zip 子主題) > 上傳後選擇「立即安裝」

Soledad佈景主題教學

👉 動作7: 啟用「Soledad-child.zip」

第二個也安裝好之後,選擇畫面中「啟用」子主題。(注意是要啟用「Soledad-child.zip」這個子主題,而不是「Soledad.zip」)

Soledad佈景主題教學

👉動作8: 確認完成安裝並啟用

接著回到後台點選「外觀」,確認一下是否啟用的是「Soledad-child.zip」,如果是那就安裝完成囉!

Soledad佈景主題教學

Step04 取得網站授權碼,以正式使用Soledad佈景主題

接下來要教大家取得授權碼以正式啟用Soledad佈景主題,另外一個原因在於一個佈景主題只限用於一個網站,所以我們必須取得授權碼綁定這個網站
動作01: 前往後台左邊列找到Soledad > Active Theme

Soledad佈景主題教學

動作02: 在Active theme頁面中往下滑找到this page,點選進入取得授權碼。

Soledad佈景主題教學

動作03: 登入前先確認 themeforest帳戶目前是否在登入狀態,如果沒有此課它會要求你登入帳號密碼(就輸入themeforest帳號密碼) > 登入後在Token name 輸入你名稱(輸入什麼都可以)

Soledad佈景主題教學

動作04: 依照一開始說明步驟02裡有提到勾選以下項目: 「View Your Envato Account Username」「Download Your Purchased Item 「List Purchases You’ve Made」「Verify Purchased You’ve Made 」

Soledad佈景主題教學
Soledad佈景主題教學

動作05: 勾選最下面框框「I have read…..」> 再按下「Create Token按鈕 」> 接著將跳出畫面中的授權碼複製起來 (記得要勾選下面框框「I confirm…」後再按下方「Woohoo! Got it. 按鈕

Soledad佈景主題教學

動作06: 回到Wordpress後台將剛剛取得的授權碼貼上,再按下ACTIVATE THEME 就完成授權囉! 正式啟用佈景主題!

Soledad佈景主題教學

如何把網站修改成跟Soledad的範例網站一樣有質感?

接下來要教大家的就是要教大家如何匯入佈景主題,讓我們的網站變得跟範例網站一樣漂亮。如下示意,當然這只是其中一種範例,Soledad佈景主題裡面是有超過上百種質感範例可以選擇的,後面會再教大家如何挑選。但今天我們會先以這個範例做舉例示範,大家會了這個之後,也有一定的概念了,就算選擇其他範例,也都能理解。

Step01: 匯入範例DEMO資料

👉 動作1: 先到Wordpress後台 > 左邊列找到Soledad點選進入 > 進入後下方找到「Install Plugins 」

Soledad佈景主題教學

👉 動作2: 進入後先點選Plungin選擇安裝全部外掛 > 接著點選上方批次操作 > 再點Install > 再點套用(安裝全部外掛用意是,因為我們要跟範例網站一樣,所以一次要先安裝所有外掛。但是,之後我們可以再將不會用到的外掛給刪除,但此步驟還是要全部選擇)

👉 動作3: 安裝好之後接著要來啟用它 > 到安裝列最下方找到「Return to Required Plugins Installer」回到列表

👉 動作4: 接著來啟用外掛 > 最上方點選Plugin全部選取 > 上方點選批次操作 > 點選Activate

👉 動作5: 安裝好之後,點選控制台左邊列Soledad > 點選Welcome > 進入後找到下方藍色按鈕「 Import Demo Now」

👉 動作6: 進入後會看到所有Demo範例網站,接著挑選自己喜愛的範例網站(接下來我會先以CRAFT DIY BLOG 2做示範) ,先跟我一起做一次,之後會再教大家如何更改範例主題。選擇好後 > 點選Import (注意: 點選後會跳出兩個框框,分別是: Import Demo Style & Import Demo Content,如果你是全新的網站,這兩個都要打勾。) > 最後安裝過程大概會等待5分鐘左右,大家可以先做別的事哈哈。> 最後看到Import completed! 代表匯入完成

Wordpress佈景主題推薦

Soledad佈景主題匯入Demo範例教學影音

提醒:

  • 如果你網站之前就有文章了,那你就只匯入Import Demo Style
  • 如果你是需要匯入完整範例,你就要確認是否完整匯入外掛(剛剛我們已經完成)
  • 如果你是想要更換DEMO範例網站,記得要先把原本的範例網站先解除掉,再安裝新範例
  • 然後如果你安裝後遇到任何問題,可以依照下列步驟解決: Let’s go to Appearance > Menus > create or select a menu for your main navigation > scroll down and check to “Prirmary Menu” at the bottom. (這個之後會再教大家)

👉 動作7: 選單列問題解決

當匯入完成之後,我們可到前台看看目前的網站狀態真的都跟範例網站一樣囉(如下圖) ! 但是此刻如果你有發現你的上方選單列沒有完整出現的,跟著接下來步驟解決。

Wordpress佈景主題

👉 解決步驟01: 先到控制台 > 左邊列找到外觀 > 選單

👉 解決步驟02: 進入後在編輯選單地方找到Main Menu > 下方選擇Menu1 > 然後按下右邊選取鍵

👉 解決步驟03: 進入後在內容頁最下面找到 指定編輯中的選單的顯示位置 > 將右邊Primary Menu 打勾 > 接著記得右上方找到儲存選單並點選儲存。最後再到前台就可以看到主選單跟範例網站一樣囉!

Wordpress佈景主題

Step02: 停用無用外掛

接下來這個動作是要教大家把目前用不太到的外掛給先停用,因為如果佈景主題當中安裝太多外掛,是會影響到網站速度,那麼網站速度同樣會影響到Google SEO搜尋引擎排名。那就跟著一下動作,將無用的外掛先停用(先不用刪除,選擇停用即可)

👉 動作01: 後台左邊列找到外掛 > 已安裝外掛

👉 動作02: 將下面提到的外掛勾選起來 > 選擇停用 > 套用

  • Google Analytics for WordPress by Monsterinsights
  • oAuth Twitter Feed for Developers
  • OptinMonster API
  • Penci Portfolio
  • Pencil Recipe
  • Pencil Review
  • Hello Dolly(這個單獨刪除)

Step03: 推薦Wordpress好用外掛安裝

再說明一下什麼是Wordpress外掛,簡單來說就是像你手機當中的App,安裝外掛可以讓你擁有幾乎任何你想達到的功能。那麼購買佈景主題後都會有些基本外掛,有些用不到,有些則沒有,但主要還是要依照自己需求安裝外掛,那接下來推薦的外掛主要是我們後續在經營網站文章上必備的外掛,總之先安裝起來就對了!

👉 動作: 在後台左邊列找到外掛 > 已安裝掛掛 > 要右上找到搜尋外掛搜尋欄 > 輸入你要找的外掛名稱

✨ 推薦1: Contact Form 7 

聯絡表單外掛,點此觀看教學

Contact Form 7

✨ 推薦2: Easy Table of Contents

內容目錄外掛,為你的文章加入目錄功能(必裝),點此觀看教學

Easy Table of Contents

✨ 推薦3:​ All in One SEO Pack

SEO搜尋引擎工具,這個部分後面文章會詳細介紹。

​All in One SEO Pack

✨ 推薦4:​ Revision Control

保留文章修改前的狀態,以防手誤遺失辛苦打的文章。還有控制文章版本數量,以節省資料庫空間。這個外掛需要設定,跟著以下步驟:

  1. 後台左邊列找到「設定」
  2. 接著找到Revisions」
  3. 進入後找到「Posts」選擇「Maximum 3 Revisions Stored」
  4. 接著下面找到「Pages」同樣選擇「Maximum 3 Revisions Stored」
  5. 最後下方按下「Save Changes」儲存。就完成囉!

四 網站架構編輯( 新增內容、選單編輯、首頁編輯與小工具編輯)

接下來我會以我另一個網站最為示範(比較節省時間),但這個網站同樣是Soledad佈景主題,所以只要跟著操作操作就好了。接下來的教學順序會是「頁面&文章編輯教學」「選單編輯教學」「首頁編輯教學(由上至下)」「小工具編輯教學」

✨ 新增頁面教學

在進入文章之前,我們在快速說明一下「頁面」「文章」「分類」和「標籤」的差別:

頁面: 舉例像是關於我們聯絡我們,這一種單一式頁面,通常都很久才更新,甚至不會更新,這種內容都是放在頁面。

文章: 像最新消息、任何類型文章內容之類的,會隨著時間累積而越來越多篇的,就屬於文章類。重點文章可以使用「分類」或「標籤」的方式來分類整理。

  • 分類: 就是關於你所寫的任何種類文章,都可以用分類來為文章做分類。
  • 標籤: 同樣也是關於你所寫的任何種類文章,都可以用分類來為文章做分類。那分類和標籤的差別在哪? 唯一差別就是出現在網站的地方不同,沒關係如果還是不理解的,先跳過,後面教學你就會慢慢懂了。

接下來為如何新增頁面步驟:

👉 動作01: 首先進到控制台 > 頁面 > 全部頁面 > 進入之後,先將所有頁面都全選起來 > 接著到上方批次管理 > 選擇移至垃圾桶 > 再按套用 (注意你們的頁面應該全部是英文DEMO頁面,不用擔心全部選取起來移至垃圾桶,並沒有丟掉,先跟我一步不做。)

👉 動作02: 接著同樣畫面中,最上方找到新增頁面,點選進入後會來到頁面編輯的視窗。(這個部分會教大家新增一個頁面

👉 動作03: 新增頁面教學

示範頁面: 關於這裡

這個部分要先做,因為後面會用到。(可以先簡單打內容,之後再接著修改,先把過程瞭解清楚)

  • 介紹自己
  • 網站服務介紹

✔ 步驟一: 在下圖新增標題地方輸入: 關於這裡

✔ 步驟二: 在下圖開始撰寫內容」地方 : 撰寫你的關於這裡頁面內容

  • 你是誰?
  • 為什麼你創立這個網站?
  • 你的網站目標是什麼?

✔ 步驟三: 完成內容後,接著在畫面右邊找到永久連結。下面有個網站代稱,也就是設定這個網頁的網址,基本上都是輸入英文與數字(有助於SEO)。例如:關於這裡就是輸入:about。(都以小寫為主)

✔ 步驟四: 最後關於這裡頁面介紹內容完成後,就到畫面中右上角找到發佈按下 ,即完成頁面發表。

👉 動作04: 顯示新增的頁面關於這裡,到前台網站上方選單

✔ 步驟一: 首先到後台控制台 > 外觀 > 選單,進入後左邊找到「頁面」> 勾選「關於這裡」>再點選「新增至選單」,就可以看到選單跑到右邊的「選單結構中」了 > 最後再到右上找到藍色按鈕按下 「儲存選單」就完成囉! (這時到前台看,上方選單就會出現「關於這裡」頁面了。

備註: 右邊選單結構可以上下移動,還可以將項目移成子項目,例如: 斜槓青年指南之下,還有斜槓青年思維篇,這些都是子項目。

✨ 文章編輯教學(八大步驟🔥)

首先先到控制台 > 文章 > 新增文章,然後就會到新增文章編輯頁面,接下來跟著下面步驟修改文章。

如何修改一篇現有的文章? 文章編輯八大步驟:

Step1 新增標題:

在文章編輯頁面找到「新增標題」字眼,然後輸入你的標題。

Step2 永久連結:

在文章右邊側邊欄找到永久連結,先為你這邊文章設定網址,通常就是以你這篇文章標題的意思,更改成英文,然後記得簡單就好。例如: 我這邊文章的永久連結就是設定: wordpress-soladed-theme。(然後兩件事記得,第一文章標題打好就要接著設定永久連結,第二當文章發布後永久連結就不能再更改,因為會影響SEO)

Step3 編輯內容:

直接點選文章空白處即可開始編輯內容,然後按「+」符號可以新增各式各樣的內容區塊,常會使用到的例如: 圖片/ 影音等等。

以下補充介紹常使用到的內容區塊:

新增內容部分:

#標題: 這裡的標題指的是,文章內的副標題,點選後可以可以看到H2H3H4H5H6等等,舉例:H2就是你文章大標題之下第二層的標題,H3就是第三層,選擇階層標題用意就是,到時在文章內容目錄時會自動出現你的文章各階層標題。那麼關於文章內容目錄設定教學會續會再教到。

#段落: 在內容區塊內也可以找到一般內容輸入的項目,也就是段落。剛剛一開始我們說直接按文章空白處就可以直接輸入內容,如果按空白處無法輸入時,就點選「段落」即可輸入。

#清單:

#引文:

#表格:

新增媒體部分:

#圖片:

版面視覺設計相關部分:

#按鈕

#欄位

Step4 編輯文章所屬的分類:

編輯分類文章,讓文章更有系統分類!

👉 動作1:先到到控制台 > 文章 > 分類,這裡是管理網站文章分類的地方。

接下來你會看到左邊欄上方有個「新增分類」,下面依序為:

  • 名稱: 簡單來說這個就是編輯你想要的分類名稱,這個部分可用中文編輯。
  • 代稱: 這個部分主要是你剛剛上面編輯的中文名稱,將它轉換成英文」,主要它會出現在網址中。通常由小寫英文字母、數字及連字號 - 組成。
  • 上層分類: 舉例來說,這個網站可以有個〈影集〉分類,而其下還有〈美劇〉及〈日劇〉等子分類,請依實際使用目的規劃分類的階層架構。意思就是在這選擇你新增的分類,它的上層分類是哪一個。(基本上這個較少使用,新手可以先跳過)

Step5 編輯文章所屬的標籤:

Step6 編輯文章所屬的精選圖片

精選圖片(意指該文章的封面,會出現在文章列表的代表畫面)

Step7 編輯文章內容摘要

Step8 編輯勾選是否開放留言區塊

✨ 選單編輯教學

✨ 首頁編輯教學(八大步驟🔥)

#1: 首先了解網站首頁五大區域架構有哪些?

在進入首頁編輯教學之前我們先快速掌握關於網站架構基本的概念,基本上一般網站大致上都可以分為五大區域:

網站架構可參考: 我繪美麗生活網站 對照理解
  • 首頁(Header): 這個區域大致上內容包含了,像是首頁的靜態頁面視覺/上方主選單/最上方次選單,這些都稱為首頁區塊。
  • 輪播頁: 這個區域大致上主要顯示最新的文章內容,然後是可以左右輪播的。提醒輪播頁主要只會出現在首頁。
  • 內容頁: 這個區域主要也是顯示近期的文章內容,然後會以列表的形式呈現。
  • 側邊欄(Siderbar): 這個部分主要會顯示關於我基本介紹欄/熱門文章/留言/各式小工具等等
  • 頁尾(Footer): 這個區域主要顯示,例如:隱私權政策內容/網站免責聲明/社群連結/頁為選單等等。

大致上理解之後,接下來我們由上至下一個個教大家如何修改!

#2: 首頁最上方選單(Topbar Menu修改)

Topbar選單修改(左邊)

👉 動作1: 控制台> 選單 > 進入後在「選取需要編輯的選單」中,選擇「Topbar Menu」> 接著右邊按選取。

👉 動作2: 進入後先把內建的選單都先刪除掉 > 在選單結構下面找到要刪除的選單 > 點開進入後,下面找到「移除」鍵都刪除掉

👉 動作3: 接著在左邊中「新增選單項目」> 「頁面」> 「檢視全部」> 找到先前教大家新增的「關於這裡」頁面 > 選取後,按「新增至選單」即完成 > 最後由上方記得按下「存儲選單」。

👉 動作4: 最後回首頁最上方的Topbar確認是否修改完成

Topbar社群連結修改(最右邊)

👉 動作1: 控制台> 外觀 > 自訂 > Social Media Option (這個地方即可修改,將社群連結貼上即可) > 修改好記得最上方按下「發佈」。

#3: 首頁最上方靜態畫面

👉 動作: 控制台> 外觀 > 自訂 > Colors for Header > 找到變更圖片 > 找到媒體庫選擇要上傳的圖片或點選上傳檔案上傳要上傳的圖檔。

#4: 如何新增首頁上方Slider輪播畫面?

接下來要教大家如何新增網站首頁上方的輪播頁,跟著以下操作:

👉 動作1: 控制台> 外觀 > 自訂 > Featured Slider Options (輪播頁選項)

👉 動作2: 勾選 Enable Featured Slider 啟用滑塊功能。

👉 動作3: 在從下面 Featured Slider Style (輪播頁樣式設計) ,選擇自己喜歡的輪播頁樣式設計。可以都試看看。

👉 動作4: 最記上按下發佈才算更新完成喔! (提醒,在挑選樣式時可以先不用按下發佈)

#5: 如何新增精選圖框到首頁?

接下來下輪播頁下方可以增加精選圖框,精選圖框是會把你網站最重要的幾大分類內容放置在這,主要用意就是希望瀏覽者進入到網站後可以快速看到你的精選文章。那跟著下面步驟試試囉!

👉 動作1: 控制台> 外觀 > 自訂 > Homepage Options (首頁選項)

👉 動作2: 進入後先確認 「Hide Home Featured Boxes 」選項,是否「取消」勾選。

👉 動作3: 在「Home Featured Boxes Columns」 選項,可以選擇要幾個精選圖框。

👉 動作4: 在「Home Featured Boxes Size Type」選項,可以選擇要精選圖框的樣式設計。

👉 動作5: 在「Homepage Featured Box 1st Image」 欄位,可以上傳你第一個精選圖框的「圖片」 > 接著在「Homepage Featured Box 1st Text」 欄位,可以編輯你精選圖框的「名稱」 > 接著在「Homepage Featured Box 1st URL」,可以編輯你精選圖框的「連結」。(然後接下來的精選圖框編輯方式重複此動作)

👉 動作6: 最後同樣記得,最上方按下「發佈」才算更新完成喔!

#6: 如何更改首頁文章列表的排版方式?

#7: 如何更改右邊側邊欄?

#8: 如何編輯小工具?

斜槓青年意思是什麼

斜槓副業之路養成(點此前往完整內容頁)

透過了解斜槓青年核心意涵並掌握翻轉未來生活正確的思維,整體實作內容從: 從你一步步自我探索挖掘出自我獨特優勢、行銷經營策略、內容經營策略、必學趨勢技能、網路趨勢賺錢法等等, 一步步打造出帶得走的能力。

  1. 斜槓之路 #1: 斜槓青年觀念篇上 (什麼是斜槓青年?/ 為什麼要有斜槓思維?/什麼是正確的斜槓?)
  2. 斜槓之路 #2: 斜槓青年觀念篇下 (繪出你的個人優勢圖/你可以幫助誰? 別人在哪裡知道你?)
  3. 斜槓之路 #3: 斜槓青年技能篇A-自學網站架設 (什麼是Wordpress架站? WordPress網站架設教學)
  4. 斜槓之路 #4: 斜槓青年技能篇A自學網站架設 (WordPress佈景主題推薦與購買教學)
  5. 斜槓之路 #5: 斜槓青年技能篇A-自學網站架設 (主題安裝/基本環境設定教學/網站架構建立教學)
  6. 斜槓之路 #6: 斜槓青年技能篇B-自學網站經營 (如何從興趣中選擇你的小眾市場?)
  7. 斜槓之路 #7: 斜槓青年技能篇B-自學網站經營 (Google SEO搜尋引擎優化技巧/自然流量經營)
  8. 斜槓之路 #8: 斜槓青年技能篇B-自學網站經營 (聯盟行銷: 部落格網站網路賺錢法)
  9. 斜槓之路 #9: 斜槓青年精進篇C-斜槓青年十大網路趨勢賺錢法篇
  10. 斜槓之路 #10: 斜槓青年精進篇C-如何有效經營個人部落格網站?/部落格撰寫策略)
  11. 斜槓之路 #11:斜槓青年精進篇C-自學社群經營 ( IG經營策略/IG內容策略/IG漲粉攻略大統整)
  12. 斜槓之路 #12: 斜槓青年精進篇CConverkit 電郵行銷教學/ 5大Email名單爆增技巧)
  13. 斜槓之路 #13: 斜槓青年線上自學課程推薦-Podcast製作/線上課程製作/ETF美股投資等

斜槓熱門暢銷書籍排行榜推薦

斜槓青年暢銷書籍
斜槓青年實踐版書籍
點此連結了解更多訊息
不上班賺更多
點此連結了解更多訊息
有天不再為現實出賣熱情
點此連結了解更多訊息
我的人生就是我的事業
點此連結了解更多訊息
熱情人生的冰淇淋哲學
點此連結了解更多訊息

No Comments

    Leave a Reply