最高のGridBuilderWPレビュー:柔軟なグリッドとフィルター

最高のGridBuilderWPレビュー:柔軟なグリッドとフィルター

座ってサッカーの試合を観戦すると、1.6 km先からスーパースターを簡単に見つけることができます.


彼らのスタイリッシュで洗練されたゲームは彼らを際立たせ、しばしば試合の結果を変えます。ファンやマネージャーは彼らを愛しています。.

同じことが音楽業界のスーパースターにも当てはまります。通常、彼らは作品を入れ、ヒットで私たちを平静にし、それでも進み続けます。星は貿易の達人であり、私たちの想像力を限界まで押し上げます.

あなたは知っています グリッドビルダー WP, 今日のレビューの主題.

こちらが入門です。 グリッドレイアウトを構築することは、初心者のように、気弱な人のためではないことを知っています。ある程度経験のあるユーザーにとっても、これは難しい課題です.

しかし、グリッドレイアウトは、WordPress Webサイトでコンテンツを表示およびフィルタリングする素晴らしい方法です。このようなもの:

gridbuilder eコマースデモ

グリッドビルダー WP eコマースデモ

またはこれ:

gridbuilder WordPressプラグインポートフォリオのデモ

グリッドビルダー WP ポートフォリオデモ

しかし、残念なことに、WordPress Webサイトのグリッドレイアウトを作成するのは簡単ではありません。または、WordPressグリッドプラグインの登場前に使用されていました.

汗をかくことなく素晴らしいグリッドレイアウトを作成するには、 シンプルだが強力なWordPressグリッドプラグイン.

そのようなプラグインを探しているなら、Gridbuilder WP 手形にぴったり合う.

そして、今日のレビュー/ハウツー記事では、なぜグリッドビルダーが WP は、ますます多くのWordPressユーザーが選択するグリッドおよびフィルタープラグインです。ボンネットの下を見てプラグインで遊ぶので、あなたはすでにそれが楽しいことを知っています.

さらに騒ぎをせずに、袖をまくって汚れましょう.

グリッドビルダーとは WP?

グリッドビルダー

WP Grid Builder、Gridbuilderとも呼ばれます WP 高度なグリッドレイアウトをすばやく作成できる美しいWordPressプラグインです。直感的に操作できるユーザーインターフェースを備えており、とても快適に使用できます。.

プラグインには、 特徴 初心者にも開発者にも最適です。初心者にとって、WP Grid Builderは、柔軟でフィルター可能なグリッドレイアウトを作成し、コーディングの知識なしにそれらをフィルターする完全なソリューションです。あなたが開発者なら、グリッドビルダーはあなたを忙しくしておくためのたくさんのアクションと機能を備えています.

すべてのWordPressテーマで動作し、お気に入りのほとんどのツールとシームレスに統合します。その上、プラグインにはグリッドレイアウトと検索フィルター(ファセットとして知られている)を強化するアドオンが付属しています.

執筆時点では、これらはWPグリッドビルダーのプレミアムバージョンのみを提供していますが、将来的には変更される可能性があります。または ロイック・ブラスコス –開発者–私の問い合わせの直後に彼が送信したメールで:

wpグリッドビルダーサポートメール

すべて同じように、彼らは年間49ドルから249ドルの間でかかる3つの計画を持っています。ニーズに合ったプランを選択してください.

購入に不満がある場合、WP Grid Builderは14日間の返金保証を提供します。さらに、更新時にいくつかの優れた割引が適用されます(ベーシックプランでは20%、プレミアムプランでは30%、アルティメットプランでは40%)。.

契約を和らげるために、WordPressの専門家はWP Grid Builderを称賛します。幸せなお客様が1人います。

ユーザーも開発者も使いやすいGridbuilderᵂᴾは、この種の機能のための素晴らしい製品であり、新しいパラダイムです。 WordPressコアによく統合されており、優れた管理UXと高速のフロントエンドエクスペリエンスを提供します。 – Jb Audras, WordPressコア開発者.

でも クリス・レマ, WordPressサークルの最大の名前の1つは、WPグリッドビルダーを称賛するだけです。

クリス・レマがgridbuilder wpを称賛

さらに、高速なワールドクラスのサポートと詳細なドキュメントが提供され、WP Grid Builderを広範囲にインストールして構成するのに役立ちます.

これで作業内容がわかったので、WPグリッドビルダーのWP機能を簡単に見てみましょう.

グリッドビルダー WP 特徴

グリッドビルダーの機能

