WordPress エレメント用ポストグリッドプラグイン Post Grid Elementor アドオン

인기 WordPress ページビルダーであるエレメント（Elementor）を使用すると、コーディングの知識がなくても簡単にサイトを作成できます。 しかし、 WordPress 記事をリストする機能は、エレメンタプロでのみ利用可能です。 エレメントの無料版でポストをリストしたい場合は、無料エレメント用のポストグリッドプラグインであるPost Grid Elementor Addonを使用できます。

WordPress 基本エディタであるGutenbergを使用している場合WordPress ポストグリッドのプラグイン「で紹介するStackableなどのプラグインを活用できます。

WordPress エレメント用ポストグリッドプラグイン Post Grid Elementor アドオン

エレメンは、さまざまな要素/ウィジェットが提供されるが、ポストをグリッドあるいはリスト形式で表示する機能は、 Elementor Proでのみサポートされます。 無料版ではPosts、Portfolioなどのプロウィジェットは、ロック状態になってドラッグすることができません。

エレメント有料版では、プロウィジェットとプロテンプレートだけでなく、テーマビルダー（Theme Builder）を使用すると、サイトからヘッダーからフッタまで、すべての要素をテーマに依存せずにページビルダーでサイトを作成できます。

しかし、単純に WordPress 文を一覧表示する機能だけをご希望の場合には、 ポストグリッド Elementor Addonのような無料 プラグインを使用することができます。

WordPress 文をグリッド形式でリストするエレメント用のPost Grid Elementor Addonプラグイン

ポストグリッド Elementor Addonは WordPress 伝言板>プラグイン>新規追加で検索してインストールすることができます。 このプラグインを有効にするとPost Gridウィジェットがエレメンに追加されます。

このプラグインは、 Elementor ProのPostsウィジェットと同じように機能します。 以下は、エレメントのポストウィジェットを示しています。

下は Post Grid Elementor AddonのPost Gridウィジェットを配置したときの外観を示しています。

エレメンのPostsウィジェットを使用する場合は、オプションを調整して、グリッド形式（単票形式）だけでなく、リスト形式、カード形式などのレイアウトを比較的自由に変形が可能であり、カスタムポストタイプ、クエリ（Query）などの高度な機能がサポートされます。

ポストグリッド Elementor Addonはグリッド形式でのみ投稿することができ、カスタムポストタイプ（カスタム書き込みタイプ）は有料版でのみサポートされています。

ポストグリッド Elementor Addon Free vs。 プロ比較

機能	無料	プロ
複数のレイアウト	O	O
カスタマイズオプション	O	高級
タイトル、画像、メタ、要約、続きを読むの表示/非表示	O	O
Read Moreリンク	O	O
ソート（左、中央、右）	O	O
ポストソート（Post Oder）パラメータ	O	O
基本的な画像のオプション（特定の画像がない場合）	X	O
リンクを無効に（タイトル＆画像）	X	O
メタ設定（日付形式、コメントのリンク、カテゴリー、タグなど）	X	O
要約減らす記号	X	O
ポストフィルタ	X	O
ページネーション	X	Normal、Ajax、Load More
カスタムポストタイプをサポート	X	O
WooCommerce ＆Easy Downloadsサポート	X	O
追加のレイアウト（+オーバーレイ）	X	O
クエリパラメータ（ポストタイプ、カテゴリー、分類、タグなど）	기본	高級
文を除く	X	O

必須のアドオン Elementor

ポストグリッドだけでなく、さまざまな要素が必要な場合 Essential Addons for Elementor プラグインを使用できます。 このプラグインには無料版とプレミアム版があります。 必須のアドオン Elementorは、現在、100万を超えるサイトに設置されて使用されています。

無料版では、40以上のウィジェットを提供しています。

