教程主題:實(shí)操為主,教程中所需要的資源都在文章中為大家準(zhǔn)備好了,并且每一個(gè)步" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 在線咨詢 在線咨詢
15158846557 在線咨詢
所在位置: 首頁(yè) > 營(yíng)銷資訊 > 網(wǎng)站運(yùn)營(yíng) > 2023最新外貿(mào)建站教程:零基礎(chǔ)小白保姆級(jí)Elementor建站教程

2023最新外貿(mào)建站教程:零基礎(chǔ)小白保姆級(jí)Elementor建站教程

時(shí)間:2023-08-11 04:51:01 | 來源:網(wǎng)站運(yùn)營(yíng)

時(shí)間:2023-08-11 04:51:01 來源:網(wǎng)站運(yùn)營(yíng)

2023最新外貿(mào)建站教程:零基礎(chǔ)小白保姆級(jí)Elementor建站教程:在大家學(xué)習(xí)教程之前和大家說一句玩笑且認(rèn)真的話:我是真的想教會(huì)你們,o(╯□╰)o

教程主題:實(shí)操為主,教程中所需要的資源都在文章中為大家準(zhǔn)備好了,并且每一個(gè)步驟都配有詳細(xì)的步驟配圖,如果真的準(zhǔn)備好了學(xué)習(xí)建站,那看它就夠了。并且我會(huì)隨時(shí)更新本文的內(nèi)容,保證教程和各個(gè)平臺(tái)的更新同步。

只要你能堅(jiān)持跟著教程一步步來,肯定可以建立出一個(gè)屬于自己的網(wǎng)站。本文采用了目前WordPress市場(chǎng)使用最廣的Elementor建站,簡(jiǎn)單易學(xué)。

本文教程適應(yīng)人群:自家有工廠想嘗試獨(dú)立站拓展外貿(mào)渠道的、SOHO、想多掌握一門技能的大學(xué)生、博主等

自建站一年的費(fèi)用:每年1000元不到

本文資源網(wǎng)站:天天建站

在教程中會(huì)有快速建站和手動(dòng)建站的教程,學(xué)習(xí)的人需要根據(jù)自己的時(shí)間自行把握。如果時(shí)間充足的話,我的建議是跟著教程走完手動(dòng)建站后再去學(xué)習(xí)快速建站的過程,想學(xué)好建站,基本功還是很重要的。

教程中所用到的所有素材我這里做了下統(tǒng)一可以直接點(diǎn)擊這里下載所有素材

一、購(gòu)買域名

一個(gè)好的域名是征戰(zhàn)外貿(mào)市場(chǎng)的利器,在購(gòu)買域名前可以看下我的這篇文章:什么樣的域名算是好域名?

國(guó)外知名的域名服務(wù)商很多,我這里推薦一個(gè)很穩(wěn)定的服務(wù)商namesilo。

點(diǎn)擊鏈接進(jìn)入網(wǎng)站后,點(diǎn)擊右上角的sign-up注冊(cè)賬戶

跳轉(zhuǎn)后開始輸入注冊(cè)信息,完成后點(diǎn)擊create account創(chuàng)建賬號(hào)。注意:我們左邊登錄要用到的是用戶名,也就是我下方框出來的地方,經(jīng)常有人在登錄的時(shí)候輸入用戶名輸成了第二個(gè)郵箱結(jié)果多次不成功導(dǎo)致賬號(hào)被鎖。

賬號(hào)注冊(cè)成功后頁(yè)面會(huì)自動(dòng)跳轉(zhuǎn),點(diǎn)擊導(dǎo)航上的home跳轉(zhuǎn)到域名搜索界面。

在搜索框中輸入自己心儀的域名后點(diǎn)擊SEARCH DOMAIN

跳轉(zhuǎn)后的界面會(huì)展示當(dāng)前域名的可售情況,下方http://tiantianjianzhan.com顯示灰色,并且右側(cè)黃色按鈕顯示try to buy表示當(dāng)前域名已經(jīng)被其他人購(gòu)買,如果實(shí)在想擁有這個(gè)域名可以花更多的錢從別人手中購(gòu)買。

下方以.xyz結(jié)尾以及.top結(jié)尾域名右側(cè)的藍(lán)色按鈕顯示Add意味著可以直接添加到購(gòu)物車。

因?yàn)?span >http://tiantianjianzhan.com已在本人手中,所以下面會(huì)直接購(gòu)買tiantianjianzhan.top為例,右側(cè)展示的價(jià)格是當(dāng)前域名一年的價(jià)格,tiantianjianzhan.top一年的價(jià)格是1.88美金,也就是十塊錢左右,怎么樣,是不是很便宜?

點(diǎn)擊完Add后會(huì)變成checkout按鈕,再次點(diǎn)擊后開始結(jié)賬

跳到當(dāng)前界面后繼續(xù)點(diǎn)擊CHECKOUT完成支付,如果當(dāng)前頁(yè)面出現(xiàn)多個(gè)域名,點(diǎn)擊圖上的Remove去處不需要的域名。

跳出支付頁(yè)面后選擇付款方式選擇支付寶后點(diǎn)擊右方的Select

勾選兩個(gè)選擇框后點(diǎn)擊PAY支付

付完款后會(huì)自動(dòng)跳轉(zhuǎn),跳轉(zhuǎn)完成后點(diǎn)擊右上角的Manager My Domains,由于是第一次購(gòu)買所以會(huì)出現(xiàn)下方收集信息界面,只需填帶*即可,所有信息填入英文,國(guó)家選擇china,code和mobile number可以根據(jù)自身看是否需要填真實(shí)信息,不過這個(gè)無關(guān)緊要。完成后輸入驗(yàn)證碼點(diǎn)擊創(chuàng)建賬號(hào)即可。

好了,當(dāng)你提交完成后看到如下界面代表你已經(jīng)成功擁有了自己的域名。

二、解析域名

當(dāng)我們擁有了一個(gè)域名后還需將它和我們的wordpress主機(jī)關(guān)聯(lián)起來,只有域名無法訪問你的網(wǎng)站,還需要將你的域名指向你服務(wù)器的ip。

我這里將為大家介紹一種最方便的解析方式。每個(gè)Wordpress建站主機(jī)都有自己的對(duì)應(yīng)的NameServer,例如hostinger的NS為(也就是我們后面需要用到的服務(wù)器,跟著操作即可):

我們只需將在域名注冊(cè)商注冊(cè)好的域名的NS改成我們的服務(wù)器主機(jī)對(duì)應(yīng)的NS,再等待一段時(shí)間就會(huì)自動(dòng)解析成功。

點(diǎn)擊Manage My Domains后進(jìn)入到域名集中管理界面,可以看到我們已經(jīng)購(gòu)買的域名,并且域名已有自己默認(rèn)的NS。

勾選對(duì)應(yīng)的域名后點(diǎn)擊上方的Change NameServers或者直接雙擊域名進(jìn)入到NS修改界面

點(diǎn)擊Change開始修改NS

將默認(rèn)的三個(gè)NS刪除后修改成hostinger對(duì)應(yīng)的兩個(gè)NS:

修改完成后點(diǎn)擊提交,48h內(nèi)生效,大部分地區(qū)十到半小時(shí)即可。

三、購(gòu)買空間:(網(wǎng)站主機(jī))

盡量在域名解析后15-30分鐘后再開始購(gòu)買空間。

如果有打開自己的科學(xué)上網(wǎng)(翻qiang工具),最好切換到美國(guó)的節(jié)點(diǎn)或者直接關(guān)閉,否則會(huì)根據(jù)節(jié)點(diǎn)推薦你服務(wù)器。

Hostinger和Siteground,Bluehost應(yīng)該是國(guó)內(nèi)外貿(mào)群體最熟知的幾家主機(jī)商了。不過相較于前兩位Bluehost目前只能起到陪襯的作用了。

Hostinger的操作界面對(duì)于新手小白非常的友好清爽,支持一鍵安裝wordpress,并且SSL(安全證書)免費(fèi),所以我這里就以Hostinger為例提供詳細(xì)的購(gòu)買空間以及綁定域名、安裝wordpress的全流程。

點(diǎn)擊Hostinger鏈接后下劃進(jìn)入套餐選擇界面,已經(jīng)幫大家選擇好了wordpress的主機(jī)套餐??梢钥吹焦灿腥齻€(gè)wordpress主機(jī)套餐。

我這里給大家的建議是如果你是小型企業(yè)或者是soho的話買第一個(gè)套餐足夠了,像我本人也一直用的是第一個(gè),如今已經(jīng)掛載了十幾個(gè)網(wǎng)站了速度和穩(wěn)定性依然很好。如果是中大型企業(yè)的話建議第二個(gè)套餐,增加了固態(tài)存儲(chǔ)、CDN這些東西,網(wǎng)站速度會(huì)快一些,當(dāng)然也可以直接第三個(gè)套餐。

注意:如果因?yàn)槟愎?jié)點(diǎn)變成了中文界面需要手動(dòng)切換成美國(guó),否則服務(wù)器就會(huì)買到香港那邊的服務(wù)器,會(huì)稍微影響網(wǎng)站的速度。

確定套餐后點(diǎn)擊對(duì)應(yīng)套餐中間的ADD to cart按鈕

第一步選擇購(gòu)買的年限,價(jià)格都一樣,只需要考慮短期使用還是長(zhǎng)期使用,如果長(zhǎng)期使用的話建議四年,否則一年即可,因?yàn)榈狡诶m(xù)費(fèi)的話會(huì)比剛開始買的貴些。

