如何使用 Divi 創建有利可圖的 WordPress 博客

已發表: 2022-08-16

如果您打算創建一個有利可圖的 WordPress 博客並正在尋找一些見解,那麼您可能來對地方了。 在本文中,我們將逐步向您展示創建基於 WordPress 的博客。 不僅僅是一個博客,而是一個能給你帶來利潤的博客。 更具體地說,我們將向您展示如何使用 Divi 創建 WordPress 博客。

我們根據我們在發展 WP Pagebuilders(您當前正在閱讀的博客)方面的經驗編寫本指南。 目前,我們的博客已成功每月產生約 2,000 至 3,000 美元,其中主要收入來源來自聯盟營銷。 正如您在此博客中看到的那樣,我們寫了很多關於 Divi 和 Elementor 的文章。 兩者都是提供有趣的會員計劃的兩個最受歡迎的 WordPress 產品。 自 2020 年以來,我們一直在加入 Elementor 和 Elegant Themes(Divi 的開發者)的聯盟計劃。

我們決定創建一個附屬博客,因為它比依賴 PPC 廣告的博客(例如,Google AdSense)需要更少的流量。 供您參考,我們的博客每天的訪問量不到 2,000 次,這個數字非常少。 但是我們設法每月賺取 2,000 到 3,000 美元(每天大約 66 到 100 美元),因為我們有目標受眾(稍後將介紹)。

那麼,你準備好了嗎? 繼續閱讀。

關於 Divi 的簡要介紹

當然,在更進一步之前,您需要先了解 Divi。

什麼是迪維?

Divi 是由 Elegant Themes 開發的 WordPress 主題。 它帶有一個名為 Divi Builder 的內置頁面構建器——您可以使用它來創建博客的核心頁面(主頁、關於頁面、聯繫頁面等)。 Divi Builder 帶有幾個有用的博客功能,包括 Theme Builder,您可以使用它為網站部分(頁眉、頁腳、博客文章佈局、存檔頁面等)創建自定義模板。

Divi 還支持與 MailPoet、MailerLite 和 Mailchimp 等通訊插件和服務的集成。 時事通訊是博客中最重要的方面之一。 開發沒有時事通訊的博客是一個巨大的錯誤。 稍後我們將介紹時事通訊。

Divi 是一個付費主題。 您可以通過兩種方式獲得它:

  • 通過成為優雅主題的年度會員: 89/年
  • 一次性購買選項: 249 美元

無論您選擇哪個選項,您都可以永久訪問 Divi 更新和支持。 除了 Divi,您還可以訪問由 Elegant Themes 開發的其他產品,包括 Bloom 和 Monarch。 從 Elegant Themes 購買 Divi 主題的有趣之處在於,您可以將其安裝在任意數量的博客上——無需額外費用。

點擊這裡獲取Divi

第 1 步:設置如何通過博客獲利

在上面的開頭部分,我們提到我們的主要收入來源來自聯盟營銷。 即便如此,實際上還有其他幾個選項可以通過您的博客獲利。 一般來說,博主通過以下方法從他們的博客中賺錢。

  • 銷售聯屬產品(聯屬營銷)
  • 安裝 PPC 廣告
  • 賣電子書
  • 接受讚助內容
  • 提供付費內容

我們將把討論範圍縮小到聯盟營銷,因為這是我們迄今為止一直在實踐的。 如果您想了解有關其他獲利方法的更多信息,可以閱讀這篇有用的博客文章。

我們個人推薦聯屬網絡營銷,因為它不需要大量的訪問者。 更多的訪客意味著更高的託管計劃。 更高的託管計劃意味著更高的費用。


第 2 步:選擇博客利基和域

重要的是要注意創建博客與創建其他業務類型沒有什麼不同。 首先,您需要找到並設置博客的市場(受眾)。 在博客的背景下, 每日 500 名目標訪問者優於 5,000 名非目標每日訪問者.

請注意,您將要創建一個博客,而不是在線雜誌(即使是在線雜誌也需要一個利基市場)。 如果您的主題過於籠統,那麼您的博客將更難在搜索引擎上競爭。 此外,建立忠實的讀者群(尤其是電子郵件訂閱者)需要付出額外的努力。

在最終獲得域名wppagebuilders.com 之前,我們最初想註冊一個代表 WordPress 的不同域名。 但我們認為 WordPress 主題過於籠統,因此我們決定選擇一個更具體的主題(本例中為頁面構建器插件)。 另一個原因,有一些更成熟的 WordPress 博客很難與之競爭。

通過選擇更具體的主題,您的博客文章出現在搜索引擎結果首頁的機會更高,因為搜索引擎會更好地理解您博客的主題。 為了證明這一點,請看下面的屏幕截圖。

上面的屏幕截圖顯示了我們贏得比賽的搜索查詢(在 Google 上)。 如果您使用上述查詢之一在 Google 上進行搜索,您會在首頁找到wppagebuilders.com的博客文章(有些甚至在頂部列表中)。

這些只是例子。 wppagebuilders.com還有許多其他關鍵字在搜索引擎競爭中獲勝。

你能猜出原因嗎?

這是因為wppagebuilders.com是一個關於 WordPress 頁面構建器插件的博客,並定期撰寫有關 Elementor、Divi Builder 和其他頁面構建器主題的文章。 如前所述,您博客的主題(在營銷界稱為“利基”)越具體,它贏得搜索引擎競爭的機會就越大。

