WordPress自6.5版本以來，無需依賴第三方插件即可創(chuàng)建燈箱效果。此功能已經(jīng)集成到WordPress核心中，尤其適用于使用WordPress塊編輯器（Gutenberg）的用戶。因此，添加圖片并為其啟用燈箱效果現(xiàn)在變得更加簡(jiǎn)單和高效。

在本教程中，我們將深入探討如何在沒有插件的情況下為你的網(wǎng)站創(chuàng)建WordPress燈箱。

什么是WordPress燈箱？

燈箱是一種彈出式圖片展示方式，當(dāng)用戶點(diǎn)擊頁面中的圖片時(shí)，圖片會(huì)在屏幕上以較大尺寸顯示，同時(shí)頁面背景會(huì)變暗，以突出圖片。此效果常用于圖片展示或產(chǎn)品展示，提供了更好的用戶體驗(yàn)。

適用范圍

此教程僅適用于使用WordPress塊編輯器的用戶。如果使用經(jīng)典編輯器，建議先切換到塊編輯器以體驗(yàn)WordPress的最新功能。

步驟1：創(chuàng)建或編輯帖子/頁面

WordPress登錄成功后，進(jìn)入WordPress儀表盤。接下來，可以選擇創(chuàng)建新文章或編輯現(xiàn)有文章。根據(jù)你的需求，可以選擇以下路徑之一：

• 如果要?jiǎng)?chuàng)建新文章，導(dǎo)航到文章 > 添加新文章。

• 如果要編輯現(xiàn)有文章或頁面，導(dǎo)航到文章 > 所有文章，找到要編輯的文章，點(diǎn)擊“編輯”按鈕。
• 如果要?jiǎng)?chuàng)建或編輯頁面，請(qǐng)選擇頁面菜單，操作與創(chuàng)建或編輯文章相似。

為什么要在帖子或頁面中添加燈箱？

燈箱效果特別適合展示圖片、產(chǎn)品圖或圖庫。通過燈箱，用戶可以點(diǎn)擊縮略圖查看大圖，而無需跳轉(zhuǎn)到其他頁面，從而提升了用戶的瀏覽體驗(yàn)。

步驟3：使用塊編輯器添加圖片

接下來在頁面中添加圖片。塊編輯器為此提供了非常簡(jiǎn)單的解決方案。

1. 在編輯器中選擇你要插入圖片的位置。
2. 鍵入/image，會(huì)立即彈出“圖像”塊。

3. 選擇“圖像”塊，系統(tǒng)將提示你選擇圖像。

可以從媒體庫中選擇現(xiàn)有圖片，也可以上傳新的圖片。

選擇合適的圖片

確保您選擇的圖片尺寸適合燈箱展示。過大的圖片可能會(huì)影響頁面加載速度，而過小的圖片在燈箱中放大后可能會(huì)失去清晰度。

步驟4：為圖片添加燈箱效果

這一步是創(chuàng)建WordPress燈箱的核心，無需插件即可完成。

1. 單擊剛剛添加到文章或頁面中的圖片。
2. 在圖片上方的工具欄中，將看到一個(gè)鏈接圖標(biāo)。

3. 點(diǎn)擊該鏈接圖標(biāo)，會(huì)彈出一個(gè)下拉菜單。
4. 選擇“單擊時(shí)展開”選項(xiàng)。

此時(shí)，你的圖片將被配置為在點(diǎn)擊時(shí)通過燈箱效果展開顯示。燈箱會(huì)自動(dòng)在前端為圖片提供放大查看的功能，用戶點(diǎn)擊圖片時(shí)無需跳轉(zhuǎn)到其他頁面即可查看大圖。

提示：如果找不到“單擊時(shí)展開”選項(xiàng)

確保使用的是WordPress 6.5或更高版本。如果使用的是較低版本，可能需要通過插件來實(shí)現(xiàn)燈箱功能，或者更新你的WordPress版本以享受此新功能。

步驟5：預(yù)覽并發(fā)布頁面

在配置好圖片的燈箱效果后，先預(yù)覽頁面，確保一切顯示正常。

1. 單擊頁面右上角的“預(yù)覽”按鈕，選擇“預(yù)覽新標(biāo)簽頁”。

2. 在預(yù)覽頁面中，點(diǎn)擊你添加的圖片，檢查燈箱效果是否正常。

如果一切正常，可以選擇發(fā)布頁面或文章。如果還需要進(jìn)一步編輯，可以選擇保存草稿，稍后繼續(xù)編輯。

優(yōu)化和注意事項(xiàng)

1. 圖片優(yōu)化

雖然燈箱功能很方便，但請(qǐng)確保上傳的圖片經(jīng)過優(yōu)化，以免影響網(wǎng)站性能。過大的圖片文件會(huì)導(dǎo)致頁面加載緩慢，從而影響用戶體驗(yàn)和SEO表現(xiàn)?？梢允褂霉ぞ呷?strong>Smush來壓縮和優(yōu)化圖片大小。

2. 響應(yīng)式設(shè)計(jì)

燈箱功能在移動(dòng)設(shè)備上同樣重要，WordPress的默認(rèn)燈箱設(shè)置是響應(yīng)式的，確保圖片在不同屏幕尺寸上都能良好展示。建議在發(fā)布前在移動(dòng)設(shè)備上進(jìn)行測(cè)試，確保燈箱效果在移動(dòng)端同樣流暢。

3. 兼容性測(cè)試

雖然WordPress的內(nèi)置燈箱功能很強(qiáng)大，但如果使用了自定義主題或插件，可能會(huì)與某些自定義功能發(fā)生沖突。在發(fā)布之前，建議檢查不同設(shè)備和瀏覽器的兼容性。

總結(jié)

使用WordPress 6.5及以上版本，通過WP自學(xué)建站，無需插件即可輕松創(chuàng)建燈箱效果，為圖片提供更好的用戶體驗(yàn)。這不僅簡(jiǎn)化了操作流程，還減少了對(duì)第三方插件的依賴，降低了網(wǎng)站維護(hù)的復(fù)雜性。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個(gè)人，小企站點(diǎn)！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時(shí)間：周一至周五，9:30-18:30，節(jié)假日休息