WP Grid Builderには、プロのようなグリッドレイアウトを作成するために必要なすべての機能が付属しています。競合他社とは異なり、プラグインを使用すると、eコマースストア、ポートフォリオウェブサイト、ブログ、ディレクトリなどのレイアウトを簡単に作成できます。.

WP Grid Builderのコピーには、次の機能が期待できます。

  • WooCommerce、Easy Digital Downloads、SearchWP、Relevanssi、Polylang、WPML、Advanced Custom Fields、Gutenbergとのスムーズな統合
  • ライトボックスとカルーセルのタッチサポートにより、100%応答性とモバイル対応
  • SEOフレンドリー– WPグリッドビルダーはW3Cに準拠し、最高のSEOプラクティスを使用します
  • カスタムAJAXエンドポイントによる超高速パフォーマンス
  • WordPressのコンテンツを(カスタム)分類用語、投稿フィールド、またはカスタムフィールドで効率的にソートできる高度なフィルタリングシステム
  • ラジオ、チェックボックス、スライダー、選択、評価、スライダー、評価、追加ボタン、リセットボタンなどを含む15以上のファセットタイプ。これにより、ユーザーは検索結果を絞り込むことができます。
  • インポートおよびエクスポート機能により、WPグリッドビルダーの設定を別のサイトに簡単に移動できます
  • 組み込みのライトボックス
  • ドラッグアンドドロップグリッドビルダー
  • 20以上の既製でカスタマイズが簡単なグリッドカード。さらに、最初からカードを作成できます
  • 900以上のGoogleフォント
  • グリッドカードを必要に応じて装飾する250以上のSVGアイコン
  • ソーシャルネットワークのコンテンツをグリッドから直接共有できるソーシャル共有サポート
  • 画像、動画(YouTubeなどのサイトからの埋め込みを含む)、ギャラリー、音声投稿形式のサポート
  • 組積造、ジャスティファイド、メトロを含む3つ以上のグリッドレイアウト
  • ページ読み込み速度を向上させる遅延読み込み
  • 20以上のアニメーションの読み込みにより、ユーザーが感じる読み込み時間を短縮
  • 20以上のアニメーションを公開
  • 右から左方向で書かれた言語のRTLサポート
  • 直感的な管理ダッシュボード
  • さらに多くの設定

機能の印象的なリストは何ですか?次に、WPグリッドビルダーをインストールして、他にないグリッドビルダーで実現できることをテストします。.

Gridbuilderのインストール方法 WP

今楽しい部分part

WPグリッドビルダーのインストールは、A、B、Cと同じくらい簡単です。プレミアムプラグインのインストール方法を知っている場合は、WPグリッドビルダーのインストールに問題はありません。プラグインを購入すると、アカウントまたは購入メールでWP Grid BuilderのZIPフォルダーを見つけることができます.

まず、WPグリッドビルダーのZIPファイルをコンピューターにダウンロードします。次に、WordPress管理ダッシュボードにログインして、 プラグイン>新規追加, 以下に示すように.

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

次に、 プラグインをアップロード ボタンをクリックして、ダウンロードしたWPグリッドビルダーのZIPファイルを選択し、 今すぐインストール ボタンを押して物事を動かします。プロセスの概要を示すスクリーンショットは次のとおりです。

gridbuilder wordpressプラグインの手動インストール

次に、WPグリッドビルダーをアクティブ化します。

gridbuilder wpプラグインをアクティブ化

プラグインをアクティブ化するとグリッドビルダーが追加されます WP アイテムをWordPress管理メニューに追加します。次に移動します グリッドビルダー WP >ダッシュボード, 以下で詳しく説明します.

wpグリッドビルダーメニュー項目

その後、ライセンスの電子メールとライセンスキーを入力し、 活性化 プラグイン ボタン:

wpグリッドビルダーライセンスのアクティベーション

自動更新を利用するには、ライセンスをアクティブ化できます。これは、注文確認メールまたは アカウントページ:

ライセンスキー

WP Grid Builderをインストールしてアクティブ化したので、最初のグリッドレイアウトを作成できます.

グリッドビルダーの構成方法 WP

次のセクションでは、関数グリッドを作成する方法を学びます。私は(すべてではないにしても)ほとんどの設定をカバーするために最善を尽くします。優れたニュースは、WPグリッドビルダーの機能の管理インターフェイスに明確な説明があることです。将来の参照のために新しいグリッドに名前を付けることから始める必要があります.

新しいグリッドの命名

新しいグリッドレイアウトを作成するには、 グリッドビルダー WP >すべてのグリッド WordPress管理メニュー:

そうすることで、 すべてのグリッド 現時点では空の画面です。次に、 グリッドを作成する ボタン:

新しいグリッドを作成する

