GetwidGutenbergブロックの広範なレビュー

WordPressでウェブサイトを構築することは、特に技術者以外の人にとっては簡単なことではないということに同意していただけると思います。 今日は、GetwidGutenbergブロックプラグインを発見します。

WordPress編集の新時代のコードネームであるGutenbergエディターは、さらに多くのカスタマイズの機会を開き、同時に対処すべきまだ新しい問題を提起しました。

しかし、私たちは簡単に怖がることはありません。

この記事で改訂するGetwidWordPressBlocksなどの独自のGutenbergプラグインは、これらの問題に対処し、WordPressでコンテンツを構築するエクスペリエンスを充実させるためのソリューションを提供します。

では、Getwidとは何ですか？ これは、追加のグーテンベルクブロックとデザインテンプレートのライブラリであり、それぞれに独自のツールチェーンがあり、思いついたほぼすべての種類のWebサイトを作成するのに役立ちます。

このレビューの要点を理解し、必要な部分にすばやくジャンプできるように構成してみましょう。

GetwidGutenbergブロックの重要な概念と機能

これが、私たちが定義できた主要な機能と基本原則です。

• Gutenberg WordPressBlockEditorの無料ブロックの最大のコレクション。

これまでのところ、Getwidは、一般的に使用される一意のブロックの最大のライブラリを提供するGutenbergブロックプラグインの1つと見なされています。

プラグインのホッピングを停止できるため、プラグインをさらに12個インストールする必要がないため、時間とホスティングスペースを節約できます。 さらに、異なるプラグインプロバイダーからの更新を待って、それらすべてを個別に処理する必要はありません。

• 既製のGetwidデザイン。

ブロックに加えて、Getwidは、最も一般的なWebサイトセクション（ヒーローおよびサブヒーローセクション、召喚状、サービス、証言など）の優れたデザインパターンのライブラリも提供します。クリックでそれらを簡単に挿入し、サンプルコンテンツを更新できます。あなた自身の。 テンプレートは分類されているため、必要なデザインをすばやく見つけることができます。 Getwid設定でデザインをオフにすることもできます。

• WordPressテーマとの視覚的な同等性。

Getwidは、多くの同様のGutenbergアドオンと比較して、おそらくこの点で最高のプラグインの1つです。 そのブロックは、独自のスタイルを追加するのではなく、アクティブ化されたWordPress Gutenbergテーマからスタイル（ビジュアルデザイン）を自動的に継承します。 それはあなたがより少ない手間と構成でウェブサイト全体でデザインの一貫性を保つのを助けます。

簡単に言うと、ブロックには独自のスタイルがありますが、テーマはそれらのブロックスタイルを追加またはオーバーライドして、コンテンツをWordPressGutenbergテーマに対してよりネイティブに見せます。

GetwidGutenbergブロックの追加機能

• Getwidは、パフォーマンスベンチマークを満たすように設計されています。

全体的なパフォーマンスは常にサイトごとに異なり、さまざまな要因によって異なりますが、Getwidプラグイン自体は非常に軽量です。

これは、設定のインテリジェントな分散のおかげで達成されます（たとえば、すべてのタイポグラフィを提供し、他のほとんどすべてのブロックで使用できるAdvanced Headingブロックがあるため、Getwidは同じ重いフォントスタイルで他のブロックをオーバーロードしません。タイポグラフィ設定）、不要な装飾のないグーテンベルクネイティブのGetwidインターフェース、Webサイトを肥大化させないための縮小されたインラインCSSおよびJSファイルなど。 さらに、Webサイトをさらに高速化するために必要のないブロックをオフにすることができます。

このようなパフォーマンス指向のプラグインは、WebサイトのSEOと全体的なユーザーエクスペリエンスを向上させるだけでなく、デジタルカーボンフットプリントを削減し、環境を節約するのに役立ちます（Webサイトに必要なリソースが少ないほど、より多くの電力を節約できます） – Webサイトに電力を供給するデータセンターからのCO2排出量の割合が少ない）。

• プラグインを使用すると、最先端のモバイルおよびタブレットのWebサイトバージョンを実行できます。

Getwidの開発者は、WordPressWebサイトページの外観をさまざまなデバイスに合わせて調整する機能に大きな焦点を当てました。 デスクトップ、モバイル、タブレットデバイスのWebエクスペリエンスを、複数の重要なブロックに対して選択的に調整できます。

