如何在 Gutenberg 中使用 Elementor Blocks 實(shí)現(xiàn)高級(jí)設(shè)計(jì)功能

圖片[1]-如何在 Gutenberg 中使用 Elementor Blocks 實(shí)現(xiàn)高級(jí)設(shè)計(jì)功能-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

Gutenberg 是 WordPress 的塊編輯器,允許用戶通過(guò)塊的形式創(chuàng)建和編輯內(nèi)容。為了讓用戶在 Gutenberg 中使用 Elementor 的強(qiáng)大功能,Elementor 開(kāi)發(fā)了一個(gè)名為 “Elementor Blocks for Gutenberg” 的獨(dú)立插件。這個(gè)插件使用戶可以將 Elementor 模板作為 Gutenberg 塊添加到內(nèi)容中,從而實(shí)現(xiàn)更高級(jí)的設(shè)計(jì)和功能。

本文將詳細(xì)介紹如何在 Gutenberg 中使用 Elementor Blocks,以及如何通過(guò)這個(gè)插件將 Elementor 的強(qiáng)大功能集成到 WordPress 編輯器中。

什么是 Elementor Blocks for Gutenberg?

圖片[2]-如何在 Gutenberg 中使用 Elementor Blocks 實(shí)現(xiàn)高級(jí)設(shè)計(jì)功能-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

Elementor Blocks for Gutenberg 是一個(gè)獨(dú)立的 WordPress 插件,允許用戶將 Elementor 模板作為塊直接插入到 Gutenberg 編輯器中。通過(guò)使用這個(gè)插件,可以在不離開(kāi) WordPress 編輯器的情況下,添加 Elementor 的高級(jí)功能,如行動(dòng)號(hào)召按鈕、訂閱表單、圖像網(wǎng)格等??梢岳^續(xù)在 Gutenberg 編輯器下編輯文章和頁(yè)面,同時(shí)享受 Elementor 提供的設(shè)計(jì)靈活性和功能。

Elementor Blocks for Gutenberg 的工作條件

要使用 Elementor Blocks for Gutenberg 插件,需要滿足以下條件:

  1. WordPress 版本要求:WordPress 5.6 或更高版本。
  2. Elementor 插件:必須安裝并激活 Elementor 插件。

如何安裝和激活 Elementor Blocks for Gutenberg

以下是安裝和激活 Elementor Blocks for Gutenberg 插件的詳細(xì)步驟:

  1. 登錄 WP Admin:首先,使用管理員賬戶登錄到 WordPress 儀表板。
  2. 轉(zhuǎn)到插件頁(yè)面:在左側(cè)菜單中,導(dǎo)航到“插件”>“添加新插件”。
  3. 搜索插件:在搜索欄中輸入“elementor blocks for gutenberg”以查找該插件。
  4. 安裝插件:找到插件后,點(diǎn)擊“立即安裝”按鈕。
圖片[3]-如何在 Gutenberg 中使用 Elementor Blocks 實(shí)現(xiàn)高級(jí)設(shè)計(jì)功能-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)
  1. 激活插件:安裝完成后,點(diǎn)擊“激活”按鈕啟用插件。

如何在 WordPress 編輯器中添加 Elementor Blocks

以下是具體操作步驟:

  1. 創(chuàng)建新頁(yè)面:登錄到 WP Admin,導(dǎo)航到“頁(yè)面”>“添加新頁(yè)面”。
  2. 添加塊:在頁(yè)面編輯器中,點(diǎn)擊頁(yè)面頂部或段落區(qū)域中的 +(添加塊圖標(biāo))。
圖片[4]-如何在 Gutenberg 中使用 Elementor Blocks 實(shí)現(xiàn)高級(jí)設(shè)計(jì)功能-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)
  1. 選擇 Elementor Block:在彈出的窗口中,搜索并選擇“Elementor Library”。這將顯示已保存的所有 Elementor 模板。
圖片[5]-如何在 Gutenberg 中使用 Elementor Blocks 實(shí)現(xiàn)高級(jí)設(shè)計(jì)功能-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)
  1. 選擇模板:從 Elementor Library 中選擇一個(gè)現(xiàn)有模板,或從頭創(chuàng)建一個(gè)新模板。
圖片[6]-如何在 Gutenberg 中使用 Elementor Blocks 實(shí)現(xiàn)高級(jí)設(shè)計(jì)功能-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)
  1. 預(yù)覽模板:在插入模板之前,可以通過(guò)點(diǎn)擊右上角的預(yù)覽圖標(biāo)來(lái)預(yù)覽模板的外觀。
  2. 插入模板:選擇好模板后,點(diǎn)擊插入,即可將模板添加到你的 Gutenberg 編輯器內(nèi)容區(qū)域。
圖片[7]-如何在 Gutenberg 中使用 Elementor Blocks 實(shí)現(xiàn)高級(jí)設(shè)計(jì)功能-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

在 Gutenberg 和 Elementor 之間切換

如果需要在使用 Elementor Blocks 的同時(shí)還希望進(jìn)一步定制設(shè)計(jì),可以隨時(shí)通過(guò)點(diǎn)擊頁(yè)面頂部的“使用 Elementor 編輯”按鈕在 Gutenberg 和 Elementor 編輯器之間進(jìn)行切換。這使得你可以在兩個(gè)編輯器之間無(wú)縫切換,充分利用兩者的優(yōu)勢(shì)。

圖片[8]-如何在 Gutenberg 中使用 Elementor Blocks 實(shí)現(xiàn)高級(jí)設(shè)計(jì)功能-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

結(jié)論

Elementor Blocks for Gutenberg 插件為使用 WordPress 的用戶提供了更大的靈活性,使他們能夠?qū)?Elementor 的強(qiáng)大功能集成到 Gutenberg 編輯器中,而無(wú)需離開(kāi)編輯界面。借助這個(gè)插件,用戶可以在 Gutenberg 中創(chuàng)建更加豐富和復(fù)雜的頁(yè)面,同時(shí)保持 WordPress 的編輯便利性。

當(dāng)你升級(jí)到 Elementor Pro 時(shí),不僅可以訪問(wèn)更多的高級(jí)設(shè)計(jì)功能,還可以與其他附屬插件進(jìn)行深度集成。例如,Elementor Pro 提供了強(qiáng)大的主題構(gòu)建器、動(dòng)態(tài)內(nèi)容和高級(jí)小部件,這些都可以通過(guò) Elementor Blocks for Gutenberg 插件直接添加到你的 Gutenberg 頁(yè)面中。


聯(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é)假日休息
? 轉(zhuǎn)載聲明
本文作者:xiesong
THE END
喜歡就支持一下吧
點(diǎn)贊0 分享
評(píng)論 搶沙發(fā)

請(qǐng)登錄后發(fā)表評(píng)論

    暫無(wú)評(píng)論內(nèi)容