如何使用Elementor的圖像幻燈器功能

圖像幻燈器功能在我們?nèi)粘５慕ㄕ竟ぷ髦薪?jīng)常會(huì)被運(yùn)用到，而且在內(nèi)容傳達(dá)和頁(yè)面呈現(xiàn)效果上也能夠以較為生動(dòng)的樣式進(jìn)行展現(xiàn)。那么接下來(lái),Jack老師就和同學(xué)們一起來(lái)學(xué)習(xí) 如何使用Elementor的圖像幻燈器功能 。

第一步：將Elementor編輯器的圖像幻燈器功能元素添加到內(nèi)容編輯區(qū)域

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

第二步：對(duì)Elementor的圖像幻燈器元素主體功能進(jìn)行設(shè)置

2.1、“選擇圖像”：點(diǎn)擊之后，我們可以在自己的網(wǎng)站媒體庫(kù)或者本地電腦上傳需要展現(xiàn)的圖像（注意：這里只能是圖像不能是視頻）

2.2、“圖像尺寸”：指的是上一步選擇的圖像需要展現(xiàn)的具體尺寸大小，系統(tǒng)默認(rèn)是150*150px，我們可以選擇系統(tǒng)預(yù)設(shè)的其他尺寸，也可以是自定義尺寸大小和完整尺寸大小

2.3、“幻燈片顯示”：指的是同一屏或者說(shuō)當(dāng)前頁(yè)面上展現(xiàn)幾個(gè)圖片，圖片的展現(xiàn)數(shù)量選擇區(qū)間是（1-10張）

2.4、“幻燈片滾動(dòng)”：指的是當(dāng)訪客點(diǎn)擊圖像幻燈器的導(dǎo)航箭頭的時(shí)候，一次性跳動(dòng)幾個(gè)圖像進(jìn)行展示

2.5、“圖像拉伸”：如果是默認(rèn)情況下，單屏展現(xiàn)多張圖片，那么圖片和圖片之間是有空白間隔的，如果這時(shí)候我們選擇“圖像拉伸”為“是”的話，那么多張圖片之間左右的空白間隔就消失了。

2.6、“導(dǎo)航”：指的是是否需要展現(xiàn)點(diǎn)擊切換圖像的導(dǎo)航箭頭和圓點(diǎn)，當(dāng)然也可以只選擇箭頭或者圓點(diǎn)，甚至是兩者都不選擇

2.7、“鏈接”：指的是當(dāng)訪客點(diǎn)擊圖像幻燈器上的圖片之后是否需要跳轉(zhuǎn)，注意這里因?yàn)槭菆D像幻燈器所以可能有多個(gè)圖像，但是不管點(diǎn)擊這些圖像中的哪一張都跳轉(zhuǎn)到唯一一個(gè)對(duì)應(yīng)的頁(yè)面上！如果你不想進(jìn)行頁(yè)面跳轉(zhuǎn)，那么你可以選擇鏈接模式為媒體文件，這時(shí)候再點(diǎn)擊該圖片的話只會(huì)看到該圖片的完整尺寸大小的原始圖片了。

2.8、“字幕”：指的是在展現(xiàn)圖像的同時(shí)是否出現(xiàn)對(duì)應(yīng)的文字，系統(tǒng)預(yù)設(shè)了標(biāo)題、字幕和描述三種選擇，當(dāng)然你也可以選擇不展現(xiàn)字幕

2.9、“自動(dòng)播放”：指的是圖像幻燈器的多個(gè)圖片是否需要執(zhí)行不斷的輪播切換展現(xiàn)的效果

2.10、“暫停在盤(pán)旋”：指的是當(dāng)我們?cè)?.9中選擇自動(dòng)播放之后，如果鼠標(biāo)懸停在圖像幻燈片中的任意一張圖像上，這時(shí)候圖像幻燈片就不再自動(dòng)播放了，直到鼠標(biāo)移開(kāi)才會(huì)自動(dòng)播放

2.11、“暫?；?dòng)”：指的是當(dāng)訪客的鼠標(biāo)與圖像幻燈器中的圖像進(jìn)行互動(dòng)的時(shí)候，自動(dòng)播放功能就會(huì)先暫停播放了。

2.12、“自動(dòng)播放速度”：指的是調(diào)整自動(dòng)播放過(guò)程中各個(gè)圖像切換的速度

