Elementorで遊ぼう!ポストカルーセルの隠されたトリックを解き明かす!

Elementor Proがなくても、記事の回転効果を簡単に実装できます。設置方法 エレメンタ 歌で応える 必須アドオン プラグインを使用すると、ページ上の記事モジュールのスライド表示を追加することができ、 "最新の記事" "人気のおすすめ "やその他のコンテンツの表示に非常に適しています。以下は詳しい手順ですが、初心者の方もすぐに始めることができます!

Elementorで遊ぼう!ポストカルーセルの隠されたトリックを解き明かす!
Elementorで遊ぼう!ポストカルーセルの隠されたトリックを解き明かす!

I. 必要なプラグインのインストール

投稿のローテーション機能を実装するには、まず以下の2つの無料プラグインをインストールする必要があります:

  1. Elementor(無料版)をインストールする
    WordPressバックエンドにログイン
    プラグイン」→「プラグインのインストール」に進む。
    Elementor "を検索し、"今すぐインストール "をクリックし、"有効にする "をクリックします。
  2. Elementorの必須アドオンのインストール
    プラグインページで "Essential Addons for Elementor "を検索し続ける。
    インストール」をクリックし、有効にする
    このプラグインは、「ポストカルーセル」を含む多くの便利なコンポーネントをElementorに追加します。
画像[2] - Elementorをプレイ!ポストカルーセル・シェナニガンズの隠しバージョンをアンロック!

ステップ 2: ポスト・カルーセル・コンポーネントを有効にする

  1. バックエンドの左側で、Essential Addons → Elementsをクリックします。
  2. リストの中から "Post Carousel "を探す。
  3. スイッチがオンになっていることを確認する
画像[3] - Elementorをプレイ!ポストカルーセル・シェナニガンズの隠しバージョンをアンロック!

ステップ3:ページに挿入する回すアセンブリー

  1. ページを開くか新規ページを作成し、「Elementorで編集」をクリックします。
  2. ページが読み込まれた後、左上隅の「+」記号をクリックして新しい段落を追加する。
  3. 左側のコンポーネント検索ボックスに「EA Post Carousel」と入力してください。
  4. EA Post Carousel "をページの空いている場所にドラッグする。
画像[4] - Elementorをプレイ!ポストカルーセル・シェナニガンズの隠しバージョンをアンロック!

ステップ4:記事コンテンツのソースを設定する

  1. 追加したポストカルーセルをクリックすると、左側に設定パネルが表示されます。
  2. コンテンツ」オプションに切り替える → 「クエリー」設定を見つける
画像[5] - Elementorをプレイ! Post Carousel Shenanigansの隠しバージョンをアンロックする!
  1. ソース」フィールドで記事のソースを選択する。 ポスト(記事、ページ、製品、マニュアル。
画像[6] - Elementorをプレイ!ポストカルーセル・シェナニガンズの隠しバージョンをアンロック!
  1. 著者、カテゴリー、タグを必要に応じてフィルタリング
  2. Exclude "で特定の記事を除外することができます。
  3. 1ページに表示する投稿数の設定(Posts Per Page)
  4. ソート方法の選択(最新リリース、ランダム、タイトル順など)
画像[7] - Elementorをプレイ! Post Carousel Shenanigansの隠しバージョンをアンロックする!

ステップ5:セットアップオープニング表示スタイル

  1. レイアウト設定」では、画像、タイトル、要約、著者情報などのコンテンツを表示するかどうかを選択します。
  2. 画像サイズと要約に表示する文字数を設定できます。
  3. メタ情報の位置と表示スタイルの調整(メタ)
画像[8] - Elementorをプレイ!ポストカルーセル・シェナニガンズの隠しバージョンをアンロック!

ステップ6:回転効果の設定

  1. "カルーセルの設定 "を拡大する
  2. エフェクトで回転アニメーションのスタイルを選択します:スライド、フェード、キューブ、カバーフロー、フリップ。
  3. ローテーションにおける1画面あたりの記事数の設定(可視項目)
  4. アイテムのギャップと画像の高さを設定する
  5. オートプレイ "をオンにし、スピードを設定する。
  6. 以下の機能を有効または無効にできます:
    • ホバーで一時停止
    • 無限ループ
    • グラブカーソルのスタイル(グラブカーソル)
  7. ナビゲーションの設定:矢印のみ、ページングポイントのみ、または両方
画像[9] - Elementorをプレイ!ポストカルーセル・シェナニガンズの隠しバージョンをアンロック!

ステップ7:セットアップリンク

  1. リンク」設定オプションを見つける。
  2. 以下のリンクを有効にするかどうかを制御する:
    • 画像クリックでジャンプ
    • タイトルクリックでジャンプ
    • 続きを読む」ボタンをクリックしてください。
画像[10] - Elementorをプレイ!ポストカルーセル・シェナニガンズの隠しバージョンをアンロック!

ステップ8美化回転スタイル

  1. スタイルタブに切り替える
  2. ポストスタイル」で設定する:
    • マウスホバーアイコン
    • 背景色
    • サムネイルマスクの色
    • ボーダースタイルとシャドウエフェクト
画像[11] - Elementorをプレイ!ポストカルーセル・シェナニガンズの隠しバージョンをアンロック!
  1. 色とタイポグラフィ」に設定:
    • タイトル、メタ情報、アブストラクトのフォント、色、配置
    • ナビゲーションの矢印と改ページのスタイル
画像[12] - Elementorをプレイ!ポストカルーセル・シェナニガンズの隠しバージョンをアンロック!

ステップ9:保存

ページ左下の「更新」ボタンをクリックし、設定を保存します。

画像[13] - Elementorをプレイ!ポストカルーセル・シェナニガンズの隠しバージョンをアンロック!

概要

Essential AddonsプラグインのPost Carouselモジュールを使えば、Elementor Proを購入しなくても、美しい記事ローテーションを作成することができます。操作が簡単で、実用的で、ホームページのおすすめ、カテゴリー選択、人気記事表示などのシーンに適しています。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事はzzzrによって書かれた
終わり
好きなら応援してください。
クドス127 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし