Getwid-Gutenberg向けのカスタマイズ可能なWordPressブロック

グーテンベルク。その言葉の単なる言及は氷を溶かすことができます。通常、「GUTENBERG!」と叫んだ後、沈黙の中にピンドロップが聞こえます。いくつかの場所で。たぶん、あなたは叫ぶべきではありませんが、それは重要ではありません。今日はグーテンベルク編集者にとって肌寒い日です?


GutenbergがWordPressのデフォルトのコンテンツエディターになったとき、多くのユーザー(初心者も開発者も)は懐疑的でした。それは苦痛な移行でした–変化。新しいエディターにより、ユーザーはWordPressでコンテンツを作成する新しい方法を学び、それに適応する必要がありました。.

古いやり方を変えることは難しいことは事実です、それがおそらくグーテンベルクが最初に厳しい抵抗に直面した理由です。しかし、物事は時間とともに大きく変化しました。多くのユーザーは最初は困惑していましたが、特に使いやすく、さらに重要なことにプラグインで拡張されている場合、人々は新しいエディタをすぐに気に入っています。.

などのプラグインのおかげで Getwid, 今日のレビューの主題は、これまで想像もしなかった方法でグーテンベルクを過給することができます。そして、勢いが維持されれば(そしてそれが続くのであれば)、グーテンベルクには非常に明るい未来があります。私の意見では、印象的なページや投稿を作成するために、ますます多くのユーザーがWordPressページビルダーを必要としないでしょう。.

今日のレビューでは、GetwidをWebでこれまでにない最高のGutenbergプラグインの1つにするすべての機能を紹介します。何を期待するかを示すために、プラグインをテストして、Getwidがすでに強力なGutenbergエディターにもたらす30以上のブロックを簡単に紹介します.

そのプリアンブルでは、カバーすることがたくさんありますので、 取得する ワイド それ。私がそこで何をしたかわかりますか?はは。さて、始めましょう.

Getwidとは?

Getwid –グーテンベルクブロック

まず最初に、Getwidとは一体何ですか?さて、GetwidはGutenbergエディターを大幅に拡張するのに役立つ気の利いたプラグインです。単純ですか?言い換えれば、グーテンベルクで素晴らしいコンテンツを作成できる34ブロックの美しいコレクションです。.

による Motopress, 開発者であるGetwidは、グーテンベルクにシームレスに接続し、「…グーテンベルクへの全体的な移行をよりストレスのないものにします。」スムーズな移行は、初めてのユーザーにとって特に重要です。最良の部分は、WordPress.orgでプラグインを無料でダウンロードできることです。つまり、すぐに実行できます。.

Getwidがベストをフォロー WordPressコーディング標準, コードを掘り下げることなくコンテンツを充実させる完璧なソリューションを提供します。さらに、Gutenberg対応のすべてのWordPressテーマと完全に互換性があるため、非互換性の問題が発生することはありません.

さらに、Getwidは他のサードパーティのGutenbergプラグインと互換性があり、希望する魅力的なコンテンツを作成するためのより多くの機能を提供します。また、Getwidには大量のオプションが付属しており、ブランドや好みに合わせて各ブロックのスタイルを設定できます.

使いやすいグーテンベルクブロック

さらに、アドオンはセットアップと使用が非常に簡単なので、開発者が手を握る必要はありません。コーディングの知識も必要ありません。さらに、GetwidはCSSの縮小などの最新のパフォーマンストリックを備えているため、WordPressサイトの速度を気にすることなく素晴らしいコンテンツを作成できます。.

素晴らしいコンテンツと言えば、Getwidは「…効率的なランディングページの作成、活気のあるサービスページの紹介、人目を引くポートフォリオの構築」、美しいスライダーの追加、素晴らしい見出しの実装、価格表の表示などを支援します。それはあなたが「…ビジネスウェブサイト、スタートアップ、創造的なプロジェクト、そして他の多様なニッチ」をスーパーチャージするのに必要なすべてのブロックを提供します。

GutenbergブロックのGetwidリスト

Getwidには多数のGutenbergブロックが付属しています。コアGutenbergブロックでも機能することを忘れないでください。つまり、Webサイトで機能する素晴らしいコンテンツの作成を妨げるものは何もありません。 Getwidで利用可能なGutenbergブロックのリストは次のとおりです (警告:これは長すぎる問題です)

  • セクション
  • メディアとテキストスライダー
  • 画像スライダー
  • アイコン
  • アイコンボックス
  • バナー(はい、アニメーションが付いています–うわー!)
  • アコーディオン
  • タブ
  • トグル
  • 画像スタックギャラリー
  • グーグルマップ
  • 最近の投稿
  • 高度な見出し
  • 画像ボックス
  • 高度なスペーサー
  • ソーシャルリンク
  • ボタングループ
  • 証言
  • 個人ボックス
  • インスタグラム
  • プログレスバー
  • サーキュラープログレスバー
  • カウンター
  • 価格ボックス
  • お問い合わせフォーム
  • カルーセルの投稿
  • 投稿スライダー
  • カスタム投稿タイプ
  • 価格表
  • MailChimp
  • ビデオポップアップ
  • 画像ホットスポット
  • 秒読み
  • コンテンツのタイムライン