— 如何為您的博客選擇一個利基和名稱

再次記住規則。 您博客的主題(利基)越具體越好. 造成這種情況的三個主要原因是:

  • 更容易將流量轉化為銷售額
  • 建立忠實的讀者群更容易
  • 在搜索引擎上贏得競爭的機會越大

一旦你理解了,你就可以開始尋找你的博客的利基了。 怎麼做?

您可以首先定義一般主題,然後將其分解為一些更具體的主題。 wppagebuilders.com——正如你在上面所讀到的——是一個你可以用作參考的例子。

需要更多示例嗎?

假設您想創建一個攝影博客。 可以搜索風光攝影、旅遊攝影、數碼攝影、手機攝影等一些攝影衍生品。 找到一個你最擅長的衍生品,然後選擇它作為你博客的主題。 當然,隨著博客的運行,您可以編寫更廣泛的主題,但您的重點應該放在您事先選擇的主要主題上。 你應該在這個話題上獲勝(在搜索引擎上)。

選擇主題/利基後,您可以繼續使用博客名稱。 然後,您可以檢查博客名稱的域是否可用。

要搜索博客利基,您可以使用 Google Keyword Planner 之類的工具來計算競爭水平和搜索量。 如果您有足夠的資金,您可以使用 Ahrefs、Semrush 和 Wordtracker 等付費工具。

在研究博客利基時,您應該注意的兩個主要指標是:

  • 每月搜索量
  • 比賽級別

如果您能找到一個每月搜索量高且競爭低的博客利基市場,那就太好了。


第 3 步:為 Divi 選擇可靠的主機

選擇網絡託管服務提供商是創建博客的另一個關鍵步驟。 您需要確保您的託管服務提供商足夠可靠以運行您的博客。 包括何時發生流量激增。

對於 Divi,我們強烈推薦兩種託管服務類型:

  • 迪維託管
  • 託管 WordPress 託管

— 迪維託管

優雅主題與著名的網絡託管服務提供商合作,提供專為 Divi 設計的託管計劃。 該合作夥伴關係稱為 Divi Hosting。

Divi Hosting 上的所有託管計劃都預裝了 Divi,因此您無需自己安裝 Divi。 Divi Hosting 計劃中包含的其他功能因計劃和託管服務提供商而異。 但總的來說,您將獲得以下功能:

  • Divi 預裝(當然)
  • 安全
  • CDN 和緩存
  • 暫存環境

提供 Divi Hosting 計劃的託管服務提供商是:

  • 可壓
  • 飛輪
  • 雲道
  • 場地地面
了解更多 Divi Hosting

— 託管 WordPress 託管

託管 WordPress 託管是一種網絡託管服務類型,其中資源針對 WordPress 進行了優化,而不僅僅是 Divi。 託管 WordPress 主機具有自動軟件更新(WordPress 核心和插件)、備份、安全和性能優化(CDN 和緩存)等功能。

今天,幾乎所有著名的網絡託管服務提供商都提供託管的 WordPress 託管計劃,包括 Bluehost。 如果您更喜歡使用託管 WordPress 託管而不是 Divi 託管,我們的建議之一是 Bluehost。

Bluehost 是 WordPress 博主和 WordPress 用戶普遍使用的值得信賴、可靠的網絡託管服務提供商。 在 Bluehost 中,託管的 WordPress 託管服務稱為 WP Pro。 WP Pro 提供三個計劃: BuildGrowScale 。 您可以根據自己的需要選擇一種。

了解更多 Bluehost 託管 WordPress 託管

那麼,您應該使用 Divi 託管還是託管 WordPress 託管?

明確地說,Divi Hosting 在技術上也是託管的 WordPress 託管。 不同之處在於,在 Divi Hosting 上,您不必自己安裝 Divi。 最重要的是,使用 Divi Hosting 可以節省您的費用,因為託管計劃與 Divi 捆綁在一起。 當您使用託管 WordPress 託管時,您需要將預算花在兩個組件上:託管服務和 Divi。

這個問題的明智答案是: 在訂閱之前閱讀每個託管計劃提供的規格.


第 4 步:註冊域並安裝您的博客

確定要訂閱的託管計劃後,下一步就是註冊您的域。

域註冊是在託管計劃註冊上完成的。 您將被要求輸入域名以完成註冊過程。 在此示例中,我們將向您展示如何在 Bluehost 上註冊您的域。

首先,訪問 Bluehost 網站。 將光標懸停在WordPress菜單上並選擇WP Pro

選擇您想要的計劃,然後單擊“選擇”按鈕。

在下一步中,在創建新域列中輸入您的域名。 確保選擇域擴展名(.com、.net、.org 等)。 單擊下一步按鈕繼續。

如果您的域可用,您將看到綠色通知並可以繼續下一步。 在帳戶信息部分,填寫必填字段,例如姓名、國家、城市、電子郵件地址等。

包信息部分,選擇您要訂閱的計劃。

付款信息部分,添加您的信用卡/借記卡號和 CVV 代碼。 如果您想通過 PayPal 支付,您可以點擊更多支付選項鍊接並選擇使用 PayPal 支付選項。 接受用戶協議並單擊提交按鈕。