第二步創(chuàng)建自己的賬號(hào),可以在左側(cè)輸入自己的郵箱也可以用自己gmail賬號(hào),我這里圖省事直接用gmail賬號(hào)

gmail登錄后會(huì)自動(dòng)跳轉(zhuǎn)回當(dāng)前頁(yè)面并且最上方會(huì)看到已經(jīng)有了我們賬號(hào)的用戶名

第三步選擇支付方式,有支付寶以及paypal付款還是非常方便的。選擇完成后點(diǎn)擊右側(cè)的Have a coupon code ?填寫提前準(zhǔn)備好的優(yōu)惠碼:SPECS101 或者 CLOUD101

填入優(yōu)惠碼后點(diǎn)擊Submit Secure Payment按鈕提交支付

出現(xiàn)當(dāng)前頁(yè)面后點(diǎn)擊Continue繼續(xù)跳轉(zhuǎn)到支付頁(yè)面即可

掃碼付費(fèi)后恭喜你擁有了自己的第一個(gè)空間,并且即將在上面掛載自己的網(wǎng)站。

四、域名掛載空間

付費(fèi)成功后我們只需等待它自動(dòng)跳轉(zhuǎn)便會(huì)出現(xiàn)下圖中的這個(gè)頁(yè)面,如果你的網(wǎng)絡(luò)突然卡頓或者中斷導(dǎo)致頁(yè)面跳轉(zhuǎn)無反應(yīng)的話只需重新打開Hostinger頁(yè)面,點(diǎn)擊右上角的login in后使用自己的賬號(hào)登錄即可。點(diǎn)擊Start Now按鈕進(jìn)入下一步

點(diǎn)擊Skip跳過

點(diǎn)擊Create a new website

選擇左側(cè)的WordPress

在紅框中輸入我們的wordpress管理員郵箱和管理員密碼后點(diǎn)擊Continue繼續(xù)。注:密碼要超過八位字節(jié)并且要有數(shù)字字母大小寫和符號(hào)。如:142637327Thh!

繼續(xù)點(diǎn)擊skip跳過

因?yàn)槲覀円呀?jīng)擁有域名了所以直接點(diǎn)擊最右側(cè)的Selected按鈕后填入域名,點(diǎn)擊Continue按鈕繼續(xù)。

信息都確認(rèn)無誤后點(diǎn)擊Continue按鈕繼續(xù)

這里可以選擇服務(wù)器的位置,不過一般我們都用默認(rèn)的usa,點(diǎn)擊Finish Setup

出現(xiàn)下方界面后等待自動(dòng)安裝wordpress即可

安裝成功后會(huì)跳轉(zhuǎn)到下方界面,第一個(gè)板塊忽略,第二板塊點(diǎn)擊Edit Website后進(jìn)入到我們的wordpress后臺(tái),如下方圖二,第三個(gè)板塊點(diǎn)擊Manage Site后會(huì)進(jìn)入我們網(wǎng)站的空間管理區(qū)域如圖三

圖二

圖三

Hosting空間的登錄地址:https://www.hostinger.com/cpanel-login,建議收藏。

五、學(xué)習(xí)登錄WordPress網(wǎng)站前后臺(tái)

網(wǎng)站前臺(tái):

只需要在瀏覽器中輸入我們的域名回車即可。例如:https://tiantianjianzhan.com。

網(wǎng)站后臺(tái):

當(dāng)域名和空間綁定完成并成功安裝了Wordpress后,我們便可以進(jìn)入我們網(wǎng)站的后臺(tái)。

一種是直接用自己跟空間綁定的域名/wp-admin登錄。例如本站的登錄地址為:https://tiantianjianzhan.com/wp-admin

另一種方式是點(diǎn)擊HostingerTab欄上面的Websites,找到我們對(duì)應(yīng)的域名后點(diǎn)擊Edit Website后盡可以進(jìn)入到我們網(wǎng)站的后臺(tái)。(如果上面一種登錄方式你忘記了賬號(hào)密碼可以以這種從空間登錄網(wǎng)站后臺(tái)的方式,該方式不需要輸入賬號(hào)密碼。)

Hi,謝謝你認(rèn)真看到這里,如果你喜歡我的Elementor建站和SEO文章,并且想要獲取更多實(shí)用技巧和與志同道合的朋友交流的話,掃描下方二維碼,立即加入我的【Elementor建站交流群】,加入時(shí)請(qǐng)備注建站或者seo。

一起學(xué)習(xí)、進(jìn)步,共同打造更出色的網(wǎng)站!

六、網(wǎng)站添加安全證書

如果只是拿來練手的域名可以先跳過這一步,等換成正式域名再重新安裝安全證書。

網(wǎng)站添加安全證書能保證網(wǎng)站的加密傳輸,如果不安裝安全證書的話當(dāng)客戶訪問我們網(wǎng)站會(huì)提示該網(wǎng)站有風(fēng)險(xiǎn),并且客戶無法直接進(jìn)入到我們的網(wǎng)站。

域名掛載到Hostinger服務(wù)器上后有兩種添加安全證書的方式:

第一種方式:

點(diǎn)擊Hostinger的Tab欄上的SSL進(jìn)入安全證書管理版塊,隨后點(diǎn)擊Install free SSL 按鈕

在彈出的下拉選擇框內(nèi)選擇自己需要安裝安全證書的域名后點(diǎn)擊Install SSL按鈕安裝即可。

安裝完成后等待幾分鐘看到狀態(tài)顯示為Active后表示網(wǎng)站安全證書已經(jīng)安裝成功。

最后回到wordpress后臺(tái)Wordpress地址站點(diǎn)地址內(nèi)的http改為https后保存。

第二種方式:

點(diǎn)擊Hostinger的Tab欄上的Websites進(jìn)入網(wǎng)站管理版塊,找到對(duì)應(yīng)域名后點(diǎn)擊下方的Manage按鈕

進(jìn)入到當(dāng)前域名的儀表盤后點(diǎn)擊左側(cè)的Advanced后找到SSL并點(diǎn)擊

出現(xiàn)下方界面后點(diǎn)擊Install SSL 安裝

安裝完成后等待幾分鐘看到狀態(tài)顯示為Active后表示網(wǎng)站安全證書已經(jīng)安裝成功。

最后回到wordpress后臺(tái)Wordpress地址站點(diǎn)地址內(nèi)的http改為https后保存。

七、建站前準(zhǔn)備

使用自己的 域名/wp-admin 登錄到后臺(tái)

基礎(chǔ)設(shè)置:

點(diǎn)擊左側(cè)的Settings,后進(jìn)入基礎(chǔ)設(shè)置界面找到Site Language后點(diǎn)擊下拉框選擇簡(jiǎn)體中文,在Timezone的下拉框內(nèi)將時(shí)區(qū)更改為UTC+8后點(diǎn)擊保存按鈕。

點(diǎn)擊設(shè)置下的閱讀功能后,將全文改成摘要,否則客戶搜索能看到全文后就不會(huì)點(diǎn)擊到我們的網(wǎng)站增加訪問量。隨后勾選下方對(duì)搜索引擎的可見性,勾選上后我們的網(wǎng)站在搭建期間各個(gè)搜索引擎就不會(huì)來抓取我們的網(wǎng)頁(yè),等網(wǎng)站上線前準(zhǔn)備工作都完成后可以再取消勾選打開我們網(wǎng)站收錄的可見性。

點(diǎn)擊設(shè)置下的固定鏈接功能后,將默認(rèn)的固定鏈接結(jié)構(gòu)改為文章名后點(diǎn)擊保存,否則后面我們的url的網(wǎng)址會(huì)攜帶各種雜亂的參數(shù)。