その他の機能

• いくつかの人気のあるサードパーティサービスとの簡単な統合。

Getwidブロックライブラリは、すでにGoogleマップ、Instagram、Mailchimpとのシームレスな統合を提供しています。 追加のプラグインを使用せずにそれらを実装できます（Webサイト全体をより軽量にするもう1つの優れた点です！）。

• コンテンツが豊富なWebサイト専用のブロックのコレクション。

ブログ、ニュース、雑誌のWebサイト、ショップを運営している場合、または単に投稿済みのコンテンツを宣伝したい場合、Getwidプラグインは畏敬の念を起こさせる方法でそれを提示するためのより多くの機会を開きます。 カスタム投稿タイプのサポートのおかげで、使用する可能性のあるサードパーティプラグインのWordPress投稿から自動的に供給されるスライダー、グリッド、およびリストを作成することもできます。

• Getwidでゼロから作成された無料のWordPressGutenbergテーマ。

Getwidは無料ですが、すぐに使用できるテーマソリューションが必要な場合は、無料のGetwidベーススターターテンプレートもあります。 すでに見栄えのするすぐに使えるコンテンツを大量に使用することで、Getwidでのデザインが簡単になります。

• 開発者の規模：無料のグーテンベルクデザインの定型文。

クライアントのWebサイトを構築するために使用する適切なGutenbergアドオンを探している場合、Getwidプラグインにはワークフローを高速化するための別の特典が付属しています。 GitHubからダウンロードできる無料のGetwidスタイルキットがあります。これには、GetwidブロックとGutenbergブロックのスタイルを簡単にするためのスターターCSSファイルとテーマサポートスニペットが多数含まれています。

• ビデオチュートリアル。

バックエンドを確認したい場合、またはいくつかのブロックについてサポートが必要な場合は、Getwidビデオチュートリアルのコレクションも自由に使用できます。

Getwidブロックを垣間見てから、例を見てみましょう。

Getwidプラグインで利用可能な無料のグーテンベルクブロックのリスト

プラグインはこれまでに最大40のWordPressブロックを提供します。

• セクションブロック：あらゆるタイプのレイアウトの最上位のコンテナブロック。
• Advanced Heading Block ：万能のタイポグラフィコントロールパネル。
• グーグルマップブロック：かなり自明で、カスタムマーカーでグーグルマップを埋め込みます。
• アイコンブロック：完全にカスタマイズ可能なアイコン。
• アイコンボックスブロック：アイコンコンテナを使用した既成のレイアウト。
• 画像ボックスブロック：画像コンテナを使用した既成のレイアウト。
• ソーシャルリンクブロック：ソーシャルアイコンのセット。
• バナーブロック：見事なプロモーションバナーのソリューション。
• 画像スライダーブロック：シンプルな画像スライダー。
• メディア＆テキストスライダーブロック：高度なスライダー。
• ボタングループブロック：さまざまなスタイルのボタン。
• パーソンブロック：チームとスタッフのショーケース。
• アコーディオンブロック：アコーディオンタブ。
• トグルブロック：データを視覚化するためにトグルします。
• タブブロック：水平タブ。
• 画像スタックギャラリーブロック：7つの異なるデザインパターンの画像ギャラリー。
• お客様の声ブロック：従来のお客様の声ブロック。
• 最近の投稿ブロック：最近の投稿のリストとグリッドのレイアウト。
• Advanced Spacer Block：コンテンツブロック間の簡単なカスタムスペース。
• Instagramブロック：WordPressでのInstagram写真のライブフィード。

もっと準備はいいですか？

• カウンターブロック：アニメーション化されたカウンター。
• 価格ボックスブロック：価格設定と比較表。
• プログレスバーブロック：水平プログレスバー。
• お問い合わせフォームブロック：reCAPTCHAを使用した簡単なお問い合わせフォーム。
• ポストカルーセルブロック：ポストカルーセルスライダー。
• 価格表ブロック：食べ物と価格のリスト。 オプションで目次。
• 投稿スライダーブロック：投稿から自動的に生成されたスライダー。
• カスタム投稿タイプブロック：Webサイトで利用可能なカスタム投稿タイプのグリッド、リスト、またはカスタムレイアウト。
• 円形プログレスバーブロック：アニメーションバーで進行状況を表示します。
• コンテンツタイムラインブロック：投稿は時系列で表示されます。
• カウントダウンブロック：アニメーション化されたカウントダウンタイマー。
• 画像ホットスポットブロック：画像の上に配置された詳細でアニメーション化されたポインタ。
• MailChimpブロック：完璧なMailchimp統合。
• ビデオポップアップブロック：ポップアップ内の自己ホスト型および外部ビデオ。
• テンプレートライブラリブロック：最大40個の作成済みテンプレート（試してみてください！）

