如果您想銷售商品或吸引訪問者注冊，WordPress 網站上的登陸頁面是一個非常寶貴的工具。愛掏網 - it200.com在這篇文章中，您將了解如何在 WordPress 中免費創建登陸頁面并鼓勵人們購買或注冊您的服務。愛掏網 - it200.com
我們將通過自定義第三方 WordPress 主題來創建著陸頁。愛掏網 - it200.com這是免費創建 WordPress 登陸頁面的最佳方式，并為您提供最大的靈活性，但它需要一些編碼知識。愛掏網 - it200.com如果您想創建一個無需編碼的登陸頁面，請查看我們的其他一些帖子。愛掏網 - it200.com
著陸頁是關鍵頁面，旨在促使用戶采取行動。愛掏網 - it200.com該操作的具體內容取決于您的業務，但可能是以下兩種情況之一：
- 買一些東西，可能是大件商品，因為您會使用產品頁面來購買較小的產品。愛掏網 - it200.com
- 注冊某項內容，可能是服務或課程的訂閱，也可能是郵件列表。愛掏網 - it200.com
您需要盡可能多地吸引此頁面的流量，因為它將對您的網站非常重要。愛掏網 - it200.com您可以通過搜索引擎優化、廣告或直接營銷（或者兩者的結合）來做到這一點。愛掏網 - it200.com
但是，一旦人們到達該著陸頁，您就需要確保他們購買或注冊。愛掏網 - it200.com
頁面的內容將成為您執行此操作的一部分 - 不僅是內容本身，還有您的布局方式。愛掏網 - it200.com一般來說，商品越貴，您需要的文字和號召性用語就越多。愛掏網 - it200.com
但這不僅僅是內容的問題。愛掏網 - it200.com您還需要確保當有人登陸該頁面時，他們唯一可用的選項是單擊購買按鈕。愛掏網 - it200.com如果有導航菜單、某些小部件或可點擊的徽標，他們就有可能點擊離開以調查網站的其余部分，并且永遠不會返回到著陸頁。愛掏網 - it200.com
這就是在主題中創建登陸頁面的用武之地。愛掏網 - it200.com登陸頁面不會有內容之外的鏈接。愛掏網 - it200.com不會有菜單，沒有小部件，頁眉、頁腳或其他任何地方都沒有可點擊的鏈接。愛掏網 - it200.com它通常是全寬的（因為您不需要側邊欄小部件），并且它有一個干凈的布局，旨在將注意力集中在內容上。愛掏網 - it200.com
在本教程中，我將向您展示如何為您的主題創建登陸頁面模板。愛掏網 - it200.com這包括四件事：
- 為您的目標網頁創建頁面模板
- 為沒有鏈接的著陸頁創建標頭
- 為著陸頁創建一個不帶鏈接的頁腳
- 使用模板創建目標網頁
那么讓我們開始吧。愛掏網 - it200.com我將為“二十二十”主題創建此登陸頁面模板，這意味著創建一個子主題，這樣我就不會編輯第三方主題。愛掏網 - it200.com
要學習本教程，您需要：
- WordPress 的測試或開發安裝
- 代碼編輯器
- 已安裝主題
那么讓我們開始吧。愛掏網 - it200.com
如果您正在開發自己的主題，則可以跳過此部分。愛掏網 - it200.com但是，如果您使用從主題目錄下載的第三方主題或從 ThemeForest 或其他來源購買的第三方主題，則需要一個子主題。愛掏網 - it200.com
按照我們的指南創建子主題，并將新主題保存在您網站的 wp-content/themes 目錄中。愛掏網 - it200.com
現在您需要創建一個頁面模板作為您的登陸頁面模板。愛掏網 - it200.com您需要復制主題中頁面使用的任何模板并重命名新文件。愛掏網 - it200.com對于許多主題來說，就是 page.php。愛掏網 - it200.com對于二十二十，那就是singular.php。愛掏網 - it200.com您可以使用 WordPress 模板層次結構來確定正在使用哪個模板文件。愛掏網 - it200.com
如果您使用子主題，您可以將副本復制到子主題。愛掏網 - it200.com如果您正在使用主主題，請將副本保存在主主題中。愛掏網 - it200.com注意：不要在您的實時網站上執行此操作！
如果您的主題有全角頁面模板，請使用它而不是 page.php，因為頁面布局已經設置為沒有側邊欄，并且側邊欄將有已被刪除。愛掏網 - it200.com
我已將文件命名為landing-page-template.php。愛掏網 - it200.com不要給它一個以 page 開頭的名稱。愛掏網 - it200.com如果您隨后使用該名稱創建頁面，WordPress 會自動將模板分配給該頁面。愛掏網 - it200.com最好保持手動操作，以便您擁有更多控制權。愛掏網 - it200.com
這是我的新 landing-page-template.php 文件的完整內容。愛掏網 - it200.com如果您使用不同的主題，您的主題看起來會有所不同。愛掏網 - it200.com
登錄后復制
現在是時候編輯文件了。愛掏網 - it200.com從頂部注釋掉的文本開始。愛掏網 - it200.com將其替換為頁面模板所需的文本：
登錄后復制
下一步是刪除對側邊欄或頁腳的任何調用。愛掏網 - it200.com如何執行此操作取決于您的主題以及您是否首先使用全角模板。愛掏網 - it200.com
在《二十二十分》中，沒有對側邊欄的調用，所以我不需要刪除它。愛掏網 - it200.com如果您的模板中有此行，則需要將其刪除：
登錄后復制注意：編輯完此模板文件后，您可能會發現布局在側邊欄應有的位置留下了間隙。愛掏網 - it200.com編輯模板的 CSS 或更改內容部分中的類以使其全寬。愛掏網 - it200.com
現在是頁腳。愛掏網 - it200.com您不想完全刪除頁腳，因為您仍然需要版權頁和對 wp_footer 的調用，因此您不必刪除 get_footer() 調用，而是將其保留在那里并為您的目標網頁創建一個新的頁腳文件。愛掏網 - it200.com
在《二十二十分》中，頁腳無法以標準方式工作。愛掏網 - it200.com我的模板文件中有兩個調用：
登錄后復制第一個調用一個包含文件，該文件只包含小部件。愛掏網 - it200.com第二個調用我需要的頁腳，但我們稍后會對其進行編輯。愛掏網 - it200.com所以我刪除這一行：
登錄后復制現在保存您的文件。愛掏網 - it200.com我們很快就會回來討論這個問題。愛掏網 - it200.com
現在是時候為您的目標網頁創建一個沒有導航、小部件或鏈接的標題了。愛掏網 - it200.com
復制主題的 header.php 文件（在主主題或子主題中）并將其命名為 header-landing.php。愛掏網 - it200.com
刪除徽標或網站標題中的鏈接
在頭文件中查找站點名稱或徽標。愛掏網 - it200.com我的由一個函數組成：
twentytwenty_site_logo();登錄后復制
我不會嘗試編輯該函數，而是將其替換為對徽標的調用：
登錄后復制