網(wǎng)站剛安裝完成后會(huì)自帶很多插件,就像手機(jī)剛買完后附帶的各種app。這里的插件我們需要全部刪除,(Wordpress的所有插件都必須先禁用才能刪除?。?/b>。第一步點(diǎn)擊左側(cè)工具欄的插件進(jìn)入到功能區(qū)后勾選下圖中第二步插件前方的復(fù)選框,這樣可以快捷選擇所有插件,第三步下拉框中選擇禁用,第四步點(diǎn)擊應(yīng)用按鈕,這樣便可禁用所有插件。

禁用所有插件后可以看到下方插件都顯示待啟用狀態(tài)。第一步繼續(xù)勾選插件前方的復(fù)選框選中所有的插件,第二步下拉選擇框后選擇刪除,第三步點(diǎn)擊應(yīng)用按鈕刪除所有插件。

刪除完所有的插件后就完成了所有的基礎(chǔ)設(shè)置,再去把必要的插件安裝完成后就可以開始建立我們自己的網(wǎng)站頁(yè)面。

安裝插件:

剛開始建站時(shí)可以先把網(wǎng)站必備插件安裝完成,等到網(wǎng)站完成后再研究額外的插件。

1.Elementor Pro

Elementor是目前WordPress最熱門的拖拽式頁(yè)面生成器,做出一個(gè)頁(yè)面不再需要復(fù)雜的代碼,只需要像搭積木一般即可快速完成一個(gè)頁(yè)面。(優(yōu)先安裝Elementor Pro再安裝Elementor)

Elementor Pro作為升級(jí)付費(fèi)版本,提供了更多的功能、如表單、幻燈片、翻轉(zhuǎn)框等常用功能。

前往官方網(wǎng)站https://elementor.com,購(gòu)買后登錄到自己的賬戶。

點(diǎn)擊賬戶右上角的下載按鈕下載最新版本的Elementor Pro的壓縮包。

在網(wǎng)站后臺(tái)點(diǎn)擊安裝插件,將下載好的Elementor Pro壓縮包上傳并安裝。

啟用成功后點(diǎn)擊上方出現(xiàn)的Install Now即可安裝和當(dāng)前Elementor Pro版本匹配的Elementor插件

點(diǎn)擊Elementor Pro下方的Connect & Activate連接上之前購(gòu)買過Pro的付費(fèi)賬號(hào)。

點(diǎn)擊Activate后成功激活Elementor Pro。

2.Elementor

Elementor插件如果已經(jīng)跟隨著上面的Elementor Pro插件一起安裝過可直接忽略。

基礎(chǔ)版本的Elementor插件只需去插件市場(chǎng)搜索關(guān)鍵詞Elementor,找到下圖中第一個(gè)插件Elementor Website Builder后點(diǎn)擊安裝,安裝成功后啟用插件。

3.Envato

提供了上千套和Elementor相關(guān)的網(wǎng)站模板,可以幫助你快速的搭建一個(gè)超出市面上80%建站公司的神器?!鶨nvato詳細(xì)使用教程入口

在插件市場(chǎng)搜索關(guān)鍵詞Envato后找到圖中第一個(gè)插件后點(diǎn)擊立即安裝并啟用。

點(diǎn)擊

,進(jìn)入官網(wǎng)后付費(fèi)成為envato會(huì)員。

啟用Envato插件后點(diǎn)擊左側(cè)工具欄的Elements后找到左上角的Connect Elements Account并點(diǎn)擊。

登錄我們的付費(fèi)賬號(hào)后獲取到激活碼并復(fù)制。

粘貼后點(diǎn)擊驗(yàn)證即可激活我們的Envato插件。

4.SEOPress

SEOPress插件可以生成網(wǎng)站地圖,快速在網(wǎng)站嵌入google analytics、google search console等代碼,以及文章優(yōu)化等強(qiáng)大的功能。

在插件市場(chǎng)后臺(tái)搜索關(guān)鍵詞SEOPress,找到插件后安裝并啟用。

5.All In One Security

安全防護(hù)插件,可以更改網(wǎng)站登錄地址,數(shù)據(jù)庫(kù)備份、密碼登錄次數(shù)等諸多安全限制。→All In One Security 詳細(xì)使用教程。

插件市場(chǎng)后搜索All In One Security關(guān)鍵詞后找到該插件后點(diǎn)擊立即安裝,安裝成功后點(diǎn)擊啟用。

6.Gtranslate

多語(yǔ)言插件,可根據(jù)需求添加各國(guó)語(yǔ)言?!鶪translate詳細(xì)使用教程。

進(jìn)入Wordpress后臺(tái)后點(diǎn)擊插件–安裝插件–搜索“gtranslate”,找到Gtranslate插件后點(diǎn)擊安裝。

修改Wordpress主題為Elementor主題

1.前置插件

使用Elementor相關(guān)建站主題必備下方的兩個(gè)插件,其中Elementor Pro需要付費(fèi)開通賬號(hào)才能在后臺(tái)激活。

2.進(jìn)入主題商城

點(diǎn)擊左側(cè)工具欄外觀下的主題后進(jìn)入主題商城選擇界面,會(huì)出現(xiàn)當(dāng)前Wordpress安裝時(shí)默認(rèn)安裝的一些主題

點(diǎn)擊左上角安裝主題去安裝我們需要的Elementor主題

3.安裝主題

找到Hello Elementor主題并點(diǎn)擊安裝,如果下方?jīng)]看到該主題,直接在搜索框中搜索Hello Elementor找到該主題安裝即可

4.啟用主題

安裝完成后點(diǎn)擊啟用主題

5.刪除其他主題

啟動(dòng)成功后會(huì)自動(dòng)跳轉(zhuǎn)到所有主題管理界面,也可從后臺(tái)外觀----主題進(jìn)入該界面,進(jìn)入后鼠標(biāo)懸浮在其他主體上會(huì)顯示主題詳情按鈕,點(diǎn)擊該按鈕

點(diǎn)擊完主題詳情按鈕后會(huì)出現(xiàn)如下方圖中界面,點(diǎn)擊右下角的刪除便可成功刪除該主題,其他主題依樣操作一一刪除。

八、創(chuàng)建頁(yè)面

1.清除默認(rèn)頁(yè)面

進(jìn)入后臺(tái)點(diǎn)擊左側(cè)工具欄進(jìn)入頁(yè)面板塊,勾選系統(tǒng)自帶的默認(rèn)頁(yè)面,下拉選擇框選擇移動(dòng)至回收站后點(diǎn)擊應(yīng)用刪除所有默認(rèn)頁(yè)面。

刪除完成后進(jìn)入回收站,點(diǎn)擊清空回收站。這一步必做,不清空回收站可能會(huì)導(dǎo)致頁(yè)面的url鏈接地址沖突。

2.新建頁(yè)面

進(jìn)入后臺(tái),點(diǎn)擊新建頁(yè)面

輸入頁(yè)面標(biāo)題后點(diǎn)擊發(fā)布,這樣你的第一個(gè)頁(yè)面就建立成功了。重新回到后臺(tái)后重復(fù)同樣的操作再建立Product、About、Contact、Blog等頁(yè)面。

最后如圖,就完成了所有頁(yè)面的創(chuàng)建。

九、創(chuàng)建導(dǎo)航菜單

進(jìn)入后臺(tái)后第一步選擇外觀,然后點(diǎn)擊自定義。

在自定義界面點(diǎn)擊站點(diǎn)身份,隨后點(diǎn)擊上傳logo,如果暫時(shí)沒有l(wèi)ogo可以下載我準(zhǔn)備好的logo備用。

在上傳logo時(shí)可以選擇對(duì)logo進(jìn)行尺寸的裁剪,不過一般logo尺寸都是我們提前規(guī)劃好的,所以直接跳過裁剪即可。(logo建議尺寸是350*100像素)

logo上傳完成后需要添加上我們自己網(wǎng)站的標(biāo)題和副標(biāo)題。

網(wǎng)站標(biāo)題和副標(biāo)題最終呈現(xiàn)的谷歌搜索結(jié)果會(huì)如上圖所示,暫時(shí)沒有思緒可以先復(fù)制我下方準(zhǔn)備好的標(biāo)題和副標(biāo)題。

站點(diǎn)標(biāo)題:Luxury Watches For Him & Her - Discover The Full Range

副標(biāo)題:Over 240 years of jewellery excellence dedicated to exceptional watchmaking. Find Out More. Discover Chaumet jewellery excellence in the creation of exceptional watches for him & her. Precious Metals.

添加完成后點(diǎn)擊選擇站點(diǎn)圖標(biāo)。

站點(diǎn)圖標(biāo)是我們打開每個(gè)網(wǎng)站時(shí)顯示在瀏覽器最上方的該網(wǎng)站的小標(biāo)識(shí),如上圖。

點(diǎn)擊選擇站點(diǎn)圖標(biāo)后,選中我們的logo,點(diǎn)擊右下角的選擇

因?yàn)檎军c(diǎn)標(biāo)識(shí)只需要一個(gè)方形的小部分,所以我們需要裁剪圖片,拖動(dòng)裁剪區(qū)域選中后可以在右側(cè)預(yù)覽呈現(xiàn)效果,滿意后點(diǎn)擊裁剪圖片。

到這里站點(diǎn)身份需要的設(shè)置都已上傳成功,點(diǎn)擊左上角的箭頭標(biāo)識(shí)返回上一步。

返回后點(diǎn)擊菜單,進(jìn)入網(wǎng)站菜單編輯頁(yè)面。

新網(wǎng)站沒有菜單需要我們手動(dòng)創(chuàng)建,點(diǎn)擊創(chuàng)建新菜單按鈕

給當(dāng)前菜單命名主菜單,并且勾選導(dǎo)航菜單出現(xiàn)的位置為Header后點(diǎn)擊下一步按鈕。

進(jìn)入菜單界面后點(diǎn)擊添加項(xiàng)目右側(cè)會(huì)彈出之前創(chuàng)建好的頁(yè)面,點(diǎn)擊頁(yè)面前的+號(hào)按鈕便可將該頁(yè)面添加到菜單

添加完成后如果順序不符合目標(biāo)可以選中目標(biāo)后拖動(dòng)重新排序,完成后點(diǎn)擊左上角箭頭標(biāo)識(shí)返回上一步。

返回到該界面后點(diǎn)擊主頁(yè)設(shè)置

第一步將主頁(yè)顯示從您的最新文章改成一個(gè)靜態(tài)頁(yè)面,而后將主頁(yè)設(shè)置成Home頁(yè),將文章頁(yè)設(shè)置成Blog頁(yè)面,完成后點(diǎn)擊發(fā)布,至此導(dǎo)航菜單添加完成。

十、創(chuàng)建頁(yè)眉

在后臺(tái)模板中選中Theme Builder后點(diǎn)擊進(jìn)入主題編輯器界面。(頁(yè)眉頁(yè)腳、文章頁(yè)、產(chǎn)品頁(yè)都需從這里進(jìn)入編輯。

進(jìn)入后選中左側(cè)的Header,點(diǎn)擊右上角的Add New按鈕添加頁(yè)眉

界面中出現(xiàn)的這些頁(yè)眉模板是我們已經(jīng)開通過的Elementor Pro自帶的模板,在沒有自制頁(yè)眉的情況下可以從中挑選一個(gè)頁(yè),鼠標(biāo)放上去點(diǎn)擊放大鏡可以預(yù)覽頁(yè)眉。

這里我選擇了這個(gè)頁(yè)眉,點(diǎn)擊插入

插入完成后點(diǎn)擊左下角發(fā)布按鈕

發(fā)布過程中會(huì)讓我們?yōu)楫?dāng)前頁(yè)眉設(shè)置生效范圍,點(diǎn)擊ADD CONDITION后系統(tǒng)默認(rèn)選擇了整個(gè)網(wǎng)站的生效范圍,直接點(diǎn)擊右下角的保存按鈕完成頁(yè)眉設(shè)置。

