ベストセラー人気 WordPress テーマTop 30 詳細

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

Last Updated:2021年9月9日| コメントを残す
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

인기 WordPress ページビルダーのエレメン(Elementor)を使用すると、コーディングの知識がなくても簡単にサイトを作成することができます。 しかし、 WordPress 文を一覧表示する機能は、エレメンプロのみ提供されます。 エレメン無料版でポストを一覧表示したい場合は、無料エレメン用ポストグリッドのプラグインであるPost Grid Elementor Addonを使用することができます。

WordPress 基本エディタのグーテンベルクを使用している場合は、「WordPress ポストグリッドのプラグイン"で紹介するStackableなどのプラグインを利用することができます。

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

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

WordPress エレメンプロウィジェット

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

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

WordPress 文をグリッド形式で表示されるエレメン用Post Grid Elementor Addonプラグイン

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

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

このプラグインは、Elementor ProのPostsウィジェットと同様の機能をします。 次は、エレメンのPostsウィジェットを示しています。

エレメンのポストウィジェット
エレメンのPostsウィジェット。

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

WordPress エレメン用Post Grid Elementor AddonのPost Gridウィジェット
Post Grid Elementor AddonのPost Gridウィジェット。

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

エレメンポストウィジェット - リスト形式
記事をリスト形式で表示(ElementorのPostsウィジェット)。

Post Grid Elementor Addonでグリッド形式でのみ文を一覧表示することができ、カスタムポストタイプ(ユーザー定義文のタイプ)は、有料版でのみサポートされます。

Post Grid Elementor Addon無料vs. プロ比較

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

Elementorの必須アドオン

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

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

  • ポストグリッド - ブログのポストを3つのスタイルで表示することができている
  • ポストタイムライン - ポスト、ページ、またはカスタムポストにタイムラインを作成
  • 派手なテキスト - 8つの効果でアニメーションテキストを使用してページのデザインが可能
  • Creative Buttons - 記事やページで急速にハーバー効果が適用されたモダンなボタンを追加
  • カウントダウン (カウントダウン)
  • チームメンバー (チームメンバー)
  • お客様の声 - ユーザーの声/体験談を表示して信頼性を向上させることができます。
  • WooCommerce Product Grid - 付加的な努力なしにしたいところ WooCommerce 商品表示
  • お問い合わせフォーム7 - コンタクトフォーム容器、フィールドなどをデザイン
  • 重力フォーム - 完全にカスタマイズ可能。 すべてのスタイリング制御可能
  • 忍者フォーム - 必要に応じてフォームのスタイルを簡単に作成
  • カルデラフォーム - 効果的なモバイル優しいフォームのデザイン
  • WPForms - 強力な WordPress フォームを短時間で作成することができます。
  • weForms - 非常に迅速にフォームを作成することができている
  • 情報ボックス - 事前に定義されたスタイルできれいな情報ボックスのデザイン
  • フリップボックス (フリップボックス)
  • デュアルカラーヘッドライン - 文章で単語の色を別の方法でして強調表示
  • 実施要請 - 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などのエレメン用アドオンプラグインを考慮してみることができます。 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(パララックスセクション)
  • Scrollnav
  • スケジュールの内容
  • セクション粒子
  • Sticky Section(固定セクション)
  • Transform Example(Hover Translate Y(-25px)、Hover Translatex(-25px、25px)、Hover Translate X&Y例示)
  • Widget Tooltip(ウィジェットツールチップ)
  • Widget Equal Height(ウィジェット同じ高さ)

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

参照



コメントを残す

コメント