さらに、Getwidの背後にあるMotoPressチームは常に新しい機能を構築しているため、このリストは将来拡張される可能性があります。

これは単なる鳥瞰図だったので、構成設定をさらに深く掘り下げて、Getwidの機能を説明するために舞台裏を見てみましょう。 さまざまな無料およびプレミアムのGutenberg対応のWordPressテーマを使用します。

セクションブロックを使用して任意のスケールのレイアウトを調整する

セクションは、任意のブロックを入力し、グーテンベルクの列を簡単に挿入し、さまざまなタイプの背景を作成できるマルチブロックコンテナです。 その機能のいくつかを見てみましょう：

• 必要なレイアウト幅から始めることができます（キャッチーで没入型の全幅レイアウトを自由に作成できます）。
• カスタムの配置とサイズ設定（マージンとパディング）にドラッグ可能なブロック境界線を使用できます。視覚的な編集により、即座に変更を確認できます。
• さまざまなアニメーション効果や形状を使用して、画像、グラデーション、スライダー、ビデオ、およびその他のタイプの背景を作成できます。 このブロックの構成パネルでは、間隔を手動で微調整したり、デフォルトのコンテンツ幅を選択したりできます。
  
• マージン、パディング、配置、およびデフォルトのセクション幅は、さまざまなビューポート（デスクトップ、タブレット、電話）に合わせてカスタマイズできます。

GetwidGutenbergブロックのカスタマイズ

• また、固定位置の背景を使用して、ページ全体をより生き生きとさせることもできます（したがって、ページをスクロールしている間、画像はそのまま残ります）。 このアプローチを全幅レイアウトに適用して、真に没入型のブラウジング体験を作成する可能性があります。

• セクションをセクション内に配置して各コンテンツにカスタムの外観を与えることができるため、魅力的な全幅のヒーローセクションやランディングページ全体を作成するのは非常に簡単です。
• グラデーションの背景にプリセットカラーパレットを適用します。

• コンテンツをグループ化して、一意の区切り文字を使用して視覚的な階層を構築します。サイズと色を構成します。

• 派手なオフセットレイアウトを作成します。

• ブロックまたはセクション全体をアニメーション化します。

GetwidGutenbergブロックの追加効果

選択できるアニメーション効果はたくさんあります。

• 深く調整された前景を適用して、さらに独特なデザインを維持します（前景の色、グラデーション、画像を設定し、不透明度とブレンドモードを変更します）。

• 単純なタイポグラフィを超えて、深いタイポグラフィ設定を提供するGetwidのAdvanced Headingブロックを挿入できます（スタイル、太さ、サイズ、ファミリ、間隔、色などの複数のフォント設定を操作できます）。 このブロックは、他のGutenbergまたはGetwidブロックと一緒に使用できます。

• Gutenberg対応のWordPressテーマからスタイルを自動的に継承するButtonGroupブロックを使用してボタンを追加します。 ボタンのサイズ、幅、方向、配置を変更できるため、クリックするだけでプロの行動を促すことができます。

技術的には、Sectionブロックは、他のGutenberg WordPressブロックまたはブロックのセットのベースとして機能する場合があります。特に、より多くのカスタマイズオプションが必要な場合に役立ちます。

最小限のフォームでサービス、アイデア、機能を紹介する

Getwid Gutenbergブロックプラグインには、プロジェクト/ビジネスに関する重要なことをわかりやすく、読みやすく、最新の方法で表現できる優れたブロックがいくつか付属しています。

たとえば、アイコン、画像+アイコン、グラフ、カウンターなどを通じて、多くの情報をはるかに簡単に伝えることができます。 Getwidにはそれらすべてがあります。

