如何使用Elementor的基本畫廊功能

當你在設計網站前端頁面效果的時候，有沒有遇到過這樣的情況—在某塊區域范圍內，我們想用多張相同類型內容的圖片來對某一事物進行表達，但是卻沒有很好的辦法將這些圖片統一集中起來進行展現？Elementor編輯器給我們提供了一個非常好用的功能叫做basic gallery，翻譯過來就是基本畫廊。它的功能有點像淘寶的主圖一樣，以縮略圖的形式進行展示，當我們點擊之后顯示完整尺寸的圖片，但是淘寶上是鼠標懸停就會圖像切換，而基本圖庫這一元素是需要點擊才能進行切換的。那么今天Jack老師就和同學們一起來學習?如何使用Elementor的基本畫廊功能?。

第一步：將Elementor編輯器的基本畫廊功能元素添加到內容編輯區域

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

第二步：對basic gallery（基本畫廊）元素的主體功能進行設置

2.1、“圖像庫”：也就是說我們需要添加的圖片，點擊之后就會出現我們的wordpress媒體庫，然后選擇我們需要展現的圖片即可

2.2、“圖像尺寸”：系統已經預設了13種圖片的尺寸，點擊之后，我們在上一步選擇的圖片大小會隨之改變

2.3、“欄”：指的是基本畫廊以幾列進行圖像展示，如上圖所示，Jack老師選擇了4欄，那么在前端頁面上就是4個列進行展示

2.4、“鏈接”：指的是點擊基本畫廊中的圖片之后，圖片會跳轉到什么地方，系統給出了三種預設方式，分別是：媒體文件、附件頁面以及不跳轉三種。那么這三種方式有什么不一樣呢？

2.4.1、“媒體文件”：指的就是點擊圖片之后，圖片由原來的縮略圖變成原始尺寸圖片

2.4.2、“附件頁面”：指的是點擊圖片之后，系統自動生成一個該圖片的文章頁面

2.5、“燈箱”：注意如果我們在2.4選項中選擇的是附件頁面或者不跳轉的話，這里是不會出現燈箱的。只有選擇了媒體文件才會出現燈箱的功能設置。那么燈箱是什么效果呢？當我們開啟燈箱之后，點擊基本畫廊里面的縮略圖就會展現圖片的原始尺寸，這時候如果想看第二張圖片，那么點擊圖片旁邊的導航箭頭按鈕即可。如果沒有開啟燈箱的話，那么需要先點擊關閉當前的完整圖片然后點擊第二張縮略圖才能查看完整圖像

2.6、“排序”：系統提供了2中縮略圖片排序方式，分別是默認排序和隨機排序。隨機排序之后，頁面的縮略圖排版會有一定的變化哦！

第三步：對basic gallery（基本畫廊）元素的樣式功能進行設置

3.1、“間距”：系統給的是默認間距20像素，當然我們也可以選擇自定義間距，點擊自定義之后，拖動滑動條就可以進行縮略圖間的橫向與縱向間距調整

3.2、“邊框類型”：指的是所有縮略圖的外邊框線的樣式，有實線，雙實線，圓點，虛線等樣式可供選擇

3.3、“邊框半徑”：指的是原本4個直角的縮略圖片，通過邊框半徑調整成4個圓弧角，理論上我們甚至可以調整成圓形圖片

3.4、“寬度”：指的是邊框線的粗細

3.5、“顏色”：指的是邊框線的顏色

3.6、“顯示”：指的是縮略圖的文字要不要進行展現

3.7、“對齊”：指的是與縮略圖配套的文字與縮略圖的對齊方式

3.8、“文本顏色”：指的就是對應文字的顏色

3.9、“排版”：這個就是對文字的粗細、字號、字體等方面進行設置。

如果我們在3.6的顯示選項中選擇了“隱藏”，那么下面這些對齊、文本顏色和排版功能就都不會展現了

好了，以上就是本章關于?如何使用Elementor的基本畫廊功能?的全部內容。Basic Gallery也就是基本畫廊功能能夠讓我們在設計前端頁面效果的時候，提供一種完全不一樣的圖像展現方式。通過點擊縮略圖從而展現完整尺寸原始圖片的效果。

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

來源：Jack SEO