點(diǎn)擊左上角的列表圖標(biāo)

點(diǎn)擊查看頁(yè)面到前臺(tái)預(yù)覽我們做好的頁(yè)眉。

十一、創(chuàng)建頁(yè)腳




1.從模板到Theme Builder

2.進(jìn)入上圖后選中左側(cè)的Footer

3.點(diǎn)擊右上角的Add New

從跳出的模板庫(kù)中挑選一個(gè)合適的頁(yè)眉點(diǎn)擊插入

插入完成后點(diǎn)擊左下角的發(fā)布按鈕

點(diǎn)擊ADD CONDITION后系統(tǒng)默認(rèn)選擇了整個(gè)網(wǎng)站的生效范圍,直接點(diǎn)擊右下角的保存按鈕完成頁(yè)眉設(shè)置

完成后回到前臺(tái)預(yù)覽,這樣我們網(wǎng)站上的所有頁(yè)面都有了頁(yè)眉和頁(yè)腳。

補(bǔ)充:如果不小心關(guān)閉了模板界面,可以點(diǎn)擊灰色文件夾圖標(biāo)再次打開。

十二、Home頁(yè)制作***

很不容易能堅(jiān)持到這里,下面頁(yè)面制作也將正式開始。

我會(huì)將Home的制作拆分,并一步步帶著大家仿照一個(gè)我已經(jīng)準(zhǔn)備好素材的Home。

1.進(jìn)入后臺(tái)后點(diǎn)擊所有頁(yè)面

2.鼠標(biāo)懸停在Home頁(yè)后點(diǎn)擊編輯

點(diǎn)擊使用Elementor編輯按鈕

1.進(jìn)入Elementor編輯頁(yè)面后頁(yè)面內(nèi)會(huì)多出一個(gè)頁(yè)面標(biāo)題

2.點(diǎn)擊左下角齒輪設(shè)置

找到隱藏標(biāo)題后將否選項(xiàng)改為是后將頁(yè)面標(biāo)題成功隱藏。

注:到這一步如果有小伙伴想快速的搭建出網(wǎng)站的話可以直接跳到下方Envato模板建站教程那一部分。

1.Elementor編輯器教程***

開始制作頁(yè)面前先來學(xué)習(xí)一下Elementor編輯器功能的強(qiáng)大和便捷。

點(diǎn)擊頁(yè)面內(nèi)帶有+的圓形圖標(biāo)

點(diǎn)擊后會(huì)彈出結(jié)構(gòu)選擇,一行一列結(jié)構(gòu),一行兩列結(jié)構(gòu)。。。。。。我們的每一個(gè)頁(yè)面都是可以被分為一行一行的結(jié)構(gòu)。

如上圖的網(wǎng)頁(yè)很快的被分成了五行,只是在每一行里面添加了不同功能的組件。

點(diǎn)擊添加一個(gè)一行兩列的結(jié)構(gòu)

藍(lán)色線條框起來的部分就是我們添加進(jìn)去的一行,選中行需要點(diǎn)擊行上面的九個(gè)點(diǎn)的標(biāo)識(shí),刪除整行直接點(diǎn)×即可。

點(diǎn)擊左上角的九宮格進(jìn)入Elementor組件區(qū)域

左側(cè)功能區(qū)的組件來自于我們已安裝激活的Elementor和Elementor Pro插件,下方還有一些常規(guī)組件。

1.在基本組件內(nèi)選中圖像組件

2.鼠標(biāo)左鍵按住后不要松開

3.拖動(dòng)到行內(nèi)第一列

拖動(dòng)到行內(nèi)部后等出現(xiàn)一個(gè)條狀提示后,松開鼠標(biāo),一個(gè)圖像組件便成功的添加到了行內(nèi)的第一列。

點(diǎn)擊左側(cè)功能區(qū)選擇圖像下的區(qū)域,上傳一張圖片

上傳完成后點(diǎn)擊右下角插入媒體

插入完成后我們自己的圖片就被放入到了網(wǎng)站頁(yè)面內(nèi)。

再次點(diǎn)擊左上角的九宮格回到Elementor組件區(qū)域

嘗試將左側(cè)的組件都拖入到右側(cè)頁(yè)面的行內(nèi),觀察當(dāng)前組件的效果,熟悉每個(gè)組件作用。最后會(huì)發(fā)現(xiàn),在Elementor的幫助下,制作頁(yè)面有點(diǎn)類似搭積木的過程,甚至可以說和以前的淘寶店鋪裝修、qq空間裝修很相似

2.使用Elementor建站的邏輯重點(diǎn):

1.頁(yè)面是可以被分為一行一行的,最終堆疊成了一個(gè)完整的頁(yè)面

2.總共有三個(gè)核心點(diǎn),行、列、組件。其中要牢記一點(diǎn),當(dāng)你想要修改某個(gè)地方時(shí)一定要先選中它,不能想要修改圖片組件里的圖片但是卻選中了行。

行:選中九宮格

列:選中小書頁(yè)

組件:選中小鉛筆

當(dāng)選中需要修改的核心區(qū)域后,左側(cè)會(huì)出現(xiàn)三個(gè)tab欄。

布局:一般可以修改內(nèi)容寬高,對(duì)齊方式等

樣式:一般可以修改圖片尺寸、背景顏色、背景圖片、字體、字體大小顏色等

高級(jí)設(shè)置:可以行或者列的內(nèi)外邊距,幫助頁(yè)面更加的美觀,下圖兩行分別直觀體現(xiàn)了未加邊距的行和加了邊距后的行的區(qū)別。

3.開始制作Home頁(yè)

熟悉了基本組件后開始來制作首頁(yè),我為大家準(zhǔn)備了一個(gè)簡(jiǎn)單的Home頁(yè)

接下來就跟著我一步步把這個(gè)首頁(yè)搭建出來,搭建過程中只需一步步跟著操作即可,不用關(guān)注其他的東西,等整個(gè)頁(yè)面操作完成,多Elementor建站基本就有了個(gè)大概的方向和熟悉。

Home頁(yè)資源下載

操作前,請(qǐng)?zhí)崆跋螺d好我為大家準(zhǔn)備好的home頁(yè)圖片素材(點(diǎn)擊鏈接下載),希望大家在剛開始時(shí)盡量做到嚴(yán)謹(jǐn),爭(zhēng)取百分百還原。

1.站點(diǎn)設(shè)置:

站點(diǎn)設(shè)置可以提前規(guī)劃好網(wǎng)站要使用的顏色、字體等。

點(diǎn)擊左上角的圖標(biāo)列表按鈕

1.點(diǎn)擊站點(diǎn)設(shè)置

2.點(diǎn)擊全局顏色

點(diǎn)擊主要后將名字修改為主題背景

然后點(diǎn)擊色彩盤將顏色色值修改為 #1A5D5F

接著依次設(shè)置 黃色背景 #FBDE00 、白色 #FFFFFF 、深色 #0E3233 、文本 #6C6C6C

添加完成后點(diǎn)擊左下角的更新按鈕

更新完成后關(guān)閉站點(diǎn)設(shè)置,開始制作頁(yè)面第一行的內(nèi)容

Home頁(yè)第一行

分析一下第一行的結(jié)構(gòu),是一行兩列,第一列里面放了標(biāo)題組件、標(biāo)題組件、文本編輯器組件和一個(gè)按鈕組件,第二列只放了一個(gè)圖片組件。

在做每一行的時(shí)候要謹(jǐn)記一個(gè)順序 :搭框架、改內(nèi)容、調(diào)樣式

1.搭框架

點(diǎn)擊+圖標(biāo)后添加一個(gè)一行兩列的結(jié)構(gòu)

往第一列依次拖動(dòng)標(biāo)題組件、標(biāo)題組件、文本編輯器組件、按鈕組件

接著往第二列拖動(dòng)一個(gè)圖片組件,到這里整行的框架就搭建完成了

2.改內(nèi)容

小標(biāo)題:WELCOME TO DOGGIE

大標(biāo)題:Make Your Pet Friendly

文本:Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis lorem tortor, iaculis at dolor ac

按鈕:Read More

1.點(diǎn)擊小鉛筆選中第一個(gè)標(biāo)題組件

2.在左側(cè)內(nèi)容區(qū)域?qū)?zhǔn)備好的文本粘貼

切記直接在這里粘貼輸入文本,一個(gè)是會(huì)養(yǎng)成不好的習(xí)慣,一個(gè)是經(jīng)常復(fù)制過來的文本從這里粘貼會(huì)攜帶額外的樣式。

依次將對(duì)應(yīng)組件的文本復(fù)制完成,按鈕修改文本的地方也幾乎一樣。至此,第一列內(nèi)容修改完成

第二列只需選中圖片組件后點(diǎn)擊左側(cè)的選擇圖像區(qū)域?qū)⑽覝?zhǔn)備好的圖片素材上傳

可以一次將七張圖片上傳,用到時(shí)直接選擇即可,上傳成功后點(diǎn)擊插入。

第一行框架搭建完成,內(nèi)容修改完成

3.調(diào)樣式

在修改樣式的過程中,也要謹(jǐn)記一個(gè)從大到小的原則。行---列---組件

