Getwid –用於古騰堡的可自定義WordPress塊

[ad_1]

古騰堡。僅提及該詞就能融化冰塊。通常，您在某些地方大喊「 GUTENBERG！」後會聽到一針腳落下的寂靜。也許您不應該大喊大叫，但這不是重點。對古騰堡編輯來說，這是一個寒冷的日子，還是對？

當古騰堡成為WordPress的默認內容編輯器時，許多用戶（無論是初學者還是開發人員）都對此表示懷疑。這是一個痛苦的過渡，因為–變化。新的編輯器意味著用戶必須學習並適應使用WordPress創建內容的新方式。

的確，改變舊的方式很困難，這可能就是為什麼古騰堡（Gutenberg）最初面臨堅強抵抗的原因。但是隨著時間的流逝，事情發生了巨大的變化。剛開始時，許多用戶感到困惑，但人們很快就會喜歡新的編輯器，尤其是當它易於使用且更重要的是擴展了插件時。

多虧了諸如 格威德，今天的評論主題，您可以以前所未有的方式增強古騰堡。而且如果這種勢頭保持下去（並且會保持下去），古騰堡的前景將會非常光明。我認為，越來越多的用戶幾乎不需要WordPress頁面構建器來創建令人印象深刻的頁面和帖子。

在今天的評論中，我們將介紹使Getwid成為您在網路上可以找到的最好的Gutenberg插件之一的所有功能。為了向您展示期望，我們對插件進行了測試驅動，並簡要介紹了Getwid帶給已經強大的Gutenberg編輯器的30多個塊。

有了這個序言，有很多話要講，所以我們最好把它弄掉。看看我在那裡做什麼？哈哈。好吧，我們開始吧。

什麼是Getwid？

查看演示了解更多並下載

首先，Getwid到底是什麼？好吧，Getwid是一個漂亮的插件，可以幫助您擴展Gutenberg編輯器的使用時間。簡單嗎？換句話說，這是一個由34個區塊組成的精美集合，可讓您在Gutenberg中創建精彩的內容。

根據 Motopress，開發人員Getwid可以無縫地插入Gutenberg，「……從而使您向Gutenberg的總體過渡變得沒有壓力。」對於首次使用的用戶而言，平穩的過渡尤其重要。最好的部分是該插件可以從WordPress.org免費下載，這意味著您可以立即投入使用。

Getwid遵循最佳 WordPress編碼標準，為您提供了完善的解決方案，可以豐富您的內容而無需深入研究代碼。此外，它與所有支持Gutenberg的WordPress主題完全兼容，這意味著您不會遇到不兼容的問題。

此外，Getwid與其他第三方Gutenberg插件兼容，這為您提供了更多功能來創建您想要的引人入勝的內容。此外，Getwid附帶了大量的選項，使您可以為每個塊設置樣式以匹配您的品牌和偏好。

易於使用的古騰堡塊

此外，該附件的設置和使用非常簡單，這意味著您不需要開發人員就可以握住手。您也不需要編碼知識。此外，Getwid具有最新的性能技巧，例如CSS縮小，因此您可以創建精彩的內容而不必擔心您的 WordPress網站速度。

說到精彩的內容，Getwid可以幫助您「……創建有效的登陸頁面，展示充滿活力的服務頁面，建立引人注目的投資組合」，添加漂亮的滑塊，實現精彩的標題，顯示價格表等等！它為您提供了增強「…商務網站，初創企業，創意項目以及各種其他細分市場」所需的全部障礙。

古登堡塊的Getwid清單

Getwid帶有大量的Gutenberg塊。請記住，它也可以與核心的Gutenberg塊一起使用，這意味著沒有什麼可以阻止您創建適用於您網站的出色內容。這是Getwid中可用的古騰堡塊的列表（警告：這是一個很糟糕的）：

• 部分
• 媒體和文字滑塊
• 圖像滑塊
• 圖標
• 圖標框
• 標語（是的，完整的動畫–嗚嗚！）
• 手風琴
• 標籤
• 切換
• 圖像堆棧庫
• 谷歌地圖
• 最近的帖子
• 高級標題
• 影像盒
• 高級墊片
• 社交連結
• 按鈕組
• 感言
• 人箱
• Instagram的
• 進度條
• 循環進度欄
• 計數器
• 價格盒
• 聯繫表
• 旋轉木馬
• 帖子滑塊
• 自定義帖子類型
• 價格表
• MailChimp
• 視頻彈出
• 圖片熱點
• 倒數
• 內容時間表