2.13、“無(wú)限循環(huán)”：假設(shè)我們?cè)趫D像幻燈器中插入了10張圖像，如果選擇了無(wú)限循環(huán)，那么當(dāng)圖片從1不斷的切換到10的時(shí)候，又繼續(xù)切換到1，否則當(dāng)圖片切換到10的時(shí)候就暫停了

2.14、“動(dòng)畫(huà)速度”：指的是動(dòng)畫(huà)的上一張和下一張切換的時(shí)候速度快慢

2.15、“方向”：指的是圖像幻燈器中圖像的切換方向，可以選擇從左切換也可以選擇從右切換

第三步：對(duì)Elementor的圖像幻燈器元素樣式功能進(jìn)行設(shè)置

導(dǎo)航里面有箭頭和圓點(diǎn)兩個(gè)設(shè)置選項(xiàng)，因?yàn)樗麄兊膬?nèi)容是一樣的，所以Jack老師將這兩個(gè)項(xiàng)目合并在一起進(jìn)行講解

3.1、“位置”：指的是箭頭或者圓點(diǎn)這些導(dǎo)航設(shè)置，是出現(xiàn)在整個(gè)圖像幻燈器的里面還是外面。（里面和外面的選擇各有利弊，同學(xué)們自己去斟酌）

3.2、“尺寸”：指的就是導(dǎo)航功能的尺寸大小

3.3、“顏色”：指的是導(dǎo)航功能的具體顯示顏色

3.4、“垂直對(duì)齊”：指的是圖像幻燈器中圖像的垂直對(duì)齊方式，當(dāng)然了，如果你的圖像已經(jīng)全部填充完整了整個(gè)圖像幻燈器，那么在這里無(wú)論怎么設(shè)置垂直對(duì)齊方式都是沒(méi)有效果的

3.5、“間距”：指的是當(dāng)一個(gè)屏幕上出現(xiàn)多張圖片的時(shí)候，圖片之間是會(huì)有間距的，以起到區(qū)分和間隔的效果，那么這里的間距就是對(duì)相鄰兩個(gè)圖片之間的間隔大小調(diào)整

3.6、“邊框類型”：指的是對(duì)圖像幻燈器中的每一張圖片設(shè)置一個(gè)外邊框線，當(dāng)然你也可以選擇沒(méi)有外邊框線。如果你選擇了出現(xiàn)外邊框線，那么我們還可以對(duì)邊框線顏色，粗細(xì)進(jìn)行設(shè)置

3.7、“邊框半徑”：默認(rèn)情況下，圖片一半是四方形的，那么對(duì)應(yīng)的4個(gè)邊角都是直角。但是有時(shí)候?yàn)榱隧?yè)面展現(xiàn)效果，我們可能需要將4個(gè)直角設(shè)置為圓潤(rùn)，這時(shí)候我們就需要在邊框半徑中設(shè)置相應(yīng)的數(shù)字進(jìn)行調(diào)整，理論上可以將四方形的圖片設(shè)置為圓形的

3.8、“字幕對(duì)齊方式”：很簡(jiǎn)單就是字幕相對(duì)于圖像的水平對(duì)齊方式，有左對(duì)齊，居中對(duì)齊和右對(duì)齊，還有不常見(jiàn)的兩端對(duì)齊4種水平對(duì)齊方式

3.9、“文本顏色”和“排版”：這兩項(xiàng)樣式設(shè)置就不多說(shuō)了，基本上Elementor編輯器中涉及到文字部分的功能都有這兩項(xiàng)樣式的設(shè)置。因?yàn)镴ack老師在之前的文章中已經(jīng)將過(guò)很多次，這里不再贅述。

好了，以上就是本章關(guān)于 如何使用Elementor的圖像幻燈器功能 的全部?jī)?nèi)容。圖像幻燈器是外貿(mào)自建網(wǎng)站中經(jīng)常會(huì)運(yùn)用到的一項(xiàng)內(nèi)容表現(xiàn)形式和手法，能夠以圖文搭配的形式，更生動(dòng)靈活的介紹自己的產(chǎn)品和服務(wù)，突出表達(dá)某些產(chǎn)品的賣點(diǎn)和優(yōu)勢(shì)，能夠?qū)蛻艮D(zhuǎn)化起到很好的作用。

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

來(lái)源：Jack SEO