または、wpgridbuilder.comからデモをインポートすることもできます。ただし、デモはレイアウト設定のみを目的としています。グリッドに表示されるコンテンツは、投稿、メディア、製品などによって異なります.

テストのために、最初のオプションを使用して、新しいグリッドを最初から作成しました。の グリッドを作成する ボタンをクリックすると、次のページに移動します。

wpグリッドビルダーで新しいグリッドに名前を付ける

上記の画面では、次のことができます。

  • グリッドに名前を付けます。この例では「テストギャラリー」を使用しています
  • カスタムCSSクラスを追加して生成するので、必要に応じてグリッドにカスタムスタイルを追加できます。
  • 結果が見つからない場合にユーザーに表示されるエラーメッセージを定義する

グリッドに表示するメディアを選択

グリッドに表示するメディアを選択します。そのためには、次のセクションに移動します。., グリッド設定> ソースコンテンツ, 以下に示すように.

ソースコンテンツの設定

上記のように、3種類のソースがあります。 ソースのタイプ

  • 投稿タイプ –投稿、ページ、メディアライブラリ、またはその他のカスタム投稿タイプからコンテンツをプルできます
  • 期間 –カテゴリ、タグ、またはその他のカスタム分類用語に基づいて資料を調達できます.
  • ユーザー –このオプションを使用すると、特定のWordPressユーザーからコンテンツを調達できます

その下で、ページごとのアイテム数を設定できます。すべての投稿を表示するには、値「-1」を使用します。ゼロ(0)は、デフォルトでWordPress設定の1ページあたりの投稿数です.

クエリされた投稿セクション

その下には、 クエリされた投稿 セクション:

クエリされた投稿上の画面では、次のようにいくつかのことができます。

  • 投稿タイプを選択してください 投稿タイプ 画像にマークされています。ブログ投稿のグリッドを作成する場合は、 投稿. メディアのグリッドを作成する場合(たとえば、ビジュアルポートフォリオを作成する場合)、 メディア, 上記の例のように。利用可能な他の投稿タイプは ページ.
  • 投稿タイプの下で、グリッドに表示するコンテンツの投稿ステータスを選択できます。あなたにはいくつかの選択肢がありますが、私はあなたに固執することをお勧めします 公開済み. さらに、投稿者、mimeタイプを選択し、グリッドから特定のコンテンツを含める/除外することができます.
  • 上記の画像の3番目の項目に示すように、他のメディアを直接含めることができます。これにより、特にグリッドを迅速に展開したい場合に、多くの時間を節約できます.

画面の下部までスクロールすると、値、タグ、カスタムフィールドでグリッドコンテンツを並べ替えるのに役立つオプションが表示されます。グリッドを微調整する場合にのみ、これらのオプションが必要になります。

余談: 進捗を誤って失わないようにするには、 変更内容を保存 グリッドを作成するときにボタンをクリックします。メディア形式を設定しましょう.

メディアフォーマット

案内する グリッド設定>メディア形式

gridbuilderメディア形式

グリッドで使用するメディア形式を選択できます。 WP Grid Builderは、ギャラリー、ビデオ、オーディオをサポートしています。画面の下部に向かって、コンテンツが欠落している場合に備えて、各グリッドカード(またはタイル)にデフォルトのサムネイルを設定できます.

同じ画面で、投稿の最初のメディアを自動的にキャプチャすることを選択できます(コンテンツが欠落している場合)。また、グリッドカード内のギャラリースライドショーを有効にし、埋め込みビデオのポスターを使用し、グリッドカードの代わりにライトボックスでビデオを開くことができます.

グリッドスタイル

に行く グリッド設定>グリッドスタイル 上記のように、グリッドをカスタマイズします。デフォルトでは、3つのグリッドスタイルがあります:組積造、メトロ、ジャスティファイド。石材を説明の目的で使用しています。また、以前にメディアライブラリに画像を公開していました。 WPグリッドビルダーは写真を自動的にグリッドに追加します.

それ以外に、グリッドの動作、カードサイズのオーバーライド、応答性の制御など、他のオプションを制御できます。グリッドスタイルの選択とカードサイズの上書きのために保存すると、設定にほとんど触れることはありません。グリッドスタイルを選択して、次のセクションに移りましょう.

グリッドレイアウト

wpグリッドビルダーグリッドレイアウト

ここで見るものはほとんどありません。グリッドには2種類のレイアウトがあります。標準の縦型デザインとカルーセルレイアウトです。その上で、グリッドを全幅にすることができます。標準設計で作業していますが、グリッドは全幅です.

私たちは前進しています.