• ポストグリッド - ブログのポストを3つのスタイルで表示することができている
• ポストタイムライン - ポスト、ページ、またはカスタムポストにタイムラインを作成
• 派手なテキスト - 8つの効果でアニメーションテキストを使用してページのデザインが可能
• Creative Buttons - 記事やページで急速にハーバー効果が適用されたモダンなボタンを追加
• カウントダウン （カウントダウン）
• チームメンバー （チームメンバー）
• お客様の声 - ユーザーの声/体験談を表示して信頼性を向上させることができます。
• WooCommerce Product Grid - 付加的な努力なしにしたいところ WooCommerce 商品表示
• お問い合わせフォーム7 - コンタクトフォーム容器、フィールドなどをデザイン
• 重力フォーム - 完全にカスタマイズ可能。 すべてのスタイリング制御可能
• 忍者フォーム - 必要に応じてフォームのスタイルを簡単に作成
• カルデラフォーム - 効果的なモバイル優しいフォームのデザイン
• WPForms - 強力な WordPress フォームを短時間で作成することができます。
• weForms - 非常に迅速にフォームを作成することができている
• 情報ボックス - 事前に定義されたスタイルできれいな情報ボックスのデザイン
• フリップボックス （フリップボックス）
• デュアルカラーヘッドライン - 文章でXNUMX単語の色を異ならせて強調表示
• 実施要請 - CTAボタンのデザイン
• 価格表 - 価格表をすばやく作成可能
• Twitterフィード - 訪問者に最新のツイートを表示
• データ表 - 好きなところ、視覚的に魅力的なデータの挿入
• フィルタリング可能なギャラリー - カスタマイズされたコンテンツを簡単に表示
• イメージアコーディオン - ハーバー効果で画像を強調
• Content Ticker - 動的及びカスタムコンテンツのスライダーとティッカー効果などを使用して
• ツールチップ - アイコン、イメージ、テキスト、またはショートコードにツールチップを設定
• 高度なタブ - 情報を様々なスタイルで掲示されるタブを含む。 ネストされたタブをサポート
• 高度なアコーディオン - きれいなアコーディオンをページ、ポストなどに追加します。 ネストされたアコーディオンサポート
• プログレスバー - 4種類以上のスタイルで、プログレスバーの表示
• 機能リスト - カスタムアイコンとスタイルで属性の一覧を表示
• 流暢なフォーム - Fluent Formコンテナ、フィールドなどをデザイン
• Facebookのフィード - ページの Facebook ポストフィードを表示
• スティッキービデオ - YouTubeは、非メオまたは自己ホスト動画をページスクロール時にも固定されて、再生（作り付け）
• BetterDocs Category Grid - BetterDocs Categoryリストでカスタム知識ベース（KB）レイアウトの作成
• BetterDocs Category Box - BetterDocs CategoryリストでカスタムボックススタイルのKBレイアウトの作成。
• BetterDocs 検索フォーム - BetterDocs Documentation用リアルタイム検索ボックスの配置とデザイン
• Advanced Data Table - エレメンで柔軟なテーブルの作成
• イベントカレンダー （イベントカレンダー）
• Formstack - エレメン内でFormstackフォームのデザイン
• Woo Checkout - 独自のWooCommerceチェックアウトページを作成し、すべてのことをカスタム/設計可能
• タイプフォーム - エレメン内Typeformフォームを挿入してデザイン
• Login | 登録フォーム - ログイン/会員登録フォーム
• Woo Product Compare - WooCommerce商品比較表をすぐに作成可能
• Woo Product Carousel - 簡単に WooCommerce 商品カルーセルデザイン
• シンプルメニュー– WordPress サイトのナビゲーションメニューを簡単にデザイン

次の画像で提供されているウィジェットを簡単に調べることができます。

エレメンページビルダーのアドオンElement Pack

エリーメンタープロで提供されるプロウィジェット/エレメントの機能を使用したい場合Element Packなどのエレメン用アドオンプラグインを考慮してみることができます。 Element Packは Codecanyonマーケットで販売されている人気の WordPress プラグインの一つです。

このプラグインは、190以上のエレメン用エレメントを提供しています。