ew，什麼清單？並認為上述每個塊都具有許多設置，樣式和選項，因此您可以按自己的方式設計內容。

到目前為止，Getwid Gutenberg塊插件看起來非常有前途。

現在您知道我們正在使用什麼，讓我們安裝Getwid並遍歷各個模塊。希望您能像測試插件一樣享受下面的內容。

如何安裝Getwid Gutenberg塊插件

鑒於官方的WordPress插件存儲庫中提供了Getwid，我們將不會浪費時間將插件下載到您的計算機上。相反，我們將直接從WordPress管理儀錶板內部安裝插件。

事不宜遲，請登錄到WordPress管理控制台，然後導航至「插件」>「添加新內容」，正如我在下面的屏幕截圖中所指出的那樣。

在“添加插件''頁面上，在關鍵字搜索框中輸入“Getwid''，然後單擊“立即安裝''按鈕，如下所示。

無需浪費時間，單擊“激活''按鈕，正如我在下面突出顯示的那樣完成安裝。

就是這樣；告訴您設置Getwid很簡單，我不是在撒謊?

現在，讓我們看看Getwid在Gutenberg編輯器中提供的功能。要了解商店裡有什麼，我們需要創建一個新頁面或一個帖子。與任何您喜歡的人一起工作。

添加新頁面

我將僅出於說明目的使用頁面。而且因為我使用的是受人尊敬的 WordPress總主題 帶有著陸頁模板的?

到目前為止，您可能已經知道如何在WordPress中添加新頁面，但是如果您是絕對的初學者，請導航至頁面>添加新內容，如下所示。

添加頁面標題，然後選擇必要的設置。例如，如果您想創建一個像您一樣的全幅登陸頁面，請從「頁面屬性」部分中選擇選項，如下所示。

請注意，根據您的主題，「頁面屬性」部分中可能會有不同的選項。

添加Getwid Gutenberg塊

添加Getwid塊與添加典型的Gutenberg塊相同。單擊加號（+）按鈕，向下滾動Getwid塊，然後選擇所需的塊。

節塊

例如，要添加Getwid部分，只需添加Section塊，如下所示。

就像A，B，C一樣簡單。在那之後，您需要根據自己的需要設計/設置樣式。 section塊使您無需編碼就可以逐節創建漂亮的頁面布局。您可以輕鬆地在部分中添加滑塊，背景圖像，視頻，視差，動畫，形狀，多種顏色等。要查看使用節塊創建的頁面，請查看以下內容 部分演示。

如下圖所示，您可以在section塊內添加任何塊。此外，您可以根據需要自定義該部分。

在頁面的右側，您可以使用很多選項來自定義該部分。我們將從上到下簡要地介紹一下這些選項。

• 尺寸–在此處設置截面尺寸。在撰寫本文時，您有三個寬度選項，即盒裝，全形和自定義。最重要的是，您可以為台式機，平板電腦和移動設備設置不同的剖面高度。最後，您可以選擇指定section塊中內容塊之間的間隙。

• 填充–此選項可讓您在台式機，平板電腦和移動設備的區域周圍設置填充。

• 邊距–為各種設備在您的截面塊周圍添加邊距。

• 對齊–在這裡，您可以為各種設備指定截面的垂直和水平方向。

• 背景顏色–您可以將任何您喜歡的背景顏色添加到部分中。

• 背景漸變–此選項可幫助您為部分創建背景漸變。如果您不想使用純色背景，則該選項非常有用。

• 背景圖片–您可以在此處為部分添加背景圖片，而無需使用顏色。

• 背景滑塊–現在，您可以將背景滑塊添加到頁面部分。有多甜？

• 背景視頻–希望通過背景視頻來豐富您的部分？如果是這樣，Getwid會支持您。

• 前景–將前景效果添加到您的部分。

• 分隔線–在各節之間添加分隔線

• 入口動畫–感謝Getwid，您可以根據需要為不同的部分設置動畫。