これらのブロックのいくつかを見て、それらの機能について詳しく学びましょう。

• プレーンなアイコンブロックを使用して、きれいで軽量なアイコンを任意のコンテンツに配置します。 一貫性のあるデザインを磨くために、シンプル、背景、アウトラインのアイコンスタイルから自由に選択できます。

Getwidプラグインは、使用する可能性のあるGutenberg対応のテーマからデザイン（スタイルサイズ）を自動的に継承するFont Awesomeアイコンを使用し、さらにテーマブランドのカラーパレットから適切な色を選択できるようにします。 これにより、アイコンを全体的なテーマデザインに簡単に溶け込ませることができます。

ただし、必要に応じて、独自のアイコンセットを自由に実装できます。

GetwidGutenbergブロックの追加設定

よりカスタムな外観と動作のために、アイコンサイズ、境界線の半径、マージンを変更したり、アニメーション効果を適用したり、アイコンを外部URLにリンクしたりするための設定があります。 これらの設定のおかげで、さまざまな形のアイコンを使用できます：円、正方形、長方形、対角線。

• Getwidによるアイコンボックスブロックの事前に作成されたパターンを使用して、アイコンベースのレイアウトを実現します。 アイコンブロックとほぼ同じツールチェーンが付属していますが、整理された追加のテキストフィールドが付属しており、コンテンツをより速く作成できます。

アニメーション化されたGetwidGutenbergブロック

• アニメーション化されたプログレスバーおよび円形プログレスバーブロックを使用してデータを視覚化します。

両方のバーの基本的な設定は完全に構成可能です。

価格表

• 価格ボックスブロックを使用して、比較表と価格表を紹介します。 ブロックには、事前に設計された専用のレイアウトが付属しており、データを入力するだけで済みます。

すべてのコンテンツがインラインで編集されるため（Gutenberg Editorで直接）、機能/説明、ボタンなどをすばやく更新できます。カスタムCSSもサポートされているので、テーブルをより洗練された外観にしてください。

よくある質問

• タブ、トグル、アコーディオンブロックは、最新のWebデザインでは、コンテンツ組織全体の改善に大きく貢献し、FAQ、会社のポリシー、ホテルのアメニティ、音楽のアーカイブ、その他の情報などの情報を構成するのに非常に役立ちます。

使いやすさを向上させるために、1つのタブまたはトグルを事前に選択することができます。 ブロック構成パネルから、アイコン、レイアウト、および見出しのタイプを変更できます。

• SocialLinksブロックを使用してソーシャルメディアアイコンを実装します。 Getwidを使用すると、テーマから外観を自動的に継承するため、手間をかけずに必須のアイコンを実装できます。 スタイル、サイズ、配置、間隔を決めるだけです。

• アニメーションカウンターを紹介します。 たとえば、スタイルのない上部ブロックと、GetwidGutenbergブロックによってSectionブロック内に配置された同じカウンターを次に示します。

最低限の設定または詳細な設定を使用できます。

このブロックは、東アラビア語とペルシア語の数字をサポートしています。

• Image Boxブロックを使用して、画像を使用して慎重に作成された堅牢なレイアウトの多様な範囲を紹介します。

• 専用の価格表ブロックを使用してレストランメニューを作成します。 画像の有無にかかわらず行くことができます。

お気づきかもしれませんが、Getwidのすべてのブロックは非常にグーテンベルクネイティブであるため、少ない労力で美しいコンテンツを作成し、視覚的な一貫性を維持するための多数のオプションがあります。

素晴らしいグーテンベルクメディアギャラリーとスライダーを作成する

Getwidは、メディアコンテンツを提示するためのいくつかの簡単な方法を提供します。

• Media and Text Sliderブロックを使用してスライダーを追加します。このブロックでは、視覚的なGutenbergエディターですべての要素を直接制御および編集できます。

構成をどれだけ深く行うことができるかに感銘を受けます。すべての望ましいサイズを設定し、テキストとオーバーレイの色をカスタマイズし、オプションでカスタムパディングを追加し、スライドとテキストのアニメーション効果を個別に選択します。 もちろん、スライダーには全幅または広幅のレイアウトを使用できます。 さらに簡単なソリューションが必要な場合は、GetwidによるImageSliderブロックも使用できます。