行的樣式:

1.選中整行

2.點(diǎn)擊左側(cè)tab工具欄的樣式

3.點(diǎn)擊背景類型右側(cè)的毛筆刷

4.點(diǎn)擊顏色右側(cè)的小地球,在這里可以直接選擇我們之前預(yù)設(shè)好的顏色

5.選擇主題背景顏色

1.點(diǎn)擊高級(jí)設(shè)置

2.點(diǎn)擊內(nèi)距下右側(cè)的鎖鏈按鈕,這里的功能是解除一改全改,否則輸入一個(gè)數(shù)字,行的上下左右邊距都會(huì)同步變成該數(shù)字。

3.將頂部和底部邊距都輸入100,這里的單位是像素(px)

列的樣式:

1.點(diǎn)擊小書頁(yè)選中第一列

2.將垂直對(duì)齊方式選擇為中間,這樣內(nèi)部的組件就會(huì)在這一列垂直居中

組件的樣式:

1.選中第一個(gè)標(biāo)題

2.將HTML標(biāo)簽修改為H3

1.點(diǎn)擊tab欄的樣式

2.點(diǎn)擊文本顏色右側(cè)的小地球標(biāo)志

3.選擇顏色為白色

1.點(diǎn)擊排版右側(cè)的小鉛筆(文本字體、大小的設(shè)置都在小鉛筆這里)

2.將字形改為Montserrat

3.將字體尺寸修改為16

4.將重量選擇為Blod

1.點(diǎn)擊小鉛筆選中第二個(gè)標(biāo)題組件

2.將HTML標(biāo)簽修改為H1

1.點(diǎn)擊tab欄的樣式

2.點(diǎn)擊文本顏色右側(cè)的小地球

3.選擇字體顏色為白色

1.點(diǎn)擊排版右側(cè)的小鉛筆

2.將字形改為Roboto

3.將尺寸改為72

4.將重量修改為Blod

1.選中文本編輯器組件

2.點(diǎn)擊tab欄處的樣式

3.點(diǎn)擊文本顏色右側(cè)的小地球

4.將文本顏色改成白色

1.選中按鈕組件

2.點(diǎn)擊tab欄的樣式

3.點(diǎn)擊排版右側(cè)的小鉛筆

4.將尺寸改為18

5.將重量改為Blod

1.點(diǎn)擊背景類型下方顏色右側(cè)的小地球

2.將顏色選擇為深色

1.將邊框半徑修改為15

2.點(diǎn)擊內(nèi)距下右側(cè)一改全改的鏈接解鎖

3.頂部和底部邊距設(shè)置為 20 左右邊距設(shè)置為 30

第一行內(nèi)容完成,整個(gè)過程中應(yīng)該逐漸對(duì)這些工具和修改流程有了大致的感知。

Home頁(yè)第二行

第二行是一行三列,左邊第一列里面放了三個(gè)圖標(biāo)框組件,第二列放了一張圖片,第三列同樣放了三個(gè)圖標(biāo)框組件

開始搭框架

添加一個(gè)一行三列的結(jié)構(gòu)

下劃左側(cè)組件庫(kù)找到圖標(biāo)框組件拖到第一列

連續(xù)拖入三個(gè)圖標(biāo)框組件

第二列拖入圖像組件

第三列同樣拖入三個(gè)圖標(biāo)框組件,這行框架搭建完成

改內(nèi)容:


1.選中整行

2.點(diǎn)擊高級(jí)設(shè)置

3.點(diǎn)擊鎖鏈解除一改全改

4.將內(nèi)距頂部和底部各設(shè)為一百

1.選中圖表框組件

2.點(diǎn)擊圖標(biāo)下方選擇圖標(biāo)

1.搜索欄中搜索sun

2.選中圖標(biāo)

3.點(diǎn)擊插入

1.修改標(biāo)題內(nèi)容 OBSERVATION

2.修改文本編輯器內(nèi)容 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus.

將剩下的五個(gè)圖標(biāo)框內(nèi)容都填充成

圖標(biāo)搜索名稱分別是:star 、star、star、shuttle、stop

標(biāo)題名稱分別是:Behaviour Analysis、Introduction、Observation、Behaviour Analysis、Introduction

文本內(nèi)容都是: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus.

點(diǎn)擊圖片組件選擇之前上傳好的圖片,完成本行內(nèi)容的改動(dòng)

調(diào)樣式

1.點(diǎn)擊小鉛筆選中圖標(biāo)框組件

2.點(diǎn)擊tab欄的樣式

3.點(diǎn)擊圖標(biāo)下主要顏色右側(cè)的小地球

4.選擇圖標(biāo)顏色為主題背景色

將圖標(biāo)尺寸改為25

1.點(diǎn)擊內(nèi)容展開

2.點(diǎn)擊排版右側(cè)的小鉛筆

3.將字形設(shè)置為Montserrat

4.將尺寸改為20

5.將重量改為600

1.點(diǎn)擊描述下方顏色右側(cè)的小地球

2.修改文本的顏色為預(yù)先設(shè)置好的文本色

當(dāng)調(diào)整完一個(gè)組件的樣式,是可以把它的樣式賦值給相同的組件的,這樣可以節(jié)省大量的時(shí)間。

1.選中圖標(biāo)框組件

2.鼠標(biāo)右鍵點(diǎn)擊小鉛筆圖標(biāo)

3.選中第二個(gè)復(fù)制后點(diǎn)擊(右鍵后會(huì)出現(xiàn)兩個(gè)復(fù)制,第一個(gè)是復(fù)制整個(gè)圖標(biāo)框的內(nèi)容,也就是相當(dāng)于克隆,第二個(gè)復(fù)制只是單純的復(fù)制樣式。

1.選中第二個(gè)圖標(biāo)框組件

2.鼠標(biāo)右鍵點(diǎn)擊小鉛筆

3.點(diǎn)擊粘貼樣式

4.依次把其他幾個(gè)圖標(biāo)框樣式完成粘貼

第二行完成,速度是不是快了很多,并且逐漸得心應(yīng)手了,后面同樣重復(fù)的操作在教程中會(huì)慢慢省略,新的知識(shí)點(diǎn)依然會(huì)細(xì)致教學(xué)。

Home頁(yè)第三行

第三行依然是一個(gè)一行兩列結(jié)構(gòu),左邊列一個(gè)圖片組件,右邊列一個(gè)標(biāo)題組件、一個(gè)文本編輯器、一個(gè)圖標(biāo)列表組件和一個(gè)按鈕組件。

搭框架:

添加一個(gè)一行兩列的結(jié)構(gòu)

將圖標(biāo)列表等組件依次拖入

完成框架的搭建

改內(nèi)容:

標(biāo)題:Why Choose Us

文本編輯器:Duis lorem tortor, iaculis at dolor ac, lacinia elementum est. Nulla commodo neque id neque tincidunt fringilla vel in ipsum.

按鈕: Read More

1.選中圖標(biāo)列表組件

2.點(diǎn)擊圖上箭頭所指的×將列表項(xiàng)2和列表項(xiàng)3刪除

點(diǎn)擊箭頭所指的復(fù)制圖標(biāo),連續(xù)復(fù)制三個(gè)列表項(xiàng)。

圖標(biāo)列表內(nèi)容:

We Succeeded in The Mental Formation of Pets.

We Make Your Relationship With Your Pet Harmonious.

We Develop Your Pet's Intellectual Ability.

We Stimulate The Ability To Increase Your Pet's Potential In A Positive Direction.

1.點(diǎn)擊項(xiàng)目下的列表框

2.將復(fù)制好的文本填入進(jìn)去

3.依次復(fù)制粘貼另外三個(gè)列表項(xiàng)文本內(nèi)容

調(diào)樣式:

選中行后將背景色修改為主題背景色

點(diǎn)擊高級(jí)設(shè)置,將行的內(nèi)距頂部和底部改為100

1.點(diǎn)擊第二列的書頁(yè)圖標(biāo)選中第二列

2.選擇tab欄的布局

3.將該列的垂直對(duì)齊方式改為中間

1.選中標(biāo)題組件

2.將文本顏色修改為白色

3.將文字尺寸修改為52

4.將重量改為Blod

將文本編輯器文本顏色修改為白色

將圖標(biāo)的顏色修改為白色

將文本顏色改為白色

將彼此之間的間距修改為20

1.上滑頁(yè)面后找到之前做的按鈕

2.右鍵點(diǎn)擊按鈕組件的小鉛筆

3.點(diǎn)擊第二個(gè)復(fù)制來復(fù)制按鈕樣式

回到剛才的按鈕選中后右鍵點(diǎn)擊粘貼樣式

第三行完成

Home頁(yè)第四行

第四行結(jié)構(gòu)一行兩列,左邊第一列的組件分別是標(biāo)題、文本、切換組件

搭框架:

切換組件和圖邊框都在常規(guī)區(qū)域下

改內(nèi)容:

標(biāo)題:Frequently Asked Question

文本:Cras dictum ut libero non ultricies. Morbi luctus lacus ac finibus porttitor. Cras pellentesque, sapien in rhoncus iaculis, eros nisl elementum ipsum, nec faucibus magna.

切換組件:標(biāo)題: Does my pet have to come on the same day each week?

展開文本: Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast

標(biāo)題和文本編輯器內(nèi)容自行復(fù)制修改,這里只提一下切換組件

1.點(diǎn)擊小鉛筆選中切換組件

2.將標(biāo)題和文本分別照?qǐng)D片上粘貼




1.刪除多余的項(xiàng)目