ふew、なんてリスト?上記の各ブロックには、設定、スタイル、オプションが豊富に用意されているため、コンテンツを好きなようにデザインできます.

これまでのところ、Getwid Gutenbergブロックプラグインは非常に有望に見えます.

作業内容がわかったところで、Getwidをインストールして、さまざまなブロックについて説明します。プラグインをテストしたときと同じように、次のセクションをお楽しみください。.

Getwid Gutenberg Blocksプラグインをインストールする方法

Getwidは公式のWordPressプラグインリポジトリで利用できるため、プラグインをコンピューターにダウンロードするのに時間を無駄にすることはありません。代わりに、WordPress管理ダッシュボード内から直接プラグインをインストールします.

面倒なく、WordPress管理ダッシュボードにログインして、 プラグイン>新規追加 下のスクリーングラブで指摘したように.

新しいワードプレスプラグインをインストールする方法

で プラグインを追加 ページで、キーワード検索ボックスに「Getwid」と入力して、 インストール  以下に示すように、ボタン.

ワードプレス用のgetwid gutenbergブロックプラグインをインストールする方法

秒を無駄にせずに、 活性化 ボタンを押して、インストールを完了するために以下をハイライトします.

getwid wordpressプラグインをアクティブにする方法

以上です; Getwidの設定は簡単だと言ったとき、私は嘘をついていませんでした��

次に、Gutenbergエディター内でGetwidが提供する機能を見てみましょう。何が入っているかを調べるには、新しいページまたは投稿を作成する必要があります。好きなものを使って作業する.

新しいページを追加する

純粋に説明の目的でページを操作します。また、ランディングページテンプレートに付属している崇高なTotal WordPressテーマを使用しているため��

今までに、WordPressに新しいページを追加する方法はすでにご存じでしょうが、まったくの初心者の場合は、 ページ>新規追加, 下に見られるように.

ワードプレスで新しいページを追加する

ページタイトルを追加し、必要な設定を選択します。たとえば、本当にあなたのような全幅のランディングページを作成する場合は、 ページ属性 以下に示すセクション.

gutenberbのページ属性

注意してください、あなたには異なるオプションがあるかもしれません ページ属性 テーマに応じたセクション.

Getwid Gutenbergブロックの追加

Getwidブロックを追加することは、典型的なGutenbergブロックを追加することと同じです。クリック プラス(+) ボタン、下にスクロール Getwid ブロック, そしてあなたが望むブロックを選択してください.

セクションブロック

たとえば、Getwidセクションを追加するには、単に セクション 以下に示すように、ブロック.

getwidセクションブロック

A、B、Cと同じくらい簡単です。その後、必要に応じてセクションをデザイン/スタイルする必要があります。セクションブロックを使用すると、コーディングせずにセクションごとに美しいページレイアウトを作成できます。スライダー、背景画像、ビデオ、視差、アニメーション、形状、複数の色などをセクションに簡単に追加できます。セクションブロックを使用して作成されたページを表示するには、以下をチェックしてください セクションのデモ.

以下の画像に示すように、セクションブロック内に任意のブロックを追加できます。その上、あなたはあなたが望むようにセクションをカスタマイズすることができます.

getwidセクションブロックの設定

ページの右側には、セクションをカスタマイズするための多くのオプションがあります。オプションを上から下に簡単に説明します.

  • サイズ –ここでセクションの寸法を設定します。執筆時点では、3つの幅オプションがあります。 箱入り、全幅, そして カスタム. その上で、デスクトップ、タブレット、およびモバイルデバイスのさまざまなセクションの高さを設定できます。最後に、セクションブロック内のコンテンツブロック間のギャップを指定するオプションがあります.
  • パディング –このオプションを使用すると、デスクトップ、タブレット、およびモバイルデバイスのセクションの周囲にパディングを設定できます.
  • マージン –さまざまなデバイスのセクションブロックの周囲にマージンを追加します.
  • 整列 –ここでは、さまざまなデバイスのセクションの垂直および水平を指定できます.
  • 背景色 –セクションに好きな背景色を追加できます.
  • 背景のグラデーション –このオプションは、セクションの背景のグラデーションを作成するのに役立ちます。このオプションは、無地の背景を使用したくない場合に便利です。.
  • 背景画像 –ここでは、色を使用する代わりに、背景画像をセクションに追加できます.
  • 背景スライダー –これで、ページセクションに背景スライダーを追加できます。なんて素敵でしょ?
  • 背景ビデオ –バックグラウンドビデオでセクションを充実させたいですか?もしそうなら、Getwidはあなたの背中を持っています.
  • 前景 –セクションに前景効果を追加します.
  • 仕切り –セクション間に仕切りを追加します
  • エントランスアニメーション – Getwidのおかげで、好きなようにさまざまなセクションをアニメーション化できます.
  • 上級 –ここでは、HTMLアンカーとCSSクラスを追加できます