• Carousel（カルーセル）
• FAQ（자주묻는질문）
• News Ticker（ニュースティッカー）
• Post Slider（ポストスライダー）
• Post Card（ポストカード）
• Post Grid（ポストグリッド）
• Post Grid Tab（ポストグリッド]タブ）
• Post Gallery（ポストギャラリー）
• Post List（ポストリスト）
• Post Block（ポストブロック）
• Post Block Modern（ポストブロックモダン）
• Portfolio Gallery（ポートフォリオギャラリー）
• Portfolio Carousel（ポートフォリオカルーセル）
• Portfolio List（ポートフォリオリスト）
• Single Post（シングルポスト）
• Testimonial Grid（ユーザーの声グリッド）
• Table of Content（目次）
• Testimonial Slider（ユーザーの声スライダー）
• Testimonial Carousel（ユーザーの声カルーセル）
• Thumb Gallery（サムネイルギャラリー）
• Timeline（タイムライン）
• Accordion（アコーディオン）
• Advanced Image Gallery（高度な画像ギャラリー）
• Business Hours（営業時間）
• Breadcrumbs（ブレッドクラム）
• Circle Menu（ウォンメニュー）
• Circle Info（円形に情報提供）
• Custom Carousel（カスタムカルーセル）
• Custom Gallery（カスタムギャラリー）
• Comment（コメント）
• Device Slider（デバイススライダー）
• Document Viewer（ドキュメントビューア）
• Fancy Slider（ファンシースライダー）
• Fancy List（ファンシーリスト）
• Fancy Card（ファンシーカード）
• Fancy Tabs（ファンシータブ）
• Fancy Icon（ファンシーアイコン）
• Flip Box（フリップボックス）
• Honeycombs（蜂の巣状に情報を表示する）
• Image Expand（画像拡大）
• Panel Slider（パネルのスライダー）
• Pricing Table（価格表）
• Pricing List（価格リスト）
• Lightbox（ライトボックス）
• Navbar（ナビゲーションバー）
• Scroll Image（スクロール画像）
• Simple Contact Form（シンプルコンタクトフォーム）
• Slider（スライダー）
• Slideshow（スライドショー）
• Switcher （切り替えボタン。例：「年間プラン」と「生涯プラン」を切り替えることができるボタンを表示）
• Tabs（タブ）
• Toggle（トグル）
• Video Gallery（動画ギャラリー）
• Advanced Button（詳細設定]ボタン）
• Advanced Counter（詳細カウンター）
• Advanced Divider（詳細ディバイダ）
• Advanced Heading（詳細ヘディング）
• Advanced Google Map（詳細Googleマップ）
• Animated Heading（アニメーションヘディング）
• Advanced Icon Box（詳細アイコンボックス）
• Advanced Progress Bar（詳細プログレスバー）
• Audio Player（オーディオプレーヤー）
• Call out（吹き出し：CTAボタン）
• Changelog（変更ログ）
• Charts（チャート）
• Countdown（カウントダウン）
• Cookie Consent（クッキー同意）
• Crypto Currency Card（パスワードマネーカード）
• Crypto Currency Table（パスワード貨幣テーブル）
• Dual Button（二重ボタン）
• Dropbar（ドロップバー）
• Hover Box（ハーバーボックス）
• Hover Video（ハーバー動画）
• Icon Nav（アイコンナビゲーション）
• Image compare（画像比較）
• Lottie Image（Lottie画像）
• Lottie Icon Box（Lottieアイコンボックス）
• Image Magnifier（イメージ拡大鏡）
• インスタグラム （Instagram)
• Member（メンバー）
• Notification（通知）
• Open Street Map（オープンストリートマップ）
• Profile Card（プロフィールカード）
• Timezone（タイムゾーン）
• Step Flow（ステップ流れ）
• Dark Mode（ダークモード）
• 360°Product Viewer（360度商品ビューア）
• Featured Box（特性ボックス）
• Google Reviews（グーグルレビュー）
• Help Desk（ヘルプデスク）
• iframe
• Interactive Card（インタラクティブカード）
• Image Accordion（画像アコーディオン）
• Logo Grid（ロゴグリッド）
• Logo Carousel（ロゴカルーセル）
• Marker（マーカー）
• Mailchimp（メールチムプ）
• Offcanvas（オフキャンバス - サイドバーでパネルがスライドしながら表示されます）
• Progress pie（進行状況をパイ形で表示）
• Protected Content（保護されたコンテンツ）
• Reading Progress（ユーザーが文章を読む時の進行状況を表示する）
• Search（検索）
• Scroll Button（スクロールボタン）
• Social share（ソーシャル共有）
• Social Proof（Facebook、Google、Yelpなどのレビュースコアを表示）
• Source Code（ソースコード）
• SVG Image（SVG画像）
• Tag Cloud（タグクラウド）
• Table（テーブル、表）
• Trailer Box（トレーラーボックス）
• Twitter Grid（Twitter グリッド）
• Twitter Carousel（Twitter カルーセル）
• Twitter Slider（Twitter スライダー）
• QR Code（QRコード）
• User Register（ユーザー登録）
• User Login（ユーザーのログイン）
• Video Player（ビデオプレーヤー）
• Vertical Menu（垂直メニュー）
• Weather（天気）
• Booked Calendar（予約カレンダー）
• bbPress
• BuddyPress Member（BuddyPressメンバー）
• BuddyPress Friends（BuddyPress友達）
• BuddyPress Group（BuddyPressグループ）
• カレンダーに
• お問い合わせフォーム7（Contact Form 7)
• Charitable Campaigns（サードパーティCharitable Campaignウィジェット）
• Charitable Donors（ドナー名前、アバター、フウォンエク、位置などのドナー情報の表示）
• Charitable Donations（寄付履歴の表示）
• 慈善寄付フォーム
• Charitable Login（ログインフォーム）
• Charitable Registration（登録フォーム）
• Charitable Stat（進行中のキャンペーンの現在の進行状況）
• Charitable Profile（ドナープロフィール）
• Caldera Form（Calderaフォーム - 現在20万以上のサイトにインストールされているコンタクトフォームプラグイン）
• Download Monitor（ダウンロードモニタ）
• エベレストフォーム
• Event Calendar Countdown（イベントカレンダーカウントダウン）
• Event Carousel（イベントカルーセル）
• Event Grid（イベントグリッド）
• Event List（イベントリスナー）
• 容易なデジタルダウンロード
• Easy Digital Downloads History（EDD内訳）
• Easy Digital Downloads Purchase History（EDD購入履歴）
• Easy Download Portfolio Editor（Easy Downloadポートフォリオエディタ）
• 手ごわいフォーム
• 重力フォーム
• Give Form（Giveドネーションプラグイン寄付フォーム）
• Give Receipt (Giveプラグイン - 寄付の成功を示す寄付レシート)
• Give Login（Giveプラグインログイン）
• Give Register（Giveプラグイン会員登録）
• Give Form Grid (Give プラグイン - キャンペーンをグリッド形式で表示)
• 寄付者の壁を与える
• 寄付履歴を与える
• 目標を与える
• 合計を与える
• Give Profile Editor (Giveプラグイン - プロファイルエディタ)
• Instagram Feed（Instagram フィード）
• Layer Slider（LayerSlider)
• Mailchimp For WordPress （メールチムプ）
• 忍者フォーム
• QuForm （複数のフォームを迅速かつ簡単に追加することができます）
• 革命スライダー (Slider Revolution)
• TablePress
• チューターLMSコースグリッド
• チューターLMSコースカルーセル
• WPフォーム
• WooCommerce Add to Cart（WooCommerce カート）
• WooCommerce Mini Cart（WooCommerce ミニカート）
• WooCommerce Cart Page（WooCommerce カートページ）
• WooCommerce Categories（WooCommerce カテゴリー）
• WooCommerce Checkout Page（WooCommerce 決済ページ）
• WooCommerce Carousel（WooCommerce カルーセル）
• WooCommerce Products（WooCommerce 商品）
• WooCommerce Slider（WooCommerce スライダー）
• WooCommerce Tracking Form（WooCommerce 追跡フォーム）
• Element Parallax（エレメントパララックス）
• Parallax Background（パララックス背景）
• Parallax Section（パララックスセクション）
• スクロールナビ
• スケジュールの内容
• セクション粒子
• Sticky Section（固定セクション）
• Transform Example（Hover Translate Y（-25px）、Hover Translatex（-25px、25px）、Hover Translate X＆Y例示）
• Widget Tooltip（ウィジェットツールチップ）
• Widget Equal Height（ウィジェット同じ高さ）

詳細情報とデモは、 Element Packプラグインの紹介サイトを参考にしてみてください。

参照

• エレメンプロウィジェットをドラッグすることができない場合
• WordPress エレメンターキットライブラリ（Elementor Kits Library）を使う