2.再點(diǎn)擊第一個(gè)項(xiàng)目右側(cè)的復(fù)制圖標(biāo)再?gòu)?fù)制四個(gè)項(xiàng)目




復(fù)制完成后框架搭建完成

調(diào)樣式:

將本行的內(nèi)距頂部和底部設(shè)置為100

1.點(diǎn)擊小書頁(yè)選中第二列

2.將垂直對(duì)齊方式改為中間

標(biāo)題樣式:顏色修改為深色、尺寸修改為55、重量修改為Blod

文本編輯器文本顏色修改為文本色

1.選中切換組件

2.點(diǎn)擊tab欄樣式

3.將之間的間距修改為14

1.將標(biāo)題的背景色改為黃色

2.標(biāo)題文本顏色改成深色

3.排版內(nèi)文本的重量修改為Blod

4.內(nèi)距上下左右各30

圖標(biāo)對(duì)齊方式改為在右側(cè)顯示

第四行完成。

Home頁(yè)第五行

第五行是不同于前面的四行,因?yàn)榘l(fā)現(xiàn)不再好已一行幾列來拆分這一行。

如果用之前的分析,把他切割成一行三列的結(jié)構(gòu),變回發(fā)現(xiàn)上面的標(biāo)題部分無法處理??赡軙?huì)有部分小伙伴會(huì)想到可以用兩行來做這個(gè)板塊,第一行用一行一列的結(jié)構(gòu),第二行用一行三列的結(jié)構(gòu),這是可以實(shí)現(xiàn)的。

這里會(huì)教大家一個(gè)Elementor編輯器里非常特殊和重要的一個(gè)組件:內(nèi)部區(qū)段

最后一行這種情況在使用一行一列的情況下想要做出同樣效果就要借助到內(nèi)部區(qū)段,使用了這個(gè)組件后,在已經(jīng)有列的情況下我們可以再列的內(nèi)部再生成小列

選中內(nèi)部區(qū)段中列后右鍵點(diǎn)擊復(fù)制可以復(fù)制相同的一列,變成3列、4列

學(xué)習(xí)完了內(nèi)部區(qū)段的使用后開始最后一行的制作。

搭框架:

1.添加一行一列的結(jié)構(gòu)

2.添加標(biāo)題

3.添加文本剪輯器

4.添加一個(gè)內(nèi)部區(qū)段

5.復(fù)制一個(gè)內(nèi)部區(qū)段的列

6.在每個(gè)內(nèi)部區(qū)段的列內(nèi)分別添加圖片、標(biāo)題、文本這三個(gè)組件

改內(nèi)容:

標(biāo)題:Meet a Friendly Team

文本編輯器:Cras dictum ut libero non ultricies. Morbi luctus lacus ac finibus porttitor. Cras pellentesque, sapien in rhoncus iaculis, eros nisl elementum ipsum, nec faucibus magna elit at quam.

內(nèi)部區(qū)段第一列:

標(biāo)題:Anita Jerome

文本:Certified Dog Behaviourist

內(nèi)部區(qū)段第二列:

標(biāo)題:Jhon Rolan

文本:Veterinarian

內(nèi)部區(qū)段第三列:

標(biāo)題:Sarah Walson

文本:Certified Dog Behaviourist

調(diào)樣式:

行背景改為主題色,頂部和底部各添加100的內(nèi)邊距

1.標(biāo)題對(duì)齊方式改為居中

2.顏色為白色

3.字體尺寸大小為55

4.自重改為Blod

1.文本編輯器對(duì)齊方式改為居中

2.顏色改成白色

1.選中圖片組件

2.在高級(jí)設(shè)置中找到背景后將背景顏色選擇為黃色背景

1.在高級(jí)設(shè)置中找到邊框設(shè)置

2.將邊框半徑選擇為百分比

3.上下左右各填入10%

1.標(biāo)題改為白色并居中

2.尺寸改為28

3.重量設(shè)置為Blod

1.文本居中

2.顏色改為白色

3.尺寸改為13

1.選中圖片組件

2.右鍵后點(diǎn)擊第二個(gè)復(fù)制復(fù)制樣式

3.粘貼樣式給其他圖片組件

標(biāo)題和文本編輯器樣式統(tǒng)一后完成整行。

到這里我們的Home頁(yè)就徹底完成了,不知道會(huì)有多少小伙伴會(huì)真的跟著教程做完這個(gè)Home頁(yè),如果有的話請(qǐng)幫我留個(gè):完成Home頁(yè)的評(píng)論,鼓勵(lì)鼓勵(lì)我,哈哈。

完成后點(diǎn)擊左下角的更新按鈕,日常做網(wǎng)站時(shí)記得要養(yǎng)成隨時(shí)更新的習(xí)慣。

點(diǎn)擊左上角的列表圖標(biāo)

找到查看后去前臺(tái)看我們已經(jīng)完成的Home頁(yè)。

Hi,謝謝你認(rèn)真看到這里,如果你喜歡我的Elementor建站和SEO文章,并且想要獲取更多實(shí)用技巧和與志同道合的朋友交流的話,掃描下方二維碼,立即加入我的【Elementor建站交流群】,加入時(shí)請(qǐng)備注建站或者seo。

一起學(xué)習(xí)、進(jìn)步,共同打造更出色的網(wǎng)站!

十三、Envato模板建站

envato作為全球頂級(jí)的素材庫(kù),里面吃了各種素材任我們挑選外還提供了幾千套的建站成品模板供我們選擇,不管是建站老手還是新手小白都能依靠他快速的搭建出自己的外貿(mào)獨(dú)立站。

我將會(huì)一一教大家?guī)追N不同的導(dǎo)入Envato模板的方式來幫助我們實(shí)現(xiàn)快速建站。注:使用Envato的前置條件是已經(jīng)激活elementorelementor pro。

1.購(gòu)買envato

點(diǎn)擊

,進(jìn)入官網(wǎng)后付費(fèi)成為envato會(huì)員即可使用里面的建站模板和素材資源。

2.安裝并啟用envato插件

在插件市場(chǎng)搜索關(guān)鍵詞envato,選擇下圖中的第一個(gè)插件Envato Elements點(diǎn)擊立即安裝

安裝完成后點(diǎn)擊啟用Envato插件

3.激活Envato插件

啟用Envato插件后點(diǎn)擊左側(cè)工具欄的Elements后找到左上角的Connect Elements Account并點(diǎn)擊。

登錄我們的付費(fèi)賬號(hào)后獲取到激活碼并復(fù)制。

粘貼后點(diǎn)擊驗(yàn)證即可激活我們的Envato插件。




4.挑選envato模板

envato中的成品前前后后有幾千套,但并不是所有的模板都適合我們。因?yàn)閃ordPress的插件市場(chǎng)極為豐富,所以envato里面的成品模板在當(dāng)初可能上傳時(shí)可能會(huì)使用到各種各樣的插件,如果我們?cè)偃パ芯窟@些額外的插件會(huì)極為浪費(fèi)我們的時(shí)間。

所以我提前為大家篩選出了一千多套基于elementor的成品模板,點(diǎn)

進(jìn)入,從這些模板中選取會(huì)省去很多不必要的麻煩。

另一種避免過多未使用過的插件的方式是點(diǎn)擊模板進(jìn)到模板的詳情頁(yè)

進(jìn)入到詳情頁(yè)后下劃,在看到Required Plugins installed with kit后,觀察它下方所必須的插件是否都是你熟悉的插件,如果不熟悉的插件過多,可以直接放棄該模板,另尋目標(biāo)。

5.導(dǎo)入envato模板

導(dǎo)入模板的方式主要有兩種,全局導(dǎo)入和按需導(dǎo)入。全局導(dǎo)入是一次性將模板中的所有做好的頁(yè)面導(dǎo)入到自己的模板中,這種方式適合所有頁(yè)面都需要使用現(xiàn)成模板。按需導(dǎo)入則可以自己選擇在哪個(gè)頁(yè)面中用到模板里自己喜歡的頁(yè)面或者板塊。

注:全局導(dǎo)入和按需導(dǎo)入的頁(yè)眉頁(yè)腳都需要在主題構(gòu)建器--頁(yè)眉/頁(yè)腳--編輯進(jìn)行

全局導(dǎo)入

挑選完自己的模板后點(diǎn)擊下載該模板的壓縮包。注:有時(shí)需要?jiǎng)?chuàng)建一個(gè)項(xiàng)目并把該模板加入到當(dāng)前項(xiàng)目才可下載。

下載完模板壓縮包后來到網(wǎng)站的后臺(tái)界面,第一步點(diǎn)擊左側(cè)Elementor下的工具,第二步進(jìn)入工具頁(yè)面后點(diǎn)擊tab欄上面的導(dǎo)入/導(dǎo)出 庫(kù),第三步點(diǎn)擊開始導(dǎo)入后選擇我們挑選并下載好的模板壓縮包。




確保Templates站點(diǎn)設(shè)置都處于勾選狀態(tài)后點(diǎn)擊右下角的導(dǎo)入按鈕

如果出現(xiàn)下方這個(gè)界面點(diǎn)擊啟用即可。

看到下方界面時(shí)則提示你已經(jīng)安裝成功,點(diǎn)擊右下角關(guān)閉按鈕。

回到WordPress后臺(tái)后點(diǎn)擊模板,選擇全部便可看到我們導(dǎo)入后的所有頁(yè)面模板。

以Home頁(yè)為例,講解如何使用這些導(dǎo)入好的頁(yè)面模板。點(diǎn)擊頁(yè)面,找到我們建立好的Home頁(yè)后點(diǎn)擊使用Elementor編輯,進(jìn)入到頁(yè)面編輯后臺(tái)