メディアとテキストスライダーブロック

メディアとテキストのスライダーブロックを追加するには、 プラス(+) アイコン、スクロールして Getwidブロック そしてクリック メディアとテキストスライダー, 以下に示すように.

getwidメディアとテキストスライダーブロック

ブロックを追加したら、メディアをアップロードしてテキストを追加できます。その上で、下の画像に示すように、右側のサイドバーからブロックをカスタマイズできます。.

getwidメディアテキストスライダーブロックの設定

ここでは、上に示したように、右側のサイドバーにあるメディアとテキストブロックのオプションに関するいくつかのメモ:

  • 設定 –設定タブで、スライドの数、画像サイズ、スライダーの高さ、コンテンツの幅、垂直/水平方向の配置を指定できます.
  • テキストの色 –このオプションを使用すると、スライダーのテキストの色をカスタマイズできます
  • オーバーレイカラー –オーバーレイの色を設定し、オーバーレイの不透明度を指定できます
  • パディング –このオプションを使用して、メディアとテキストスライダーの周囲にパディングを簡単に追加します
  • スライダー設定 –ここで、アニメーションをスライダーに追加して、スライドショーを有効にすることができます
  • テキストアニメーション –スライダーのテキストをアニメーション化します
  • 上級 –カスタムCSSクラスを追加して、スライダーをさらにスタイル設定できるようにします

ここに優れた例があります メディアとテキストのスライダーブロック 動作中.

画像スライダー

メディアとテキストスライダー以外に、Getwidは 画像スライダー 同様にブロックします。これを行うには、 Getwidブロック をクリックして 画像スライダー 下のスクリーンショットで詳しく説明するようにブロックします.

getwid画像スライダー

メディアライブラリから画像をアップロードまたは追加したら、右のサイドバーからスライダーをカスタマイズできます(下図を参照)。.

getwid画像スライダー設定

右側のサイドバーには、次の2つのオプションがあります。

  • 画像設定 –このタブから、画像サイズを選択し、画像を自動的にトリミングして、各画像をメディアファイルまたは添付ページにリンクできます。これは、写真家であり、画像スライダーを使用して作品を表示する場合に特に役立ちます。.
  • スライダー設定 –ここでは、デスクトップ、ラップトップ、タブレット、モバイルなどのさまざまなデバイスに表示できるスライドの数を指定できます.
  • 制御設定 –このタブでは、ナビゲーションの矢印とドットを表示する場所を指定できます.
  • 上級 –ここにカスタムCSSクラスを追加します

より良い写真を得るために、ここにあります 画像スライダーのデモ あなたの閲覧の喜びのために.

バナーブロック

バナーブロックを使用すると、上司のようにWordPress Webサイトに広告を掲載できます。バナーブロックの追加も同様に簡単です。案内する Getwidブロック グーテンベルクエディター内で、 バナー 以下に示すように、ブロック.

getwidバナーブロック

バナーメディアファイルを追加すると、下の画像に示すように、いくつかのオプションが表示されます.

getwidバナーブロック設定

上の画像からわかるように、バナーにリンクを簡単に追加して、新しいタブでリンクを開くことができます。右側のサイドバーには、バナーをカスタマイズするためのオプションがあります。ここでは、バナーのサイズ、配置、色、アニメーションをカスタマイズできます.

あなたのウェブサイトのための魅力的なバナーを作成するためのたくさんのオプションがあります。これらをチェックしてお気軽に バナーデモ あなたが作ることができるものの味のために.

その他のGetwid Gutenbergブロック

どんなに魅力的であっても、今日のレビューではGetwidブロックをさらに30カバーすることはできません。そうすれば、記事が長くなりすぎて読めなくなるので、あなたは一日中ここにいるでしょう。.

それでも、必要なGetwid Gutenbergブロックを追加してカスタマイズできるようになれば幸いです。あなたがしなければならないすべてはナビゲートすることです Getwidブロック 必要なブロックをクリックします。その後、他のブロックと同様に、コンテンツを追加し、右側のサイドバーからブロックをカスタマイズします.

実際のGetwid Gutenbergブロックの例を確認するには、 Getwidプラグイン MotoPressのページオーバー。また、こちらは Getwidの投稿に会う プラグインが提供するものをより詳細に調べます.


Getwidは、素敵なブロックスイートを備えた強力なGutenbergプラグインです。さらに、各ブロックには、魅力的なコンテンツをすぐに作成できる独自のオプションセットが付属しています。.

その上、プラグインのセットアップと使用は非常に簡単です。 Getwidの機能を利用してWebサイトでエンゲージメントを促進するために、コーディングの知識や経験は必要ありません。.

プラグインは100%無料でオープンソースです。つまり、ウォレットやライセンスについて心配することなく、幅広く使用してカスタマイズできます。 WordPressプロフェッショナルツールキットに組み込むのに最適なツールです。.

Getwidを使用して、WordPressのページと投稿に汗を流さないようにしましょう。そうでない場合は、コメントセクションに懸念や提案を記載してください.

それ以外は、お気に入りのGutenbergブロックプラグインです?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me