DMD無限スクロール | Dead-MustDie
DMD無限スクロール

DMD無限スクロール | Dead-MustDie

説明

プラグインはWooCommerce製品のAJAX読み込みを提供し、他の投稿に使用できます。同じテンプレートに最大10セットの投稿をページングします。

カスタムJavaScriptコードを呼び出すオプションがある他のAJAXプラグインと互換性があります。

  • 無限スクロール–ユーザーが下にスクロールして製品(投稿)の一番下に到達すると、新しい製品(投稿)を自動的にロードします。
  • [さらに読み込む]ボタン–クリックして新製品(投稿)を読み込みます。
  • ページネーション–通常のページネーションですが、次のページにAJAXをロードします。

さまざまなページや投稿タイプに1つのプラグインを使用します。WordPressとWooCommerceでうまく機能する

特徴

  • 無限スクロール、投稿や製品のボタンの読み込み、またはAJAXページ付け。
  • 設定の複数のセット。
  • 次のページと前のページのボタンを無限にスクロールしてロードします。
  • 必要なページ数だけが同時に表示されます。
  • 製品を交換するときに、ページを上にスクロールできます。
  • 無限スクロールのカスタムしきい値
  • カスタムロードイメージをロードできます。
  • 次のページボタンと前のページボタンの簡単なスタイル設定。
  • カスタムJavaScriptコードは、投稿(製品)の読み込み前または読み込み後に実行できます
  • HTML5 PushState

設定

  • プラグインがインストールされたら、管理領域で「DMD InfiniteScroll」(「DMDプラグイン」->「DMDInfiniteScroll」)に移動します。
  • ドロップダウンリスト「プリセット」からテーマを選択します。テーマがリストされていない場合は、正しいセレクターを追加してください。
  • 専用工具でセレクターを設定できます(「設定セット1」のみ対応)
  1. 投稿(製品)のあるサイトには、少なくとも3(3)ページが含まれている必要があります。
  2. 2ページ目を開きます。
  3. リンクにすでに「?」が含まれている場合は、ページリンク「?dmd_is = selectors」または「&dmd_is = selectors」に追加します。シンボル。
  4. 要素をクリックし、右下の「親」ボタンで前の要素に移動します。
  5. 選択した赤い枠線の表示要素。
  6. これが正しい要素である場合は、[次へ]をクリックします。
  • これは実験的なツールです。一部のテーマでは動作しない場合があります。また、自分の結果を編集する必要がある場合もあります。
  • このツールが機能しない場合は、ブラウザ開発ツールを使用してください。
  • 「投稿セレクター」すべての投稿/製品をラップするセレクター。
  • 「投稿セレクター」個々の投稿/製品のセレクター。
  • 「パジネーションセレクター」ポスト/製品パジネーションのセレクター。
  • 「次のセレクター」ページネーションの次のリンクのセレクター。
  • 「前のセレクター」ページネーションの次のリンクのセレクター。
  • 「ページセレクター」他のページ付けリンクのセレクター。
  • 必要な設定を選択します。
  • 「変更を保存」をクリックします。

複数の設定セット

  • 「セット数」オプションで、必要なセット数を選択します。
  • 「保存して再読み込み」ボタンをクリックします。
  • 「現在のセット」ドロップダウンリストを使用して、設定セット間を移動できます。

スタイリング

  • 管理エリアでボタンのスタイルを設定できます。
  • 「DMD無限スクロール」(「DMDプラグイン」->「DMD無限スクロール」)に移動します
  • 「スタイル」タブを開きます。
  • 「スタイルの編集」ボタンをクリックします。
  • オプション(マージン、ボーダー、パディング、コンテンツ)をクリックして編集します。
  • また、CSSコードを使用して任意のボタンのスタイルを設定できます。
  1. 「div.dmd_next_page」–次のページボタンのラッパー。「div.dmd_next_pagea.button」–次のページのボタン。
  2. 「div.dmd_previous_page」–前のページボタンのラッパー。「div.dmd_previous_pagea.button」–前のページのボタン。
  3. 「div.dmd_ajax_product_load」–画像をロードするためのラッパー。「div.dmd_ajax_product_loadimg」–画像を読み込んでいます。

 

プラグインの作者

Dead-MustDie

プラグインの公式ウェブサイトアドレス

https://wordpress.org/plugins/dmd-infinite-scroll/
DMD無限スクロールプラグインの使用で問題が発生した場合は、以下にコメントしてください。問題の解決に最善を尽くします

コメントを残す