創建自定義 WordPress 主頁

已發表: 2019-10-25

對您的業務而言,沒有像網站主頁那麼重要的東西。 它是您業務的最佳代表,以及它的所有優點和缺點,因此自然而然地,您希望它令人難忘。 一個人如何設法給他/她的網站訪問者留下深刻的獨特印象? 當然,通過創建自定義 WordPress 主頁。 如果您之前在創建登錄頁面時遇到了麻煩,您可能會認為這是不可能完成的任務。 對於 WordPress 不斷發展和不斷發展的世界,沒有這樣的事情。

選擇要用作主頁的頁面

通常,第一步總是最複雜的。 在這裡看起來可能就是這種情況,但是一旦開始該過程,您很快就會意識到情況並非如此。 要開始該過程,請轉到 Pages – Add New,創建一個您將命名為 Home 的頁面,然後發布它。 在這個特定的時刻,頁面的設計和佈局不應該是您主要關心的問題。 那是後來的。 現在,如果您想在您的網站上合併一個博客部分,請通過重複相同的過程創建一個單獨的博客頁面。 唯一的例外是您應該將此頁面命名為博客而不是主頁。

制定商業策略的人,包括創建自定義 WordPress 主頁。
您應該像對待業務戰略一樣認真對待創建自定義主頁。

前往設置 - 閱讀頁面,然後在“您的主頁顯示”部分下選擇“靜態頁面”選項。 選擇您之前創建的兩個頁面作為主頁和博客頁面,完成後不要忘記“保存更改”。 我們不是告訴過你它並不像看起來那麼複雜嗎? 使用 WordPress 網站的好處之一就是它的簡單性。 現在您有了主頁形式的空白畫布,我們可以開始自定義它了!

使用古騰堡編輯器創建自定義 WordPress 主頁

當古騰堡編輯器於 2018 年 12 月推出時,輿論分歧很大。 一些人認為這是一個很大的改進,而另一些人則無法想像在使用了經典編輯器這麼久之後切換到古騰堡。 無論您相信硬幣的哪一面,都不能否認一件事 - 古騰堡可以輕鬆創建一些漂亮的頁面和帖子。 Gutenberg 編輯器為每個內容元素使用塊,並使它們的操作盡可能簡單。 您擁有可用作媒體、文本、封面圖像、列的塊——您可以命名它。

如果您想讓編輯更簡單(也更有趣),您可以使用古騰堡就緒的 WordPress 主題,例如 Astra。 您所要做的就是導入一個模板,讓您在編輯和定制的同時盡情發揮想像力。 最終結果? 一個漂亮、專業、獨特的主頁!

頁面構建器將幫助您創建自定義 WordPress 主頁

如果我們必須選擇最簡單的方法來創建自定義 WordPress 主頁,那可能就是這個。 它不需要任何編碼技能——它只需要安裝並激活 WordPress 頁面構建器插件。 它將允許您使用其拖放界面創建漂亮的佈局。 當然,這聽起來很吸引人,不是嗎? 好吧,使用頁面構建器就像聽起來一樣簡單。

展示不同的網站頁面模板。
您是否設想過一個有創意或引人入勝的主頁? 您的選擇是無限的。

選擇要使用的頁面構建器後,選擇自定義主頁模板,單擊幾下即可安裝。 您現在可以用自己的 替換文本、圖片和內容,甚至可以通過添加不同的部分來擴展模板。 請記住,所有這些都無需編寫任何代碼!

手動創建自定義 WordPress 主頁

現在,這就是事情變得複雜的地方。 雖然前兩種方法不需要任何編碼技能,但這種方法需要。 為了敢於嘗試這種方法,你需要熟悉 CSS、HTML、PHP和一些基本的編碼實踐。 那麼,這將如何工作以及您必須如何使用您的編碼技能?

由於 WordPress 由不同的文件組成,其中一些被稱為模板並控制您網站的不同區域,您需要找到標記為 front-page.php 的模板。 如果沒有,您必須創建一個全新的 font-page.php。 該模板將用於通過 WordPress 顯示您的主頁。 如果您創建了一個新頁面,此模板將完全為空。 那時您可以開始添加 HTML 代碼來顯示您即將成為漂亮主頁的不同元素

這種方法至少需要一些編碼經驗。 這不適合膽小的人。

如果您選擇手動創建主頁,我們建議您使用子主題或您自己的自定義主題。 更改父主題的文件可能很危險,因為如果您更新主題,它可能會使您的更改被覆蓋。 您是否知道除了使用front-page.php,您還可以創建自己的模板並將其用於您的主頁? 以下是在子主題或自定義主題中創建此模板的方法。

在主題的根目錄中創建一個名為 homepage.php 的新文件。
添加以下代碼:
<?php /模板名稱:首頁*/ ?>*

<?php get_header(); ?>

< div id=”primary” class=”content-area”>

<main id=”main” class=”site-main” role=”main”>

</main><!– .site-main –>

</div><!– .content-area –>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

在 WordPress 中創建一個新頁面,在頁面屬性下,您現在應該在模板下有一個主頁。 選擇這個而不是默認模板。 當然,不要忘記轉到設置-> 閱讀並將此頁面設為主頁。 現在,您可以使用 HTML CSS PHP 和 Javascript 隨意自定義您的主頁。

當然,如果您要使用已經存在的代碼和模板,而不是創建全新的代碼和模板,那會容易得多。 在這種情況下,您可以使用一些元素,例如頁眉和頁腳,並刪除其他元素。 我們不了解您,但我們的 WP Full Care 團隊發現這是一種更簡單的方法。 我們的團隊還將親自為您可愛的新網站創建漂亮的自定義頁眉和頁腳。

哪種方法會成為你的贏家?

如果您是 WP 世界的初學者,答案很簡單,不是嗎? 目前,編寫代碼行對你來說是一項太大的任務。 幸運的是,您有兩種偉大而簡單的方法來創建自定義 WordPress 主頁。 畢竟,古騰堡編輯器和不同的頁面構建器使創建獨特的內容變得非常容易。 另一方面,如果您準備好挑戰自己,為什麼不採用第三種方法呢? 儘管您必須對此保持警惕。 編寫幾行代碼從來都不是一項簡單的任務。 離得很遠。 有很大的錯誤空間,它可能在你最不期望的時候發生。 此外,有了所有更簡單的選擇,你真的必須考慮經歷這些麻煩是否值得。