グリッドコンポーザー

グリッドコンポーザー

グリッドコンポーザーは、ファセットを使用してグリッドをカスタマイズするときに便利です(例:フィルター、評価、検索、チェックボックス、追加、ページ分割など)。.

画面の下部に、ドラッグアンドドロップグリッドレイアウトビルダーがあります。たとえば、以下の3つのファセットを使用した私の例を参照してください。 日付でフィルター, 探す, そして もっと読み込む ボタン.

この時点でグリッドを公開すると、次のグリッドが表示され、3つの完全に機能するファセットが完成します。

悪くない��悪くない私たちが終わっていないことを除いて、あなたが物事の要点を手に入れていることを願っています。 WP Grid Builder管理領域に戻りましょう.

カードのスタイル

上記の「カードスタイル」セクションでは、グリッドカードをカスタマイズできます。グリッドカードは、グリッドを構成する長方形または正方形のタイルです。 WP Grid Builderの使用を開始するとき、上の図に示すように、デモをインポートする必要がある場合があります。ただし、, カードを一から作成し、無限の可能性を引き出します.

そこで、私はすべてのカードをインポートして、デフォルトのカードをグリッドに割り当てました。その後、自分のメディアを含め、投稿の種類ごとにカードを選択しました。私は使っています ベリル 私のデフォルトのカードとして。ここに私のテストグリッドが動作しています:

かなり信頼できるように見えますが、このWordPressグリッドビルダーは印象に残っています。次はアニメーションです.

アニメーション

gridbbuilderアニメーション

繰り返しますが、ここで確認することは何もありません。ユーザーがスクロールまたはクリックしたときにグリッドにカードを表示するためのいくつかのアニメーション もっと読み込む ボタン。この機能は非常に使いやすく、ユーザーエンゲージメントを高める美しい効果を生み出します.

読み込み中

次に、上記で詳述したように、読み込みオプションがあります。画面では、遅延読み込みをオンにして、グリッドの速度を大幅に上げることができます。遅延読み込みでは、メディアがユーザーのビューポートにあるときにのみ読み込まれるため、グリッドの読み込みにかかる時間を短縮できます.

一方、読み込みバーまたはアイコンは、ユーザーが認識する読み込み時間を短縮します。ローダーは、ユーザーが一連の投稿を読み込んでいるときに表示されます。グリッドページを読み込むとき、およびユーザーがグリッドをフィルターまたは並べ替えるときに表示されます。これは、ユーザーをサイトに留めておく便利でユーザーフレンドリーな方法です.

カスタマイズ

以前にグリッドに追加したカスタムCSSクラスを覚えていますか?さて、あなたはクラスを使用してプラグインCSSスタイルを変更します グリッド設定>カスタマイズ 窓。 CSSの使い方がわからない場合は、必要に応じて外部の支援者を雇うことをお勧めします.

グリッドビルダー WP アドオン

gridbuilderアドオン

アドオンを使用すると、WordPressプラグインの機能を拡張できます。 WP Grid Builderには、次の場所に移動して簡単にインストールできるいくつかのアドオンが付属しています グリッドビルダー WP >アドオン. 現在、WP Grid Builderには次の4つのアドオンが付属しています。

  • マップファセット-Googleマップ、マップボックス、またはリーフレットからマップを追加し、マーカーを表示できます
  • キャッシュ–コンテンツとファセットをキャッシュしてグリッドを高速化する
  • LearnDash –カードにコース情報を表示する
  • 多言語– WP Grid BuilderをPolylangおよびWPMLと統合

その他のグリッドビルダー WP 設定

gridbuilder wpグローバル設定

WP Grid Builderの一般設定にアクセスするには、 グリッドビルダー WP >設定. 画面には、次のようなオプションがあります。

  • WP Grid BuilderがGutenbergでブロックをレンダリングできるようにする
  • 投稿形式のサポートを有効にする
  • 投稿と用語のオプションを表示する(投稿形式と用語の色)
  • キャッシュをクリアしてスタイルシートを削除する
  • グローバルカラーを変更する
  • 追加の画像サイズを設定する
  • ライトボックスプラグインを設定する
  • プラグインのグローバル設定をリセットする

結論

WP Grid Builderは、初心者と開発者の両方に適した素晴らしいWordPressグリッドおよびフィルタープラグインです。レスポンシブグリッドレイアウトを簡単に作成できる素晴らしい機能の広範なリストが同梱されています。さらに、柔軟な価格体系と迅速なサポートを提供します.

グリッドビルダーについてどう思いますか WP? 私たちは何かを逃しましたか?下のコメント欄でお知らせください.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map