WordPressに無限スクロールを追加しますか?
Facebookのニュースフィードよりも中毒性のあるものはありますか? つまり、私はここに座ってこのチュートリアルを書いていますが、この中毒性のある機能はスクロールし続けます...もう一度...もう一度。
これは、Facebookが使用する機能で、「 無限スクロール または 無限のスクロール "、ニュースフィード用。 ボタンをクリックしたり、「 以下の 「OR」 続きを読みます "、ページを下にスクロールしてもコンテンツはロードされ続けます。
そして、何を推測しますか? 無限スクロールを追加することで、WordPressブログでも同じ効果を得ることができます。
このチュートリアルでは、無限スクロールの長所と短所について説明し、WordPressブログで無限スクロールを設定する方法を示します。
しかし、前に、WordPressをインストールしたことがない場合は、 WordPressのブログ7の手順をインストールする方法 et あなたのブログにワードプレスのテーマを、見つけインストールしてアクティブにする方法
それから私たちがここにいる理由に戻りましょう。
無限スクロールの利点
多くの大手ブランドが無限スクロールを実験してきました。これにより、データを調べることができるという利点が得られます。 ソーシャルネットワークで経験したメリットのいくつかを次に示します。
ちなみに発見 Diviでスクロールテキストを作成する方法
- より多くのビュー --NBC Newsは、ランドラインユーザーが無限スクロールで20回の訪問あたりXNUMX%多くのページにアクセスしたことを発見しました。 同様に、「 タイムズ 「また、ユーザーの21%が無限スクロールで残りのコンテンツを選択したこともわかりました。
- 非常に低い直帰率 - " タイムズ また、無限スクロールを選択した場合の15%の直帰率を下げました。
- ユーザーエクスペリエンスの向上 -それで、誰もが同意します。 一部の専門家は次のように述べています 無限スクロール UXはユーザーのコンテンツの露出を高め、ユーザーのクリックを減らしながら、より良いモバイルエクスペリエンスを提供します。
これらのトップブランドと同じ結果が得られるかどうかは定かではありませんが、ブログの投稿が多い場合は、スクロールすることをお勧めします。
発見 WordPressをサブディレクトリにインストールするタイミングと方法
ほとんどのソーシャルネットワークは、これらと同じ理由で無限スクロールに依存しています。
無限スクロールの欠点
無限スクロールですべてがバラ色になるとは限りません。 考慮すべき潜在的なマイナス点がいくつかあります。
- いいえフッターありません -無限スクロールを選択すると、フッターが失われます。 フッターでより多くの情報を提供したい場合、それは大きなハンディキャップになります。 たとえば、フッターを使用してアフィリエイト情報を表示している場合、その情報を表示する新しい方法を見つける必要があります。
- スクロールバーをバウンスすると、悪い体験をする -Webサイトはまだ読み込まれているため、読み込みバーの長さが変更される可能性が非常に高く、読み取りを追跡できなくなり、ユーザーエクスペリエンスが低下する可能性があります。
- 「完成」の感覚がない -これはほのめかしではありません。 Nielsenの研究者は、ユーザーがページの最後に到達したときに完了を感じることを発見しました。 無限のスクロールはこれを不可能にします。
また、「メリット」セクションでは、同じように重要なブログ投稿がたくさんある場合に、無限スクロールが適しています。 まあ、その逆も当てはまります。
この記事も参照してください WordPressの「一時フォルダーがない」エラーを修正する方法
アイテムの重要性が等しくない場合(たとえば、一部の記事には最大2.000個の単語があり、一部の記事には300個の単語しかありません)、無限にスクロールすることは、あなたのウェブサイトにとって確かに良い考えではありません。
ワードプレスで無限スクロールを追加する方法
WordPressで無限スクロールを追加するには、「 もっとアヤックスローダ 」。 このプラグインは、機能を強化できるプレミアム拡張機能を多数提供していますが、無料版は、無限スクロールをWebサイトに追加するだけで十分です。
コンサルティングも行ってください WordPressのJavascript:AJAXユースケース
基本的なプラグインは、ページに追加するショートコードを生成することで機能します。 このページには、ブログの投稿が無限スクロールで表示されます。 コース全体で完了する必要がある他のいくつかの小さなステップがあります。 すべてを適切に配置する方法は次のとおりです。
プラグインのインストールと設定
あなたは見つけることができます もっとアヤックスローダ » のディレクトリ WordPressのプラグイン. 他のプラグインと同様に、プラグインをインストールしてアクティブ化します。
有効にすると、まったく新しいオプションが表示されます」 Ajaxの負荷より 」。 「に行く Ajaxもっと読み込む>→リピーターテンプレート モデルを作成します。
« あなたのモデル>リピーター 記事が無限スクロールでどのように表示されるかを定義するテンプレートです。 変更できますが、PHPについて少し知っておく必要があります。 ただし、ほとんどのユーザーにはデフォルトのテンプレートで問題ありません。
注意すべき唯一の重要な点は、デフォルトの「リピーター」テンプレートには記事の抜粋のみが表示され、記事全体は表示されないことです。 記事全体を表示したい場合は、「 the_excerpt() 「と」 コンテンツ() '。
PHPを知っている場合でも、このモデルをカスタマイズできます。 それ以外の場合、モデルをそのままにしておいても問題ありません」 リピータ デフォルトで。
記事もご覧ください ブログで価格グリッドを作成する9つのWordPressプラグイン
ここで構成できるものはたくさんあります。 無限スクロールに表示される内容と、すべての動作を変更するオプションがあります。
この記事のすべての可能性に名前を付けることはできませんが、ここにあなたが間違いなく記入したいいくつかのボックスがあります:
- post_type -デフォルトでは、記事のみが含まれます。 ただし、カスタムページや投稿フォーマットを含めることもできます。
- カテゴリ -特定のカテゴリのみを含めることも、特定のカテゴリを除外することもできません。
- 著者 -これは、特定の作成者に無限スクロールを追加できる興味深い機能です。
- posts_per_page -「記事の数を定義する もっとアヤックスローダ 更新するたびに充電する必要があります。
- 一時停止 -それは確かに重要な要素です。 真の無限スクロールの場合、ここでは「false」に設定する必要があります。 それ以外の場合、ユーザーはクリックして他の記事を表示する必要があります。
- スクロール -重要なことは、この機能を有効にして、ユーザーがページを下にスクロールしたときに記事が自動的に読み込まれるようにすることです。
私たちも発見 ポッドキャスター向けの5つのWordPressテーマ
すべてを設定したら、コピーします ショート ページの右側に:
無限スクロールを表示するページにこのショートコードを追加するだけです。 たとえば、「」というページに追加できます。 ブログ デフォルトのブログページにするには。
プレミアムWordPressプラグインもご覧ください
他にも使えます WordPressのプラグイン モダンな外観を与え、ブログやウェブサイトの取り扱いを最適化します。
ここでは、そのためのプレミアムWordPressプラグインを提供しています。
1. Youtube&Vimeo Pagination Gallery
このプレミアムWordPressプラグインは、完全に構成可能な多くの機能を備えたレスポンシブなモバイルギャラリーです。 YouTubeプレイリストの動画やキーワードを表示したり、Vimeoのアルバム、チャンネル、グループ、キーワードで検索したりできます。 グリッドはいくつかの方法でパーソナライズできます。 ライトボックスギャラリーでは、コメントを含むビデオのすべての詳細をプレーヤーに表示できます。
このWordPressプラグインは、ショートコードを使用して任意の投稿またはページ領域で使用することも、PHPページで直接使用することもできます。 必要なのは、新しいギャラリーを作成し、たとえばYouTubeチャンネルIDを追加して、ショートコードを生成することだけです。 同じページで複数のギャラリーを使用できます。
2。 無限のWooCommerceスクロールとAjaxページネーション
WooCommerce 無限スクロールと Ajax ページネーションは WordPress プラグイン (WooCommerce) プレミアムは、デフォルトの製品ページネーションを無制限のスクロールまたは Ajax ページネーションに変換するのに役立ちます。 ユーザーがページを下にスクロールすると、次の製品ページが自動的に取得されて追加されます。 これは、彼が「次のページ」をクリックする必要がないことを意味します。
無制限のスクロールの代わりに「さらに読み込む」ボタンを追加することも、デフォルトのページネーションを維持してAjaxページネーションに変換することもできます。
また読みます: Webサイトにフォームを挿入するための5 WordPressプラグイン
さらに、大画面デバイスの無制限のスクロールやモバイルデバイスの[さらに読み込む]ボタンなど、モバイルデバイスにさまざまなタイプのページングを設定できます。
3. スライダー革命
Slider Revolutionは、コンテンツを美しく表示する革新的で応答性の高いWordPressカルーセルプラグインです。 スライダーでもカルーセルでも、 ビジュアルエディターのドラッグアンドドロップ たとえば、会社の歴史を伝えたり、最高の製品、最高の記事などを強調したりできます。
また、私たちを発見することを勧めます 9 Easy Digital Downloadsプラグインはデジタルダウンロードを管理します
その機能は次のとおりです。優れたスライド作成インターフェイス、ドラッグアンドドロップスライドデザイン、完全に応答性の高いレイアウト、 マルチメディアコンテンツの完璧な管理, 最適化されたパフォーマンス, 多言語サポート、約 340 のグラフィック要素、提供される多数のスライドショー テンプレート、大部分の WordPressテーマ、優れたカスタマー サポート、タッチ スクリーンのサポート、 無料で定期的な更新、ドキュメント、ビデオチュートリアルなどが利用できます。
推奨リソース
ウェブサイトの構築と管理に役立つ他の推奨リソースをご覧ください。
- GoogleカレンダーをWordPressウェブサイトに統合する方法
- 成功したブロガーになり、WordPressでお金を稼ぐ方法
- プラグインを使わずにWordPressに複数の列を追加する方法
- 音声検索はSEOの最適化をどのように変更しますか?
- プラグインがグーテンベルクと互換性があるかどうかはどうやってわかりますか?
まとめ
それだけです! これでこのチュートリアルは終わりです。WordPressブログで無限スクロールを設定できるようになりました。 することを躊躇しないでください お気に入りのソーシャルネットワークで友達と共有する.
しかし、あなたも私たちに相談することができます ressources、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログの作成。
提案や意見がある場合は、セクションに残してください commentaires.
...
Quiero agregar el desplazamiento infinito miのウェブサイト。 Ustedes tienen alguienそのpodria ayudarme。
感謝
レジーナ・アギレ
無限スクロールを自分のウェブサイトに追加したい。 あなたには私を助けてくれる人がいます。
ありがとう
問題のサービスは申し訳ありません。