完成付款。 完成後,您將被重定向到可以創建 Bluehost 帳戶的頁面。 單擊創建您的帳戶按鈕以創建帳戶。

創建您的密碼並接受用戶協議。 單擊創建帳戶按鈕。

您的帳戶已準備就緒。 單擊轉到登錄按鈕以登錄到 Bluehost 儀表板。

— 在 Bluehost 上安裝 WordPress

現在您的帳戶已創建,您可以開始在 Bluehost 上安裝 WordPress。

每次您想登錄 Bluehost 時,您都可以訪問 bluehost.com 並單擊頂部欄上的登錄菜單。

要開始安裝 WordPress,請登錄 Bluehost 並單擊創建您的網站按鈕。

跳過接下來的兩個步驟,直到看到以下屏幕。 選擇左側選項,然後單擊開始按鈕。

在接下來的步驟中,您將被問及基本問題。 您可以跳過這些步驟來選擇主題。 您可以從免費主題開始。 到這里為止,您的博客已經準備就緒,可以通過在網絡瀏覽器上輸入您的域名來訪問。

要管理您的博客,您可以通過單擊右上角的登錄 WordPress按鈕登錄到 Bluehost 儀表板。

為了讓您更輕鬆地登錄 WordPress 儀表板,您可以在 WordPress 博客上添加新用戶。 下次,一旦您有了新帳戶,您就無需每次想登錄 WordPress 儀表板時都登錄 Bluehost。 相反,您只需在網絡瀏覽器上輸入yourblog.com/wp-admin並使用您的新帳戶登錄。

要創建新帳戶,請轉到 WordPress 儀表板上的用戶 -> 添加新帳戶。

輸入用戶名、電子郵件地址、姓名和密碼。 為新用戶選擇角色,然後單擊添加新用戶按鈕。

創建帳戶後,您可以使用它登錄 WordPress 儀表板。

— 設置 SSL

在您進一步使用博客之前,設置 SSL 至關重要。 如果您不設置它,您的博客將被網絡瀏覽器標記為不安全。

