投稿ウィジェットの使い方をマスターする必要があるElementor?
のプロバージョンElementor Publications というウィジェットが付属しています。 このウィジェットを使用して、既存の記事を サイトのWeb. デフォルトでは、出版物ウィジェットには最新の記事が表示されます。 サイトのWeb、ただし、特定のパラメーターで記事をフィルター処理できます。
いくつかのアドオンElementor など エッセンシャルアドオン et JetElements にも同様のウィジェットがありますが、Elementor のネイティブ投稿ウィジェットはより多くのフィルタリング オプションをサポートしています。
投稿ウィジェットはどこでも使用できます サイトのWeb。 ホーム ページ、カテゴリ ページ、アーカイブ ページ、フッター、サイドバーなど…ウィジェットを使用して、テンプレートの単一パブリケーションの関連記事を表示することもできます。
Elementorの投稿ウィジェットの使い方
投稿ウィジェットはプロ バージョンでのみ使用できるため、開始する前に、Elementor のプロ バージョンをインストールしてアクティブ化していることを確認してください。
Elementor で新しいページ、投稿、またはテンプレートを作成します。 Elementor エディターで新しいセクションを追加し、左パネルの Pro セクションにあるセクションに投稿ウィジェットを追加します。
また読みます： Elementor に関連アイテムを追加する方法
ご覧のとおり、ウィジェットを追加すると、ウェブサイトの最新の投稿がウィジェットに表示されます。
記事をフィルタリングする
記事をフィルタリングするには、ブロックを開くことができます クエリ タブの下 中身. 投稿を表示するだけでなく、投稿ウィジェットを使用してページや商品を表示することもできます WooCommerce. オプションから表示したいコンテンツの種類（投稿、ページ、商品）を設定できます ソース.
カテゴリとタグでアイテムをフィルタリングする
カテゴリまたはタグで記事をフィルタリングするには、フィールドをクリックします 含める方法 選択 スパ。 フィールド スパ その後出現します。 必要なカテゴリ名またはタグ名を入力し、表示されるリストから選択します。
複数のカテゴリまたはタグを追加できます。
参照してください： Elementor でグローバル ウィジェットを使用する方法
フィールドを離れたら 含む 空の場合、投稿ウィジェットには Web サイトのすべての投稿が表示されます。 タブにカテゴリまたはタグを入力して、特定のカテゴリまたはタグの記事を非表示にすることができます 除外する.
著者で記事をフィルタリングする
著者別に記事をフィルタリングするには、単に選択します 作家 フィールドで 含む 表示されるフィールドに作成者の名前を入力します。 複数の著者を追加できます。
特定の著者の記事を非表示にするには、タブに移動できます 除外する.
アイテムを手動で選択する
カテゴリ、タグ、作成者で投稿をフィルタリングするだけでなく、投稿を手動で追加することもできます。 このオプションは、注目の記事をホームページや好きな場所に表示したい場合に最適です。
アイテムを手動で追加するには、 セレクション・マニュエル フィールド上 ソース フィールドに表示する記事のタイトルを入力します 検索して選択.
複数のアイテムを追加して表示することもできます。
レイアウト調整
記事をフィルタリングした後、レイアウトを設定できます。 ブロックを開く レイアウト タブの下 中身. ご覧のとおり、いくつかのオプションを設定できます。 スキン、投稿を表示する列の数、XNUMX ページあたりの投稿数、画像の位置、画像のサイズ、画像の比率、抜粋の長さ、投稿のメタを設定できます。
ページネーション設定
ページネーションを定義するには、ブロックを開きます ページネーション タブの下 中身. Publications ウィジェットが提供するページネーションには、Numbers、Next/Previous、XNUMX つの組み合わせ、クリック時のロード、スクロール時のロードの XNUMX 種類があります。
少しメモ。 フィールド上の数字 ページ制限 記事の数ではなく、アクセス可能なページの数を制御します。 100 件の記事があり、カウントを 5 に設定し、ページあたりの記事数を 6 に設定した場合、アクセス可能な記事の最大数は 30 ( 6 x 5 ) です。
スタイル ウィジェットをカスタマイズする
いつものように、タブに移動できます 形式 投稿ウィジェットのスタイルを設定します。 XNUMXつのブロックを開くことができます。
レイアウトブロック
このブロックでは、列と行の間のギャップを設定できます。 コンテンツの配置を設定することもできます。
カードブロック
このブロックでは、ボーダーの幅、ボーダーの半径、ボーダーの色、パディング、コンテンツのパディング、ボックスの影、およびカードの背景を設定できます。
ピクチャーブロック
このブロックでは、記事画像の境界半径と、各アイキャッチ画像とコンテンツの間のギャップを設定できます。 必要に応じて、いくつかの CSS フィルターを適用することもできます。
コンテンツブロック
ブロックの上 中身、コンテンツのスタイルをカスタマイズできます (タイトル、メタ、抜粋、詳細)。 テキストの色、タイポグラフィ (フォント サイズ、フォント スタイル、フォント ファミリ)、および間隔を設定できます。
ページネーションブロック
このブロックでページネーションのスタイルを設定できます。 タイポグラフィ (フォント サイズ、フォント スタイル、フォント ファミリ)、テキストの色、数字間のスペースを設定できます。 テキストの色を設定すると、通常状態、マウスホバー、フォーカスで異なる色を設定できます。
投稿ウィジェットのパディングとマージンを設定する場合は、タブに移動できます 高度な.
ウィジェットをカスタマイズする時間を節約するには、インストールが必要になる場合があります ワンダーWP. このプラグインは、選択可能なプリセットを提供します。
ElementorProを今すぐ入手!!!
まとめ
Elementor の投稿ウィジェットを使用して、Web サイトに既存の投稿を表示できます。 ウェブサイトを使用して何かを販売している場合 WooCommerce、商品を表示することもできます。
このウィジェットには、特定のパラメーターで記事をフィルターできるフィルター機能があります。 投稿ウィジェットは、Web サイトのどの部分でも使用できます。
ここに ！ 方法を示すこの記事は以上です Elementor の投稿ウィジェットを使用する. そこに行く方法について懸念がある場合は、 commentaires.
ただし、相談することもできます 私たちのリソース、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログ作成 または Divi：史上最高のWordPressテーマ.
しかし、その間に、 さまざまなソーシャルネットワークでこの記事を共有する.
...
