如何使用Elementor的標(biāo)簽功能

2021年2月20日 9:16:27 來源：喜運(yùn)達(dá)

Elementor編輯器的標(biāo)簽功能有點(diǎn)類似于我們常見的淘寶產(chǎn)品詳情頁中的內(nèi)容切換按鈕，一般情況下，淘寶的產(chǎn)品詳情頁內(nèi)容切換按鈕是下面這個(gè)樣式的：

也就是說當(dāng)我們點(diǎn)擊頂部的“商品詳情”、“規(guī)格參數(shù)”、“累積評價(jià)”和“電器城服務(wù)詳情”這些標(biāo)簽之后，會出現(xiàn)對應(yīng)的標(biāo)簽內(nèi)部信息。這個(gè)功能在Elementor編輯器中被叫做“標(biāo)簽”功能元素。那么今,Jack老師就和同學(xué)們一起來學(xué)習(xí)一下?如何使用Elementor的標(biāo)簽功能?。

第一步：將Elementor編輯器中的標(biāo)簽功能元素添加到內(nèi)容編輯區(qū)域

如上圖所示，我們在左側(cè)的Elementor編輯器中找到箭頭1所指的“標(biāo)簽”功能元素，然后按住鼠標(biāo)左鍵不松開，慢慢的拖到上圖箭頭2所指的地方，也就是內(nèi)容編輯版塊中。注意在沒有將“標(biāo)簽”功能元素添加到內(nèi)容編輯版塊區(qū)域之前，內(nèi)容編輯版塊外面是一個(gè)灰色的虛線框，只有當(dāng)出現(xiàn)了一個(gè)藍(lán)色的虛線外邊框之后才代表著我們已經(jīng)成功的將“標(biāo)簽”功能元素添加到了內(nèi)容編輯版塊中！

第二步：對Elementor編輯器中的標(biāo)簽元素主體功能進(jìn)行設(shè)置

2.1、“標(biāo)題與描述”：指的就是每個(gè)標(biāo)簽的名字，比方說我們做的是b2b外貿(mào)網(wǎng)站，在制作產(chǎn)品詳情頁面的時(shí)候，可能會要求頁面上出現(xiàn)產(chǎn)品詳情圖、產(chǎn)品參數(shù)、產(chǎn)品的透視圖等等。那么在這里的標(biāo)題與描述中，我們就可以找到“標(biāo)簽”一欄，然后輸入對應(yīng)的標(biāo)簽文字

2.2、“描述”：指的是每個(gè)標(biāo)簽下對應(yīng)的詳情內(nèi)容。這里的描述使用的是內(nèi)嵌的elementor文本編輯器功能元素。所以我們不僅可以直接輸入文字，還可以通過添加媒體的方式，插入圖像，音頻和視頻，甚至可以使用代碼的形式來實(shí)現(xiàn)一些自己想要的特殊效果。

2.3、“類型”：指的是標(biāo)簽的排布方式，有水平和垂直兩種。像我們前面說的淘寶詳情那種就是水平排布。

第三步：對Elementor編輯器中的標(biāo)簽元素樣式功能進(jìn)行設(shè)置

3.1、“導(dǎo)航寬度”：注意只有當(dāng)我們在主體功能中的2.3類型中選擇的是垂直排布的話，這里才會有導(dǎo)航寬度樣式選項(xiàng)，指的就是導(dǎo)航標(biāo)題的占位寬度

3.2、“邊框?qū)挾取保褐傅木褪嵌鄠€(gè)標(biāo)簽標(biāo)題之間的間隔線寬度

3.3、“邊框線顏色”：指的就是多個(gè)標(biāo)簽之間的間隔線也就是所謂的邊框線顏色

3.4、“背景顏色”：指的是標(biāo)簽導(dǎo)航和下面的文字描述部分內(nèi)容的背景顏色

3.5、“顏色”：指的是標(biāo)題的文字顏色，比方說產(chǎn)品參數(shù)、產(chǎn)品詳情圖等文字的文字顏色

3.6、“當(dāng)前顏色”：指的是點(diǎn)擊某一個(gè)標(biāo)簽之后，該標(biāo)簽的文字顏色。類似于“激活”這樣的效果。

3.7、“排版”：指的是對標(biāo)題的文字粗細(xì)、大小、字體等方面的設(shè)置

3.8、“內(nèi)容顏色”：指的是標(biāo)簽的每一個(gè)項(xiàng)目下的文字描述部分的字體顏色

3.9、“排版”：和上面的3.7一樣，只不過針對的對象不一樣，這里作用的對象是描述性文字的字體、字號大小和粗細(xì)等等

好了，以上就是本章關(guān)于?如何使用Elementor的標(biāo)簽功能?的全部內(nèi)容，Elementor編輯器的標(biāo)簽功能非常類似淘寶詳情頁中的具體效果，能夠讓我們在一個(gè)網(wǎng)站頁面上展現(xiàn)更多的某一款產(chǎn)品的相關(guān)產(chǎn)品信息和細(xì)節(jié)。無需客戶在多個(gè)頁面之間來回切換，從而提升頁面停留時(shí)間，提升排名。

好了，以上就是本章?的全部內(nèi)容，如果還有不理解的地方，請使用百度或者谷歌瀏覽器搜索關(guān)鍵詞--Jack外貿(mào)建站，排名首頁首位的就是我的網(wǎng)站，網(wǎng)站上有更多外貿(mào)建站、谷歌SEO優(yōu)化、外貿(mào)客戶開發(fā)等實(shí)操干貨內(nèi)容在等著你哦!

來源：Jack SEO

來源：喜運(yùn)達(dá)