Getwidを備えた別のWordPressスライダープラグインが必要だと思いますか？

• サードパーティのプラグインに頼ることなく、ライブのInstagramギャラリーを簡単に統合できます。

• • • Image Stack Galleryブロックを使用して、魅力的な画像ギャラリーを作成します。

• クリエイティブなプロジェクトの場合、非常にまれなブロックであるImage Hotspotを使用して、画像/写真/絵画/間取り図をより有益なものにすることができます。 このブロックを使用すると、アニメーション化されたツールチップを画像のカスタム領域に配置して、特定の画像パーツに関する詳細情報を提供できます。

• 見事なポップアップでイントロや製品ビデオを紹介します（カバー画像を使用したり、ボタンをアニメーション化したり、キャプションを追加したりできます）。

チームを紹介する

役職、名前、アバター、ソーシャルアイコンなどの必需品がバンドルされている、メンテナンスが簡単なPersonブロックを使用して、ビジネスの構築を支援する人々について教えてください。

さらに、[イベントタイムライン]ブロックを使用して、会社/プロジェクトの履歴を表示したり、その他のイベントを時系列で表示したりできます。

グーテンベルクでポストとカスタムポストタイプのスライダーを構築する

ブログ投稿やその他の特定のカスタム投稿タイプ（サービス、WooCommerce製品、または使用するプラグインによって生成されたその他のコンテンツタイプなど）を取り上げたい場合、Getwid Gutenbergブロックプラグインには、そのコンテンツにさらに重点を置くのに役立ついくつかの専用ブロックが付属しています。

この目的のために、GetwidによるPost Carousel、Post Slider、およびCustomPostTypeブロックを利用できます。 標準の設定セットが付属していますが、Getwidは、動的投稿データのスライダーに適用されるレイアウトを視覚的に構築できるカスタムテンプレートクリエーターを提供することで、さらに一歩前進しました。

これらのブロックで遊んで、あなたは作成することができます：

• 見事な全幅ポスト/カスタムポストタイプのスライダー。

• さまざまなデザイン要素を備えた柱状のポストカルーセル。

• グリッドとリストのスライダー。

これらのブロックには、独自の記事を必要とするオプションや機能がたくさんあります。

オファリングやイベントを宣伝するためにアニメーションバナーを使用する

GetwidBannerブロックを使用して作成できる鮮やかな召喚状バナーを使用してより多くの見込み客にリーチできます。 または、特定のイベントや製品に重点を置く必要がある場合は、このブロックを他の目的に利用できます。

このブロックを使用すると、レイアウト、色、モーションエフェクト、およびその他の多くの設定を制御できます。

最終的な考え：Getwid WordPress Blocksプラグインは、ブログや中小企業のWebサイトに最適です

Getwidは、これまでのところ、無料のGutenbergブロックの最大のコレクションであり、使用する必要のある追加のプラグインの数を減らすために、可能な限りオールインワンソリューションになることを目指しています。

しかし、Getwidはさまざまな面で優れた設計と開発の仕事をしているので、それは決して品質よりも量を意味するものではありません。 それらのほんの一部を次に示します。

• 広範な構成パネルは、各ブロックにより多くのスケーラビリティと柔軟性を展開します。
• すぐに使えるグーテンベルクのデザイン。
• WordPressのテーマに関係なく、Getwidを使用すると、編集を簡単にし、視覚的な一貫性をほぼ自動的に維持できます。
• ブロックスタイリングスニペットを備えた無料のデザインボイラープレート。
• プラグインは、通常は追加のプラグインを必要とするいくつかのプリインストールされた人気のあるサービスで追加の価値を提供します。
• Getwidは、画像ホットスポット、ビデオポップアップ、カスタム投稿タイプなど、いくつかの非常にユニークなブロックを提供します。
• Getwidプラグインは、GutenbergとWordPress 5.0の設計と開発のベストプラクティスに準拠しており、ウェブサイト構築における前向きなアプローチに大きく貢献します。

要約すると、Getwid Gutenbergブロックは、構築しているWebサイトの種類に関係なく前進するのに役立ちます。 すぐに使用できるブロックのライブラリを探している場合でも、特定の1つのブロックだけを探している場合でも、このメリットを享受できます。 だから、それであなたの手を試すことを忘れないでください、プラグインはビールのように無料です。