• 高級–在這裡，您可以添加HTML錨點和CSS類

媒體和文本滑塊

要添加媒體和文本滑塊，請單擊加號（+）圖標，滾動到Getwid Blocks，然後單擊Media＆Text Slider，如下所示。

添加塊後，您可以上傳媒體並添加文本。最重要的是，您可以從右側欄中自定義塊，如下圖所示。

在這裡，右側欄上的媒體和文本塊選項有兩個注釋，如上所示：

• 設置–在「設置」標籤下，您可以指定幻燈片數量，圖像尺寸，滑塊高度，內容寬度以及垂直/水平對齊。

• 文字顏色–該選項可讓您自定義滑塊上的文字顏色

• 覆蓋顏色–您可以設置覆蓋顏色並指定覆蓋不透明度

• 填充–使用此選項可輕鬆在媒體和文本滑塊周圍添加填充

• 滑塊設置–您可以在此處向滑塊添加動畫並啟用幻燈片放映

• 文本動畫–動畫滑塊上的文本

• 高級–添加自定義CSS類，以便您可以進一步設置滑塊的樣式

這是一個很好的例子 媒體和文本滑塊 在行動。

圖像滑塊

除了媒體和文本滑塊之外，Getwid還為您提供「圖像滑塊」塊。為此，請導航至Getwid塊，然後單擊我在下面的屏幕截圖中詳細介紹的Image Slider塊。

從媒體庫上傳或添加圖像後，您可以從右側欄中自定義滑塊，如下所示。

在右側欄中，您有兩個選項，如下所示：

• 圖像設置–在此選項卡中，您可以選擇圖像大小，自動裁剪圖像並將每個圖像鏈接到媒體文件或附件頁面。如果您是攝影師並且使用圖像滑塊顯示您的作品，這將特別有益。

• 滑塊設置–您可以在此處指定可在各種設備（例如台式機，筆記本電腦，平板電腦和移動設備）上顯示的幻燈片數量。

• 控制設置–在此選項卡下，您可以指定顯示導航箭頭和點的位置。

• 高級–在此處添加自定義CSS類

為了獲得更好的畫面，這是一個 圖像滑塊演示 為了您的觀看樂趣。

橫幅塊

標語塊允許您像老闆一樣在WordPress網站上做廣告。添加標題欄同樣簡單。導航至Gutenberg編輯器中的Getwid塊，然後單擊Baner塊，如下所示。

添加橫幅媒體文件後，您將獲得幾個選項，如下圖所示。

從上圖可以看到，您可以輕鬆地將鏈接添加到橫幅，並在新標籤頁中打開該鏈接。在右側邊欄中，您有更多自定義橫幅的選項。在這裡，您可以自定義橫幅大小，對齊方式，顏色和動畫。

您有很多選擇可以為您的網站創建吸引人的標語。隨意查看這些 標語演示 品嘗您可以創造的東西。

其他蓋特威德古騰堡街區

無論多麼誘人，我今天的評論中再也無法涵蓋30個Getwid區塊。如果這樣做，您會整天待在這裡，因為這篇文章將變得太長而無法閱讀。

一樣，我希望您現在可以添加和自定義所需的任何Getwid Gutenberg塊。您所要做的就是導航到Getwid Blocks並單擊所需的塊。之後，添加內容並像我們對其他塊所做的那樣在右側欄中自定義塊。

要查看更多使用Getwid Gutenberg塊的示例，請訪問 Getwid插件 在MotoPress中翻頁。另外，這是一個 見Getwid職位 對該插件提供的內容進行了更深入的研究。

Getwid是一個功能強大的Gutenberg插件，帶有一組漂亮的塊。此外，每個塊都帶有一組獨特的選項，使您可以立即創建引人入勝的內容。

最重要的是，該插件易於設置和使用。您不需要編碼知識或以往的經驗即可利用Getwid的功能來提高網站的參與度。

該插件是100％免費和開源的，這意味著您可以廣泛使用和自定義它，而不必擔心您的錢包或許可。這是您擁有的完美工具 WordPress專業工具包。

希望您現在可以使用Getwid使WordPress頁面和帖子栩栩如生。如果不是，請在評論部分表達您的關注和建議。

除此之外，您最喜歡的古騰堡塊插件是哪個？