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

圖像幻燈器功能在我們日常的建站工作中經常會被運用到，而且在內容傳達和頁面呈現效果上也能夠以較為生動的樣式進行展現。那么接下來,Jack老師就和同學們一起來學習?如何使用Elementor的圖像幻燈器功能 。

第一步：將Elementor編輯器的圖像幻燈器功能元素添加到內容編輯區域

如上圖所示，我們在左側的Elementor編輯器中找到箭頭1所指的“圖像幻燈器”功能元素，然后按住鼠標左鍵不松開，慢慢的拖到上圖箭頭2所指的地方，也就是內容編輯版塊中。注意在沒有將“圖像幻燈器”功能元素添加到內容編輯版塊區域之前，內容編輯版塊外面是一個灰色的虛線框，只有當出現了一個藍色的虛線外邊框之后才代表著我們已經成功的將“圖像幻燈器”功能元素添加到了內容編輯版塊中！

第二步：對Elementor的圖像幻燈器元素主體功能進行設置

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

2.2、“圖像尺寸”：指的是上一步選擇的圖像需要展現的具體尺寸大小，系統默認是150*150px，我們可以選擇系統預設的其他尺寸，也可以是自定義尺寸大小和完整尺寸大小

2.3、“幻燈片顯示”：指的是同一屏或者說當前頁面上展現幾個圖片，圖片的展現數量選擇區間是（1-10張）

2.4、“幻燈片滾動”：指的是當訪客點擊圖像幻燈器的導航箭頭的時候，一次性跳動幾個圖像進行展示

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

2.6、“導航”：指的是是否需要展現點擊切換圖像的導航箭頭和圓點，當然也可以只選擇箭頭或者圓點，甚至是兩者都不選擇

2.7、“鏈接”：指的是當訪客點擊圖像幻燈器上的圖片之后是否需要跳轉，注意這里因為是圖像幻燈器所以可能有多個圖像，但是不管點擊這些圖像中的哪一張都跳轉到唯一一個對應的頁面上！如果你不想進行頁面跳轉，那么你可以選擇鏈接模式為媒體文件，這時候再點擊該圖片的話只會看到該圖片的完整尺寸大小的原始圖片了。

2.8、“字幕”：指的是在展現圖像的同時是否出現對應的文字，系統預設了標題、字幕和描述三種選擇，當然你也可以選擇不展現字幕

2.9、“自動播放”：指的是圖像幻燈器的多個圖片是否需要執行不斷的輪播切換展現的效果

2.10、“暫停在盤旋”：指的是當我們在2.9中選擇自動播放之后，如果鼠標懸停在圖像幻燈片中的任意一張圖像上，這時候圖像幻燈片就不再自動播放了，直到鼠標移開才會自動播放

2.11、“暫停互動”：指的是當訪客的鼠標與圖像幻燈器中的圖像進行互動的時候，自動播放功能就會先暫停播放了。

2.12、“自動播放速度”：指的是調整自動播放過程中各個圖像切換的速度

2.13、“無限循環”：假設我們在圖像幻燈器中插入了10張圖像，如果選擇了無限循環，那么當圖片從1不斷的切換到10的時候，又繼續切換到1，否則當圖片切換到10的時候就暫停了

2.14、“動畫速度”：指的是動畫的上一張和下一張切換的時候速度快慢

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

第三步：對Elementor的圖像幻燈器元素樣式功能進行設置

導航里面有箭頭和圓點兩個設置選項，因為他們的內容是一樣的，所以Jack老師將這兩個項目合并在一起進行講解

3.1、“位置”：指的是箭頭或者圓點這些導航設置，是出現在整個圖像幻燈器的里面還是外面。（里面和外面的選擇各有利弊，同學們自己去斟酌）

3.2、“尺寸”：指的就是導航功能的尺寸大小

3.3、“顏色”：指的是導航功能的具體顯示顏色

3.4、“垂直對齊”：指的是圖像幻燈器中圖像的垂直對齊方式，當然了，如果你的圖像已經全部填充完整了整個圖像幻燈器，那么在這里無論怎么設置垂直對齊方式都是沒有效果的

3.5、“間距”：指的是當一個屏幕上出現多張圖片的時候，圖片之間是會有間距的，以起到區分和間隔的效果，那么這里的間距就是對相鄰兩個圖片之間的間隔大小調整

3.6、“邊框類型”：指的是對圖像幻燈器中的每一張圖片設置一個外邊框線，當然你也可以選擇沒有外邊框線。如果你選擇了出現外邊框線，那么我們還可以對邊框線顏色，粗細進行設置

3.7、“邊框半徑”：默認情況下，圖片一半是四方形的，那么對應的4個邊角都是直角。但是有時候為了頁面展現效果，我們可能需要將4個直角設置為圓潤，這時候我們就需要在邊框半徑中設置相應的數字進行調整，理論上可以將四方形的圖片設置為圓形的

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

3.9、“文本顏色”和“排版”：這兩項樣式設置就不多說了，基本上Elementor編輯器中涉及到文字部分的功能都有這兩項樣式的設置。因為Jack老師在之前的文章中已經將過很多次，這里不再贅述。

好了，以上就是本章關于?如何使用Elementor的圖像幻燈器功能?的全部內容。圖像幻燈器是外貿自建網站中經常會運用到的一項內容表現形式和手法，能夠以圖文搭配的形式，更生動靈活的介紹自己的產品和服務，突出表達某些產品的賣點和優勢，能夠對客戶轉化起到很好的作用。

如果還有不理解的地方，請使用百度或者谷歌瀏覽器搜索關鍵詞--Jack外貿建站，排名首頁首位的就是我的網站，網站上有更多外貿建站、谷歌SEO優化、外貿客戶開發等實操干貨內容在等著你哦!

來源：Jack SEO