免費版本W(wǎng)ordPress網(wǎng)站實現(xiàn)教程-Hello Elementor主題安裝并導(dǎo)入模板

時間：2023-06-10 22:57:01 | 來源：網(wǎng)站運營

時間：2023-06-10 22:57:01 來源：網(wǎng)站運營

免費版本W(wǎng)ordPress網(wǎng)站實現(xiàn)教程-Hello Elementor主題安裝并導(dǎo)入模板：這里的說得免費不包含服務(wù)器和域名的費用，主要是通過免費的主題及插件來實現(xiàn)一個WordPress網(wǎng)站頁面內(nèi)容的搭建。

教程主要是通過Elementor的模板來實現(xiàn)的，需要了解一點Elementor使用的知識，比如：布局、基礎(chǔ)元素的內(nèi)容、樣式的修改等等，來實現(xiàn)最終的效果。文章還包含了Header和Footer的制作。

至于WordPress安裝的教程，我還是推薦寶塔，教程我也在網(wǎng)站做了更新，大家可以自行查閱。

1、安裝主題

【外觀】–>【主題】–>【安裝主題】–>搜索主題

點擊【安裝】主題，安裝之后【啟用】主題

2、安裝Elementor插件

安裝完成之后，系統(tǒng)會自動提示安裝Elementor插件，點擊安裝即可。

安裝完成之后啟用插件，進入插件主界面，網(wǎng)站左側(cè)出現(xiàn)插件功能菜單。這里需要說明的是，安裝的Elementor插件是免費版本的。如果你還不熟悉Elementor，可以利用入門指南進行學(xué)習(xí)，如果你已經(jīng)了解并會使用Elementor，我們繼續(xù)往下。

3、安裝Envato Elements模板庫插件

直接在網(wǎng)站后臺插件庫中搜索Envato Elements插件進行在線安裝并啟用。

安裝完成之后，進入Free Template Kits，可以看到大概有13頁的免費模板可以使用。

另外還有很多預(yù)設(shè)好的模塊可以使用

4、導(dǎo)入模板

在Free Template Kits中找到自己心儀的末班，點擊【Install Kit】安裝這個模板。

安裝之后點擊【View kit】查看模板

我們會看到有個安裝要求，我們點擊【Install Requirements】查看一下安裝要求。

這里提示我們有三個要求，這里我們暫時先不管。

回到查看模板頁面，我們看到部分頁面下面也有提示，首先標(biāo)記這個頁面是Pro版本的，然后告訴你需要安裝Elementor Pro才可以導(dǎo)入這個模板頁面。

但我們會發(fā)現(xiàn)大部分Pro版本的模板頁面都有免費版本的替代母版頁，那么我們只需要導(dǎo)入我們需要使用到的模板頁面就可以了。點擊綠色的導(dǎo)入按鈕即可。

在導(dǎo)入前我們還可以鼠標(biāo)移動到模板圖片的左下方，點開預(yù)覽整個頁面的效果。

全部導(dǎo)入之后我們可以在Elementor模板功能下看到我們導(dǎo)入的模板。

5、創(chuàng)建頁面并添加模板內(nèi)容到頁面

以創(chuàng)建首頁為例：

1）創(chuàng)建一個新的頁面

2）頁面命名為Home

3）使用Elementor編輯該頁面

4）隱藏標(biāo)題

4）按照下面的步驟導(dǎo)入我們安裝的模板

導(dǎo)入之后可以看到模板的內(nèi)容已經(jīng)被添加到我們穿件的頁面中，這時我們只需要利用Elementor對頁面進行修改和編輯即可。

5）保存并發(fā)布頁面

6）預(yù)覽頁面

按照以上步驟，創(chuàng)建我們需要的其他頁面。

6、創(chuàng)建網(wǎng)站主菜單

網(wǎng)站后臺跑【外觀】–>【菜單】–>創(chuàng)建菜單

瀏覽網(wǎng)站，可以看到菜單已經(jīng)顯示。

但網(wǎng)站首頁并不是我們創(chuàng)建的頁面，繼續(xù)往下看

7、設(shè)置網(wǎng)站主頁

網(wǎng)站后臺【設(shè)置】–>【閱讀】–>【您的主頁顯示】設(shè)置

保存之后再留言網(wǎng)站時，首頁就是我們所創(chuàng)建的首頁

頁面創(chuàng)建完成之后，我們發(fā)現(xiàn)網(wǎng)站的Header部分不能自定義美化，而且網(wǎng)站沒有固定的Footer，讓我們繼續(xù)往下。

8、ElementsKit Lite創(chuàng)建網(wǎng)站的Header和Footer

在線安裝插件ElementsKit Lite，并啟用該插件，注意這也是一個免費的插件。

1）創(chuàng)建網(wǎng)站Header

創(chuàng)建一個Header模板

設(shè)置Header模板的標(biāo)題，類型為Header，作用于整個網(wǎng)站（Entire Site），激活，然后保存。

點擊列表中對應(yīng)的Header模板的編輯，然后在彈出框點擊【Edit Content】

進入Elementor編輯狀態(tài)

進入Elementor kits模板庫

選擇【Free blocks】，找到【Header】

選擇你喜歡的模塊模板，并導(dǎo)入

導(dǎo)入之后，我們還要對其進行修改。

添加菜單

選中被拖入到Header中建欄目的組件，在左側(cè)編輯窗口，選擇菜單后，我們創(chuàng)建的菜單會自動顯示在編輯頁面中

替換你的社交主頁信息

替換你的LOGO信息

根據(jù)網(wǎng)站風(fēng)格，我們再做一下顏色的修改，看一下整理效果。

2）創(chuàng)建網(wǎng)站Footer

創(chuàng)建Footer模板的方法和Header模板類似，類型需要選擇Footer。

進入到編輯頁面

在模板庫中找到Footer模塊

導(dǎo)入你喜歡的Footer模塊

在對內(nèi)容和顏色進行修改，最終效果

再看有效首頁的整體效果