如果頁(yè)面最上方出現(xiàn)頁(yè)面標(biāo)題無法刪除,可以點(diǎn)擊左下方的設(shè)置按鈕后打開隱藏標(biāo)題將其隱藏,沒有出現(xiàn)忽略即可。

點(diǎn)擊頁(yè)面工具欄中的灰色文件夾按鈕

在我的模板中找到Homepage后點(diǎn)擊插入

成功后點(diǎn)擊左下角的更新按鈕,模板中的Homepage的內(nèi)容就變成了我們首頁(yè)的內(nèi)容。其他頁(yè)面也是依照此操作一一導(dǎo)入即可。

按需導(dǎo)入

將選好的模板名稱復(fù)制,例如圖中的Furniti

在WordPress后臺(tái)點(diǎn)擊Elements下的Tmeplate Kits進(jìn)入到模板庫(kù)選擇界面,將復(fù)制好的模板名稱粘貼到搜索框后點(diǎn)擊搜索圖標(biāo),出現(xiàn)我們所需模板后點(diǎn)擊Install Kit按鈕安裝模板。

安裝完成后點(diǎn)擊View Kit按鈕進(jìn)入模板查看頁(yè)面。

進(jìn)入查看頁(yè)面后如果左上角出現(xiàn)了帶有黃色感嘆號(hào)的額外安裝需求的提示,點(diǎn)擊Install Requirements按鈕

點(diǎn)擊Install Above Selected Requirements按鈕安裝額外需求,安裝完成后點(diǎn)擊關(guān)閉即可,此時(shí)再看右上角黃色感嘆號(hào)則已經(jīng)消失。

按需導(dǎo)入在使用模板中的內(nèi)容前需要先導(dǎo)入當(dāng)前模板的整站樣式(很容易忘記),找到Global kit Styles后點(diǎn)擊下方的Import Template導(dǎo)入整站樣式

為了確保當(dāng)前模板的整站樣式生效,點(diǎn)擊WordPress后臺(tái)Elements下的Settings,在右側(cè)滑動(dòng)找到Elementor下的Kit Styles,看看是否是我們當(dāng)前模板的名稱樣式,而后點(diǎn)擊Updata Global Template按鈕更新樣式。

以Home頁(yè)為例,講解如何使用這些導(dǎo)入好的頁(yè)面模板。點(diǎn)擊頁(yè)面,找到我們建立好的Home頁(yè)后點(diǎn)擊使用Elementor編輯,進(jìn)入到頁(yè)面編輯后臺(tái)

如果頁(yè)面最上方出現(xiàn)頁(yè)面標(biāo)題無法刪除,可以點(diǎn)擊左下方的設(shè)置按鈕后打開隱藏標(biāo)題將其隱藏,沒有出現(xiàn)忽略即可。

點(diǎn)擊頁(yè)面工具欄中的綠色Envato按鈕標(biāo)志







該界面可以看到我們當(dāng)前已安裝的所有模板,點(diǎn)擊對(duì)應(yīng)模板內(nèi)的View Installed Kit按鈕進(jìn)入當(dāng)前模板的頁(yè)面選擇界面。







找到Home頁(yè)模板,點(diǎn)擊Insert Template按鈕插入Home頁(yè)模板







當(dāng)導(dǎo)入進(jìn)度達(dá)到100%后則導(dǎo)入成功,點(diǎn)擊左下角更新按鈕保存當(dāng)前頁(yè)面內(nèi)容。其他頁(yè)面也是依照此操作一一導(dǎo)入即可。







6.Envato其他資源使用

點(diǎn)擊Elements下的Photos界面后在搜索框中搜索需要的圖片的關(guān)鍵詞,出現(xiàn)相關(guān)圖片后點(diǎn)擊下載,這里的圖片可以直接使用,不用擔(dān)心圖片版權(quán)問題。




十四、文章發(fā)布

學(xué)會(huì)頁(yè)面的建立后接著來學(xué)習(xí)如何發(fā)布一篇文章



進(jìn)入后臺(tái)后點(diǎn)擊文章下的分類


進(jìn)入添加分類頁(yè)面后先找到右側(cè)默認(rèn)生成的分類點(diǎn)擊快速編輯


將名稱和別名都修改為cat toy后點(diǎn)擊更新分類


在左側(cè)添加新分類下輸入 dog toy后直接回車或者點(diǎn)擊下方按鈕添加新分類,這樣我們就建立好了兩個(gè)文章分類

點(diǎn)擊寫文章


輸入文章標(biāo)題:The 11 Best Cat Toys of 2023 That Your Cat Will Love
注意:在編輯文章過程中不要點(diǎn)擊上方的使用Elementor編輯按鈕


輸入文章的內(nèi)容:From wide-eyed kitten to wise elder cat, playtime with your feline friend is enjoyable for you both, but it's also a strong contributor to their overall health and well-being. It's important for a cat to stay physically and mentally active and entertained throughout their lifetime. This is especially important if you have an indoor-only or solo cat who doesn't get as much organic stimulation.
Cat toys are designed with a cat's primal instincts in mind to keep their senses sharp. Depending on the age of your cat along with what they find interesting, a cat toy can provide hours of enjoyment. It can even help your kitty maintain a healthy weight by motivating them to pounce, jump, kick, and claw at something they perceive as prey.
As any human companion to a cat knows, cats can be beyond picky when it comes to what excites them and what bores them. Finding the right toy or toys can also help you to bond with your cat which ideally leads to lots of purrs and snuggles post-playtime.
To help you with your search, we rounded up the best cat toys for keeping your kitty pawfully amused.


點(diǎn)擊左上角的加號(hào),可以看到寫文章過程中可以添加的組件,比如圖片、視頻等


選擇插入一張圖片


插入后右側(cè)可以修改圖片的尺寸


1.內(nèi)容編輯完成后點(diǎn)擊右側(cè)tab欄上的文章
2.勾選作者
3.選擇當(dāng)前文章分類
4.上傳特色圖片(這里的特色圖片其實(shí)就是每篇文章的封面圖片)


將允許評(píng)論取消勾選,如果需要客戶評(píng)論文章可以打開,完成后點(diǎn)擊右上角發(fā)布按鈕。


發(fā)布完成后點(diǎn)擊查看文章

十五、制作文章單頁(yè)模板

在開始前先說明一下Elementor編輯器中文章匯總頁(yè)模板、文章單頁(yè)模板以及文章三者之間的關(guān)系。



文章匯總頁(yè),如圖當(dāng)我們發(fā)布一篇篇文章后,這些文章會(huì)自動(dòng)歸納到我們的文章匯總頁(yè),類似于書的目錄



因?yàn)樵趧?chuàng)建完頁(yè)面后基礎(chǔ)設(shè)置中我們將Blog頁(yè)面設(shè)置成了文章頁(yè),所以Blog頁(yè)面自動(dòng)成為了我們的文章匯總頁(yè)


當(dāng)從文章匯總頁(yè)點(diǎn)擊上面的任意一篇文章會(huì)發(fā)現(xiàn),每篇文章只有內(nèi)容是不相同的,但是展示形式都是一樣的,因?yàn)槲覀冊(cè)谖恼聠雾?yè)模板中提前設(shè)置好了它的展示形式,并設(shè)置生效范圍為每篇文章,所以文章發(fā)布后都會(huì)自動(dòng)應(yīng)用這種展示形式。
開始制作文章單頁(yè)的展示模板:



后臺(tái)模板———>Theme Builder



1.點(diǎn)擊Single Post
2.點(diǎn)擊右上角的Add New按鈕



進(jìn)入后會(huì)出現(xiàn)一些Elementor Pro自帶的一些文章單頁(yè)的模板



選擇其中一個(gè)后點(diǎn)擊插入



1.插入后點(diǎn)擊左下角的發(fā)布按鈕
2.將生效范圍修改為文章
3.點(diǎn)擊右下角保存按鈕



回到后臺(tái)找到之前發(fā)布過的文章點(diǎn)擊查看


發(fā)現(xiàn)在主題構(gòu)建器中設(shè)置好的文章單頁(yè)模板已應(yīng)用于文章。 當(dāng)前文章展示形式,接下來我會(huì)帶大家學(xué)習(xí)如何優(yōu)化文章的樣式排版

十六、制作文章匯總頁(yè)


1.進(jìn)入主題構(gòu)建器后點(diǎn)擊Achieve
2.點(diǎn)擊右上角的Add New添加新的文章匯總頁(yè)模板


在Elementor Pro給定的模板中選擇一個(gè)插入,當(dāng)然上面學(xué)完Envato教程后也可以直接使用Envato模板內(nèi)部的文章匯總頁(yè)模板。


插入后會(huì)自動(dòng)根據(jù)我們文章的內(nèi)上傳的特色圖片,以及標(biāo)題等生成一個(gè)對(duì)應(yīng)文章的卡片


選中這個(gè)組建后可以調(diào)整它顯示的圖片縮放以及寬高等屬性。


點(diǎn)擊發(fā)布將生效范圍設(shè)置為文章Achieve也就是文章匯總后點(diǎn)擊保存按鈕。


返回前臺(tái)界面后點(diǎn)擊Blog查看


完成文章匯總頁(yè)模板

十七、文章模板

相對(duì)來說像天天建站站內(nèi)這樣的文章模板更利于讀著的閱讀習(xí)慣。所以我將天天建站的文章模板導(dǎo)了出來給需要的人使用。
同時(shí)再教大家一種外部模板導(dǎo)入導(dǎo)出的方式。比如我在Home做了一個(gè)版塊,在About頁(yè)面仍然可以復(fù)用這個(gè)板塊的時(shí)候怎么快速?gòu)?fù)用。
需要模板的請(qǐng)點(diǎn)擊下載。