Bluehost 包括免費的 SSL 功能(由 Let's Encrypt 提供)。 要使用它,請使用您的帳戶登錄 Bluehost。 登錄後,單擊管理站點按鈕。

接下來,轉到安全選項卡並確保啟用SSL 證書:讓我們加密選項。

注意:如果您在打開安全選項卡時發現 SSL 不可用消息,您可以聯繫 Bluehost 進行修復。 您可以通過實時聊天或 Twitter @bluehostsupport 聯繫 Bluehost。

確保 SSL 已啟用後,登錄到您的 WordPress 儀表板並轉到Settings -> General

通過在“http”部分添加“s”字母來編輯默認 URL。 我們還建議您添加“www”。

確保單擊底部的保存更改按鈕以應用更改。

除了設置 SSL,我們還強烈建議您設置永久鏈接。 我們建議使用更簡單的永久鏈接以獲得更簡單的 URL 結構(推薦用於 SEO)。

要設置永久鏈接,請轉到 WordPress 儀表板上的設置 -> 永久鏈接。 選擇一個你想要的永久鏈接(我們推薦post name )。

確保單擊保存更改按鈕以應用更改。


第 5 步:安裝 Divi

如果您使用 Divi Hosting,則可以跳過此步驟。 如果您使用託管 WordPress 託管,您可以繼續閱讀本節。

假設您已在優雅主題上完成購買,請使用您的帳戶登錄。 登錄後,單擊“我的下載”菜單進入“會員區”頁面。

單擊“下載 DIVI 主題”按鈕下載 Divi 主題。

下載 Divi 主題後,登錄到您的 WordPress 儀表板並轉到Appearance -> Themes 。 單擊添加新按鈕以安裝新主題。

單擊上傳主題按鈕 - 然後單擊選擇文件按鈕 - 選擇您剛剛下載的 Divi 主題(ZIP 格式)。 單擊立即安裝按鈕開始安裝。

稍等片刻,直到安裝過程完成。 安裝 Divi 主題後立即激活它。

注意:如果您有自己的主機選擇(除了我們上面推薦的),並且發現安裝過程存在問題,您可以閱讀這篇文章來解決問題。

— 激活許可證密鑰以接收未來更新

為了接收新的 Divi 更新,您需要通過輸入您的用戶名和 API 密鑰來激活您的許可證。 要獲取 Divi 用戶名和API密鑰,請單擊優雅主題儀表板上的用戶名和 API 密鑰。

複製您的用戶名和 API 密鑰。

切換回您的 WordPress 儀表板並轉到Divi -> Theme Options 。 轉到更新選項卡並輸入您的用戶名和 API 密鑰。 單擊保存更改按鈕以應用更改。

— 進行必要的設置

在進一步使用 Divi 之前,您可以先在 Divi 網站上進行必要的設置。 您需要預先進行的三個基本設置是:

  • 網站標誌

徽標是您網站的主要標識。 您可以將其放置在頁眉、頁腳或任何您想要的區域。 要在 Divi 上設置網站徽標,請轉到 WordPress 儀表板上的Divi -> 主題選項。 在“常規”選項卡下的“徽標”選項上,單擊“上傳”按鈕並選擇您的徽標圖像。

  • 網站圖標

Favicon 是用戶訪問您的網站時出現在 Web 瀏覽器選項卡上的圖標。 在大多數 WordPress 網站上,默認圖標是 WordPress 圖標。

要設置 Divi 博客的圖標,請轉到 WordPress 儀表板上的Divi -> Theme Customizer 。 打開General Settings塊並選擇Site Identity

單擊選擇站點圖標按鈕以選擇要用作網站圖標的圖像。 favicon 推薦的圖片格式為 PNG,尺寸為 512×512。

單擊發布按鈕以應用更改。

  • 在帖子上禁用 Divi Builder

Divi 主題帶有一個名為 Divi Builder 的內置頁面構建器 - 您可以使用它來創建博客的核心頁面。 默認情況下,當您想在 WordPress 上創建新內容(無論是頁面還是帖子)時,可以使用 Divi Builder 選項。

由於您想將 Divi 用於博客,我們強烈建議您在帖子上禁用 Divi Builder。 這樣,每次您想創建新的博客文章時,都不會詢問您是要使用默認的 WordPress 編輯器還是 Divi Builder。 要在帖子上禁用 Divi Builder,請轉到 WordPress 儀表板上的Divi -> 主題選項。 打開Builder選項卡並滑動Posts上的開關。 單擊保存更改按鈕以應用更改。

  • 設置博客文章編輯器

從 5.0 版開始,WordPress 有了一個新的編輯器,稱為塊編輯器,又名 Gutenberg。 在此版本之前,WordPress 提供了一個現在稱為經典編輯器的編輯器。

雖然我們建議您使用 Gutenberg,因為它與更多 WordPress 插件更兼容,但使用哪個編輯器取決於您。

如果您想使用 Gutenberg 作為博客文章編輯器,則無需更改任何內容。 如果更喜歡使用經典編輯器,您可以先啟用它。 轉到 WordPress 儀表板上的Divi -> 主題選項。 在Builder選項卡下,單擊Advanced子選項卡並滑動Enable Classic Editor選項上的開關。 單擊保存更改按鈕以應用更改。

我們個人建議使用古騰堡,因為它提供了更多的創意元素。 您可以輕鬆添加按鈕和表格等元素,並對其進行自定義。


第 6 步:設計您的 Divi 博客

完成基本設置後,下一步就是設計您的 Divi 博客。 使用 Divi 寫博客時最好的事情是,您可以控制博客的每個部分——即使您沒有編碼技能,這要歸功於 Divi 的 Theme Builder 功能。

在開始設計博客之前,您需要了解您的博客由以下主要部分組成:

  • 標題
  • 頁腳
  • 單篇文章佈局(也稱為博客文章佈局)
  • 存檔頁面
  • 搜索結果頁面
  • 404錯誤頁面

除了以上部分,您還需要根據需要創建必要的頁面,如主頁、關於頁面、聯繫頁面和其他頁面。

您可以使用 Divi Builder 以可視方式創建這些部分和頁面。 不好玩嗎?

讓我們從標題開始。

但首先,您可能想要創建一個放置在標題上的菜單。 如果您是 WordPress 新手,可以閱讀本文以了解如何創建菜單。

— 設計標題

在 Divi 中設計博客標題有兩種選擇。 首先,您可以使用主題定制器。 其次,您可以使用主題生成器。 如果你想創建一個簡單的標題,那麼使用 Theme Customizer 就足夠了。 相反,如果您想使用自己的設計創建完全自定義的標題,除了 Theme Builder 沒有其他選擇。

## 使用主題定制器設計標題

要使用 Theme Customizer 設計標題,您可以在 WordPress 儀表板上轉到Divi -> Theme Customizer 。 這將帶您進入主題定制器屏幕。 接下來,單擊標題和導航塊。

如您所見,您可以打開五個子塊來設置標題樣式。

  • 標題格式

您可以打開此子塊來設置標題格式。 您可以選擇五種標題格式:默認(左側徽標)、居中、居中內聯徽標、滑入和全屏。

  • 主菜單欄

您可以打開此子塊來自定義主菜單欄的外觀。 您可以設置高度、文本大小、字體系列、字體樣式、字體顏色、菜單背景顏色、下拉菜單顏色等。

  • 二級菜單欄

二級菜單欄是位於主菜單正上方的菜單欄。

您可以通過打開二級菜單欄子塊來自定義二級菜單欄的外觀。 與上面的主菜單欄相同,您還可以設置諸如您可以設置文本大小、字體系列、字體樣式、文本顏色、背景顏色等內容。

  • 固定導航設置

Divi 有一個內置的置頂功能。 粘性標題本身是一種標題類型,當頁面向下滾動時它仍然可見。 這是示例:

您可以自定義置頂標題,例如設置背景顏色、高度、文本大小等。 只需打開固定導航設置塊即可自定義粘性標題。

請注意,如果您想使用粘性標題,您需要確保該功能已啟用。 為此,請轉到 WordPress 儀表板上的Divi -> 主題選項。 確保啟用了固定導航欄選項。

  • 標題元素

您可以打開Header Elements塊以顯示/隱藏 Divi 提供的元素。 這些元素是社交媒體圖標、搜索圖標、電話號碼和電子郵件地址。 這些元素顯示在輔助標題(頂部欄)上,但搜索圖標除外 - 它顯示在主標題上。

要設置要顯示的社交媒體圖標以及鏈接,您可以轉到Divi -> Theme Options 。 在“常規”選項卡上,向下滾動到社交部分以選擇社交媒體平台並設置鏈接。

通過主題定制器完成博客標題的設計後,請確保單擊“發布”按鈕以應用您所做的更改。

如果您想創建更多博客,您可以導出您自定義的標題並將其導入新博客,這樣您就無需從頭開始設計下一個博客的標題。

要導出/導入標題設計,您可以單擊關閉按鈕旁邊的兩個箭頭圖標。

在出現的對話框中,為您的文件命名,然後單擊Export Divi Customizer Settings按鈕以導出設計。

要導入設計(自定義標題),請切換到導出選項卡。 選擇您要導入的設計的 JSON 文件,然後單擊Import Divi Customizer Settings按鈕。

## 使用主題生成器設計標題

如本文開頭部分所述,Divi 帶有主題生成器功能,您可以使用該功能以可視方式創建自定義站點部分。

主題生成器通過將站點主題的默認部分(在我們的例子中為 Divi)替換為您自己創建的自定義模板來工作. 話雖如此,如果您使用 Divi Theme Builder 創建自定義標題,您通過上面的 Theme Customizer 自定義的默認標題將被替換。

使用 Theme Builder 創建自定義站點部件時,從技術上講,您擁有無限的設計選項。 使用 Theme Builder 的另一個優點是您可以設置自定義模板的應用位置。 無論是整個網站還是特定頁面(或帖子)。

要開始創建自定義標題模板,請轉到 WordPress 儀表板上的Divi -> Theme Builder 。 這將打開 Divi 的 Theme Builder 頁面,默認情況下該頁面已經有一個全局模板集。 如果要為整個網站創建自定義標題,只需單擊Add Global Header -> Select Global Header即可編輯標題模板。

相反,如果您想為特定頁面或帖子創建自定義標題,您可以通過單擊加號圖標創建新模板集。

設置要將自定義模板集應用到的位置,然後單擊“創建模板”按鈕。

通過單擊Add Custom Header -> Built Custom Header來編輯模板。

有關如何使用主題生成器在 Divi 中創建自定義標題的更詳細說明,您可以在此處參考我們的文章。

— 設計頁腳

與頁眉一樣,也有兩種方法可以設計博客的頁腳:通過主題定制器和通過主題生成器。

## 使用主題定制器設計頁腳

要開始通過 Theme Customizer 設計頁腳,首先,轉到 WordPress 儀表板上的Divi -> Theme Customizer打開 Theme Customizer。 接下來,打開頁腳塊。

如您所見,您可以在頁腳塊上打開五個子塊,如下所示:

  • 佈局

您可以打開此子塊來設置頁腳的佈局。 每個佈局都由不同數量的列組成——您可以使用這些列來放置小部件(列的內容)。 從這裡,您還可以設置頁腳的背景顏色。

  • 小部件

在上面的Layout子塊上設置好佈局後,下一步是自定義頁腳小部件。 在這種情況下,小部件是頁腳列上的內容。

要將小部件添加到列,請返回主題定制器的主面板並打開小部件塊。

選擇要添加內容的列(頁腳區域),然後單擊加號圖標以添加小部件。 要查看所有可用的小部件選項,您可以單擊全部瀏覽按鈕。

要自定義您剛剛添加的小部件,您可以單擊三點圖標並選擇顯示更多設置

重複上述步驟以在其他頁腳列上添加更多小部件。

  • 頁腳元素

如果需要,您可以在博客頁腳上顯示社交媒體圖標。 圖標將顯示在輔助頁腳(底欄)的右側。

只需打開頁腳元素子塊並勾選顯示社交圖標選項。

  • 頁腳菜單

如果要在頁腳中添加菜單,可以打開此子塊。 從此子塊中,您可以自定義頁腳,例如背景顏色、文本顏色、鏈接顏色、字體大小等。

在打開頁腳菜單子塊之前。 您可以先從Appearance -> Menu創建一個菜單。

  • 底欄

您可以打開底部欄子塊來自定義輔助頁腳。 在此子塊中,您可以設置頁腳信用文本、設置背景顏色、設置文本顏色、設置社交媒體圖標顏色以及大小等。

## 使用主題生成器設計頁腳

如果您想擁有無限的設計選項,更推薦使用 Theme Builder 設計您的博客頁腳。 您可以使用您的羽絨設計概念創建一個頁腳,並使用 Divi Builder 的可視化編輯器應用您想要的任何樣式。

使用 Theme Builder 創建頁腳的步驟與我們上面介紹的頁眉相同。 首先,您可以轉到 WordPress 儀表板上的Divi -> Theme Builder 。 接下來,如果要創建全局頁腳,請單擊默認模板集上的添加全局頁腳。

要為特定帖子或頁面創建頁腳,您可以單擊添加新模板以創建新模板集並選擇要應用頁腳的位置。

有關如何使用主題生成器在 Divi 中創建自定義頁腳的更詳細說明,您可以在此處閱讀我們之前的文章。

— 設計單個帖子佈局

單篇文章佈局(有時稱為博客文章佈局)是控制博客文章外觀的主題部分。 這包括佈局、排版設置等。

還有兩種設計單個帖子佈局的方法:從主題定制器和主題生成器。 我們建議使用 Theme Builder 設計單個帖子佈局,因為它提供了無限的設計選項。 更重要的是,您可以添加電子郵件選擇加入表單、動態星級評分等元素。

您可以閱讀我們之前的文章,了解有關如何使用 Divi Builder 創建自定義單個帖子佈局的更詳細說明。

如果您想通過主題定制器設計博客文章佈局,您可以在主題定制器面板上打開博客 -> 帖子塊。 要更改內容正文的字體系列,您可以轉到General Settings -> Typography

下載單個帖子模板
預覽單個帖子模板

— 設計存檔頁面

在 WordPress 中,存檔頁面是指根據其存檔上下文顯示博客文章的頁面。 例如,當您訪問yourblog.com/category/example的 URL 時,您將看到“示例”類別下的所有博客文章。

或者,當您訪問yourblog.com/author/yourusername的 URL 時,您將看到由用戶名yourusername的用戶撰寫的所有博客文章。

一般來說,WordPress中有三種類型的檔案:

  • 類別
  • 標籤
  • 作者

雖然 Divi 帶有存檔頁面的默認佈局,但您可以使用向下設計創建存檔頁面。 如果您願意,您甚至可以創建多個存檔頁面。

要開始創建自定義存檔頁面模板,請轉到 WordPress 儀表板上的Divi -> Theme Builder 。 通過單擊添加新模板 -> 構建新模板來添加新模板集。 在出現的對話框中,選擇您要在存檔頁面塊上應用自定義模板的位置(您可以選擇多個位置),然後單擊創建模板按鈕。

添加模板集後,單擊Add Custom Body -> Built Custom Body

您將被重定向到 Divi Builder 編輯器以編輯佈局。

有關如何使用 Divi Builder 創建自定義存檔頁面模板的更詳細說明,您可以在此處閱讀我們的文章。

下載存檔頁面模板
預覽存檔頁面模板

— 設計搜索結果頁面

雖然 Divi 帶有默認搜索結果頁面,但您可能希望在博客上創建自定義搜索結果頁面模板,以使其與您的設計方案相匹配。

您可以使用 Divi Builder 在 Divi 博客上創建自定義搜索結果頁面。 首先轉到 WordPress 儀表板上的Divi -> Theme Builder 。 通過單擊添加新模板 -> 構建新模板來添加新模板。 在出現的對話框中,選擇搜索結果並單擊創建模板按鈕。

添加模板後,單擊Add Custom Body -> Built Custom Body以使用 Divi Builder 編輯模板。

您可以將任何元素(模塊)添加到自定義搜索結果頁面模板中,但不要錯過這兩個模塊:

  • 文本
  • 博客

## 文本

您需要此模塊來添加搜索結果標題( “關鍵字”文本的結果)。 添加文本模塊後,在設置面板的內容選項卡下打開文本塊,然後單擊動態圖標。

在可用選項上,選擇Post/Archive Title

確保單擊綠色清單圖標以應用更改。

## 博客

您需要此模塊來顯示搜索結果。 添加模塊後,在設置面板的內容選項卡下打開內容塊並啟用當前頁面的帖子選項。 設置其他必要的設置。 比如我們的帖子數量,摘錄等等。

下載搜索結果頁面模板
預覽搜索結果頁面模板

— 設計 404 錯誤頁面

您可以使用 Divi Theme Builder 創建的另一個自定義模板是 404 錯誤頁面。 當您的訪問者訪問某個 URL 時,此頁面本身會顯示一條錯誤消息,但該頁面不可用。 您可以使用羽絨設計為 404 錯誤頁面創建自定義模板,以使其與您的設計方案相匹配。 你可以添加任何你想要的元素/模塊。

有關如何使用 Divi Theme Builder 創建自定義 404 錯誤頁面的更詳細說明,您可以在此處閱讀我們之前的文章。

下載 404 頁面模板
預覽 404 頁面模板

第 7 步:創建必要的頁面

使用 Divi Theme Builder 創建自定義模板後,下一步就是創建必要的頁面。 您至少需要創建三個頁面:

  • 主頁
  • 關於頁面
  • 聯繫頁面

當然,您可以使用 Divi Builder 創建這些頁面。

- 主頁

主頁是任何網站中最重要的頁面。 借助 Divi Builder,您可以更輕鬆地創建博客主頁,這要歸功於其提供拖放編輯體驗的可視化編輯器。

您可以將任何元素放置到您的博客主頁, 但請確保您添加的每個元素都有明確的目的. 看看下面的例子:

順便說一句,上面的截圖是我們博客的主頁。 在英雄部分(頁面的頂部),我們添加了一個電子郵件訂閱表單,因為我們希望鼓勵我們的訪問者訂閱我們的時事通訊。

在下部(英雄部分下方),我們根據三個主要類別顯示博客文章。 我們還添加了一個額外的導航菜單,使我們的訪問者更容易根據每個主要類別瀏覽博客文章。

在創建主頁之前,請確保您已經知道要添加哪些元素。 如果需要,您可以在執行您的設計理念之前創建一個划痕。

要開始創建主頁,請轉到 WordPress 儀表板上的Pages -> Add New 。 為您的主頁命名,然後單擊使用 Divi Builder按鈕以使用 Divi Builder 編輯頁面。

一旦 Divi Builder 編輯器打開,您就可以開始創建主頁。 完成後,您可以單擊右下角的發布按鈕來發布頁面。

創建並發布主頁後,轉到 WordPress 儀表板上的設置 -> 閱讀。 在您的主頁顯示部分,設置為靜態頁面並選擇您剛剛創建的主頁。

下載主頁佈局
預覽主頁佈局

— 關於頁面

您可以使用“關於”頁面讓訪問者更好地了解您或您的業務。 使用 Divi Builder,您可以將關於頁面分為幾個部分。 在英雄部分,您可以通過簡要介紹您自己來問候您的訪客。 在以下部分中,您可以展示您的作品集(如果有的話)、您的經驗、您的專業知識等。 這是關於頁面的示例。

與主頁相同,您也可以從 WordPress 儀表板上的Pages -> Add New開始創建 About 頁面。

創建並發布“關於”頁面後,您可以將其添加到標題上的導航菜單中,正如我們之前所介紹的那樣。

下載關於頁面佈局
預覽關於頁面佈局

— 聯繫頁面

您可以創建一個聯繫頁面,讓您的訪問者(或有抱負的客戶)輕鬆與您聯繫。 如果您不想顯示您的電子郵件地址,您可以將聯繫表格添加到您的聯繫頁面。 Divi Builder 帶有一個內置的聯繫表格模塊,您可以使用它來創建聯繫表格。

要了解有關如何在 Divi 中創建聯繫表格的更多信息,您可以在此處閱讀文章。

下載聯繫頁面佈局
預覽聯繫人頁面佈局

第 8 步:安裝必要的插件

WordPress 是一個可擴展的博客工具。 您可以通過安裝插件為您的 WordPress 博客添加額外的特性和功能。 如果您使用 Bluehost 或 Divi Hosting,您將獲得必要的插件,例如安全插件和緩存插件。

如果您需要更多插件,您可以自己安裝它們。 您可以閱讀本文以了解如何安裝 WordPress 插件。

要創建成功的 WordPress 插件,我們建議在您的博客上安裝以下插件:

1. 酸奶

自然流量是博客成功的關鍵。 為了讓您的博客獲得更多自然流量,您需要優化您的博客文章,以贏得針對特定鍵盤的搜索引擎的競爭。 Yoast 是您需要的插件。

2. 努力

如果沒有明確的計劃,幾乎不可能實現您的目標。 在寫博客時,您可以對內容創建進行規劃。 通過規劃內容創建,您可以一一執行您的內容創意。

Strive 是 WordPress 的編輯日曆插件,可以幫助您安排博客上的內容創建。 如果您與團隊一起運行您的博客,該插件將非常有幫助。 您可以閱讀我們的 Strive 評論,了解更多關於它如何為您提供幫助的信息。

3.郵件詩人

除了搜索引擎,電子郵件通訊是另一個重要的流量來源。 MailPoet 是我們推薦的插件。 該插件允許您從 WordPress 儀表板創建和發送電子郵件通訊。 此外,它還具有支持功能,例如訂閱者管理器、用於創建電子郵件選擇加入表單的表單構建器、分析等。 更重要的是,MailPoet 可以通過 Email Optin 模塊與 Divi 集成(稍後將介紹)。

如果您更喜歡使用第三方服務來管理和發送電子郵件通訊,我們的主要推薦是 MailerLite。


第 9 步:將 Divi 與電子郵件通訊工具集成

如果您想通過博客建立長期業務,我們強烈建議您投資電子郵件通訊。 您可以依靠電子郵件時事通訊作為搜索引擎的備份來獲取您博客的訪問量。 我們推薦時事通訊而不是社交媒體,因為時事通訊沒有算法.

根據Constant Contact 上的一篇文章,電子郵件營銷的平均投資回報率(ROI)為每花費1 美元36 美元。 換句話說,您投資一美元,並從中獲得 36 倍的回報。

電子郵件通訊是電子郵件營銷的實現方式之一。

在發送時事通訊之前,您肯定需要首先擁有受眾(電子郵件訂閱者)。 在 WordPress 中,發送時事通訊有兩種選擇:使用插件和使用第三方服務。 以下是我們發送時事通訊的建議:

WordPress 插件:

  • 郵件詩人
  • 郵遞員
  • 微信

第三方服務:

  • 郵件精簡版
  • 轉換套件
  • 郵件黑猩猩

如果您更喜歡使用插件,可以閱讀本文以了解如何為 WordPress 選擇時事通訊插件。

— 將 Divi 與電子郵件營銷工具集成

Divi Builder 帶有一個名為Email Optin的模塊。 該模塊專用於收集電子郵件地址,您可以將其與流行的電子郵件營銷插件和服務連接起來。 您可以將模塊添加到您之前在上面創建的頁面或自定義模板中。

在此示例中,我們將向您展示如何將 Email Optin 模塊與 MailPoet 連接。

在開始之前,請確保您已安裝並激活 MailPoet 插件。 此外,請確保您已經創建了 MailPoet 帳戶。

準備好後,使用 Divi Builder 編輯要添加 Email Optin 模塊的頁面或自定義模板。 將電子郵件選項模塊添加到您的頁面/自定義模板。

添加 Mail Optin 模塊後,打開設置面板並轉到“內容”選項卡下的“電子郵件帳戶”塊。

選擇電子郵件營銷服務提供商 (MailPoet) 並單擊添加按鈕。

在“帳戶名稱”字段中輸入與您的 MailPoet 帳戶關聯的電子郵件地址,然後單擊“提交”按鈕。

連接成功後,您將能夠在您的 MailPoet 帳戶中選擇一個列表。

注意:如果您在發布頁面或自定義模板後發現電子郵件選擇模塊的表單字段未顯示,請確保您已連接您的電子郵件帳戶並選擇了一個列表。


獎金

1. 成功聯盟博客的殺手鐧

每個企業都需要戰略來發展和取得成功。 你的博客也不例外。 儘管定期撰寫博客文章至關重要——而且是必須的——但這還不夠。 您需要安排內容策略以贏得搜索引擎的競爭。 這就是我們建議 Yoast 和 Strive 的原因。

Yoast 可以幫助您優化博客文章,使其對 SEO 友好,而 Strive 可以確保您按時完成博客文章。

如果您有像我們這樣的小眾博客,那麼編寫基礎內容至關重要。 那是什麼?

簡而言之,基石內容是您博客的主要內容。 基石內容應該以長篇、深入的格式寫得很好。 在編寫基礎內容之前,您可以先使用 Google Keyword Planner、Ahrefs 和我們前面提到的其他工具等工具進行關鍵字研究。

您可以編寫多個基礎內容。 在我們的博客中,您當前正在閱讀的文章本身就是基礎內容。

為了幫助您的基石內容贏得搜索引擎的競爭(出現在搜索結果頁面的首頁),您可以通過插入指向非基石內容的鏈接來最大化頁面 SEO。 您可以在此博客文章中了解有關基礎內容的更多信息。

2. 免費博客資源

##語法

Grammarly 是一個寫作輔助軟件。 您可以使用它來確保您的博客文章沒有語法錯誤。 Grammarly 還會建議您在寫作過程中選擇正確的單詞。 Grammarly 可用作 Google Chrome、Safari、Microsoft Edge 和 Firefox 的 Web 瀏覽器擴展。

如果您不喜歡 Grammarly,Microsoft Editor 是最好的選擇。

## 不飛濺

Unsplash 是一個免費的圖片網站,您可以在其中下載免版稅圖片。 Unsplash 上有超過 200 萬張圖像,這些圖像是在類似 CC0 的許可下發布的。 CC0 是一種許可證,允許您免費使用數字資產,而無需向作者提供信用。 從 Unsplash 下載圖像時,您無需擔心侵犯他人的版權。

Unsplash 的替代品可免費下載免版稅圖片:

  • 最低 ISO
  • 像素
  • 關注

## GIMP

在將您從 Unsplash 下載的圖片用於您的博客文章之前,您可能需要先調整其大小以減小文件大小。 GIMP 是一個很好的工具。 此外,您可以使用 GIMP 進行基本的圖像編輯,例如設置圖像色調、審查某些部分等。GIMP 是 Photoshop 的免費替代品。 適用於所有主要桌面操作系統。 來自 macOS、Windows 和 Linux。

3. Divi 博客佈局包

我們在前面的部分中向您展示瞭如何創建自定義模板和博客的核心頁面。 如果您需要靈感,我們在這里為您提供免費的 Divi 佈局包。 這個佈局包——我們稱之為 Blogsome——由以下頁面佈局和自定義模板組成:

  • 主頁
  • 關於
  • 聯繫頁面
  • 單個帖子佈局
  • 存檔頁面佈局
  • 搜索結果頁面佈局
  • 404頁面佈局

注意:如果您在導入 Theme Builder 模板時遇到問題,請參閱這篇文章。


底線

WordPress 仍然是創建面向業務的博客的最佳選擇。 隨著博客的發展,您可以採用許多貨幣化模型——除了當前的貨幣化模型。 Divi 是創建面向業務的博客的絕佳主題。 它具有許多有用的功能,尤其是內置的頁面構建器,可讓您輕鬆創建博客的核心頁面。

為頁眉、頁腳、單個帖子等創建自定義模板的能力是 Divi 的另一個顯著功能。 使用此功能,您可以完全控制博客部分的設計。 您可以將所需的元素放置在您想要的任何位置。 顯示條件允許您為特定頁面或帖子創建自定義模板。

以下是您將從 Divi 獲得的用於博客的有用功能:

  • 內置頁面構建器:允許您通過拖放編輯體驗以可視方式創建核心頁面以及自定義模板
  • 主題生成器:允許您為博客部分創建自定義模板。 您可以添加您想要的元素並使用您自己的設計
  • 顯示條件:創建某個自定義模板時,您可以將其應用於整個網站、特定頁面或特定帖子
  • 與電子郵件通訊插件和服務的集成
  • 能夠選擇博客文章編輯器(經典編輯器或古騰堡)
下載 Divi

要使用 Divi 創建成功的博客,您需要安排策略。 首先選擇正確的利基市場來安排內容策略。 我們已經涵蓋了以上所有內容。 現在,是你採取行動的時候了。

祝你博客愉快,祝你好運!