1.進(jìn)入到主題構(gòu)建器中找到Single Post,可以看到我們已做好的模板正在生效
2.點(diǎn)擊Edit Conditions改變它的生效范圍


點(diǎn)擊X,將生效范圍取消后保存,因?yàn)槲恼聠雾?yè)的模板我們只需要一個(gè)在生效即可。
在更換文章單頁(yè)的模板前一定要將之前做的模板范圍取消,否則這里會(huì)有個(gè)不好解決的小Bug


1.生效范圍取消后發(fā)現(xiàn)左上角正在生效的小綠點(diǎn)標(biāo)志變成了灰色,說明范圍取消成功
2.點(diǎn)擊右上角的Add New





點(diǎn)擊上傳的圖標(biāo),將準(zhǔn)備好的文章單頁(yè)模板選則后上傳


第一次上傳會(huì)出現(xiàn)該提示點(diǎn)擊Enable即可。


導(dǎo)入成功后找到模板,點(diǎn)擊插入


插入后點(diǎn)擊發(fā)布,設(shè)置完生效范圍后點(diǎn)擊保存。
文章匯總頁(yè)模板導(dǎo)入和文章單頁(yè)操作一樣,就不再演示。
下面教大家一下如何復(fù)用網(wǎng)站的模塊:


在Home頁(yè)中我想將第二行整個(gè)板塊復(fù)用
1.選中整行后右鍵
2.點(diǎn)擊另存為模板


1.給模板起個(gè)名字,中英文都可以
2.點(diǎn)擊保存


完成后可以看到模板中多了一個(gè)


使用Elementor編輯About頁(yè)面


點(diǎn)擊文件夾標(biāo)志


點(diǎn)擊tab欄上的我的模板


選擇需要復(fù)用的模板后點(diǎn)擊插入


完成板塊導(dǎo)入復(fù)用。

十八、制作產(chǎn)品頁(yè)

本來產(chǎn)品頁(yè)對(duì)于B端網(wǎng)站來說不是必須的,但是想到這可能是2023年最卷的Elementor建站教程了,就還是把產(chǎn)品頁(yè)以及上傳產(chǎn)品的教程給加了上去,并且我會(huì)為大家準(zhǔn)備好比較通用的產(chǎn)品模板。
關(guān)聯(lián)Product頁(yè)面和WooCommmerece



插件市場(chǎng)搜索WooCommerce安裝并啟用



出現(xiàn)向?qū)Ы缑娴募又苯狱c(diǎn)擊跳過



1.點(diǎn)擊頁(yè)面
2.勾選Woocemmerece自動(dòng)生成的頁(yè)面
3.選擇移動(dòng)至回收站
4,點(diǎn)擊應(yīng)用



完成后點(diǎn)擊回收站并清空回收站



1.點(diǎn)擊WooCommerece下的設(shè)置
2.點(diǎn)擊tab欄的產(chǎn)品
3.將商店頁(yè)面設(shè)置為Product頁(yè)面
4.將允許評(píng)價(jià)取消勾選(后期如果需要可以自行打開)
5.點(diǎn)擊保存
保存完成后我們的Product就和我們的WooCommerece關(guān)聯(lián)了起來



此時(shí)再去前臺(tái)的Product頁(yè)面看會(huì)發(fā)現(xiàn)不是空白的頁(yè)面,而是會(huì)提示沒有符合的產(chǎn)品。
傳產(chǎn)品



在后臺(tái)中找到產(chǎn)品后點(diǎn)擊分類,在上傳產(chǎn)品前我們需要設(shè)置好產(chǎn)品的分類以及屬性



點(diǎn)擊快速編輯將右側(cè)默認(rèn)生成的分類改為cat toy



更改完成后點(diǎn)擊更新分類



再添加一個(gè)dog toy的分類后點(diǎn)擊添加新分類或者直接回車



分類添加完成后點(diǎn)擊產(chǎn)品下的屬性開始添加,屬性就好比我們買的衣服,衣服的屬性有尺碼,顏色等



添加完顏色和尺寸兩個(gè)屬性后點(diǎn)擊配置類別。這里的配置類別就是衣服的顏色有黃色、白色、黑色,各種顏色對(duì)應(yīng)的就是各種類別。
邏輯是:產(chǎn)品類別---產(chǎn)品屬性---配置屬性類別



點(diǎn)擊顏色下的配置類別后輸入黃色后回車,再依次輸入白色、紅色



顏色的類別配置完成后點(diǎn)擊屬性繼續(xù)配置尺寸的類別



依次配置大、中、小三個(gè)尺寸類別



點(diǎn)擊產(chǎn)品下的新增開始添加產(chǎn)品


添加標(biāo)題和描述:
標(biāo)題:P.L.A.Y. - Feline Frenzy - Sassy Sushi
描述:We’re not kitten around, it’s officially okay to play with your food! You’ll have to paw-don your kitty’s manners as she digs into these delicious USDA Organic Catnip-filled plush toys in the shapes of sushi, tropical fruits, farm-fresh veggies, a crispy chicken wing, and drool-worthy donuts. You can fur-get the diet – live in the meow-ment and treat yo’ cats to their favorite foods!
●Filled with certified organic catnip* from Mountain Rose Herbs grown in Washington
●Packed with amusing crinkles, these toys are the purrfect way to spice up play time with your feline friend
●Hand-made craftsmanship, double layer exterior and double-stitched edges ensure extra durability
●Eco-friendly PlanetFill? filler is made from 100% post-consumer certified-safe recycled plastic bottles
●Machine washable and dryer friendly with catnip removed
●Features AZO-free dyes
●All of our toys meet the same strict quality standards for manufacturing infant and children products. Meet requirements for EN71 – Part 1, 2, 3 & 9 (EU), ASTM F963 (US) toy safety standards and REACH - SVHC



1.點(diǎn)擊產(chǎn)品數(shù)據(jù)下的屬性
2.選擇顏色后點(diǎn)擊添加



1.點(diǎn)擊選擇條款后依次添加黃色、白色、紅色三個(gè)屬性值



點(diǎn)擊保存屬性



同樣操作將尺寸下的大中小三個(gè)屬性值選擇后保存



簡(jiǎn)短描述:Sisal Bucket Cat Climbing Shelf Cat Litter Cat Tree All-in-One All-season Enclosed Villa Deluxe Cat Jumper Toy



在右側(cè)產(chǎn)品圖片中添加產(chǎn)品的主圖和副圖



將素材包里的產(chǎn)品圖分別上傳



勾選產(chǎn)品分類后點(diǎn)擊右上角的發(fā)布按鈕


發(fā)布完成后點(diǎn)擊查看產(chǎn)品



產(chǎn)品詳情頁(yè)面



此時(shí)再去前臺(tái)的Product頁(yè)面,就會(huì)顯示剛才上傳好的產(chǎn)品,如果要添加多個(gè)產(chǎn)品依次添加即可。

十九、使用產(chǎn)品模板優(yōu)化樣式

1.在主題構(gòu)建器中點(diǎn)擊Single Product

2.點(diǎn)擊Add New新增產(chǎn)品單頁(yè)模板

點(diǎn)擊上傳素材包里的產(chǎn)品單頁(yè)模板,當(dāng)然也可以直接用Elementor Pro提供的幾個(gè)模板

上傳成功后找到產(chǎn)品單頁(yè)后點(diǎn)擊插入

將生效范圍設(shè)置為產(chǎn)品后點(diǎn)擊保存

產(chǎn)品匯總頁(yè)的模板使用

上傳模板后點(diǎn)擊插入

插入完成后修改下樣式即可

二十、上線前操作


1.將后臺(tái)設(shè)置閱讀中建議搜索引擎不索引本站點(diǎn)取消勾選(這里取消勾選便是打開網(wǎng)站頁(yè)面的收錄,允許谷歌等抓取我們的網(wǎng)頁(yè))


2.在常規(guī)設(shè)置中將語(yǔ)言改為English
3.綁定站長(zhǎng)工具,實(shí)際操作流程可以看我這篇文章Google Search Console 域名驗(yàn)證并提交站點(diǎn)地圖
4.安裝Nitropack插件或者wp-rocket插件,實(shí)現(xiàn)網(wǎng)站加速 。Nitropack 官網(wǎng)注冊(cè)選擇free plan,安裝插件完成綁定后,自己瀏覽網(wǎng)頁(yè),給插件讀取并加速,日常保持綠燈
測(cè)速網(wǎng)址:https://pagespeed.web.dev/
5.安裝安全插件,實(shí)際操作流程可以看我這篇文章WordPress安全插件All In One Security使用指南

Hi,謝謝你認(rèn)真看完這篇文章,如果你喜歡我的Elementor建站和SEO文章,并且想要獲取更多實(shí)用技巧和與志同道合的朋友交流的話,掃描下方二維碼,立即加入我的【Elementor建站交流群】,加入時(shí)請(qǐng)備注建站或者seo。

一起學(xué)習(xí)、進(jìn)步,共同打造更出色的網(wǎng)站!

關(guān)鍵詞:教程,保姆,基礎(chǔ)

74
73
25
news
  • 網(wǎng)站
  • 營(yíng)銷
  • 設(shè)計(jì)
  • 運(yùn)營(yíng)
  • 優(yōu)化
  • 效率
  • 專注
  • 電商
  • 方案
  • 推廣
為了最佳展示效果,本站不支持IE9及以下版本的瀏覽器,建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