1. HOME
  2. ブログ
  3. LINEやFacebookのように記事の最下部に達したら自動的に次のページを読み込むプラグイン

LINEやFacebookのように記事の最下部に達したら自動的に次のページを読み込むプラグイン

トップページの記事の表示を10文書にして、11番目の記事は、次へというリンクを使って記事を誘導しますが、

FacebookやLINEのように、直近記事は表示させて、スクロールして最下部になると、次の11番目の記事が自動でふわーっと表示される、

wordpress プラグイン「Infinite-Scroll」

の紹介です。プラグインで実装できるので初心者でも導入できそうですっ

 

LINEやFacebookのように記事の最下部に達したら自動的に次のページを読み込むプラグイン

赤部分が次の文書を読み込んでいる様子

デモサイト

 

■ Infinite-Scroll インストール方法

  1. WordPress管理画面 > プラグイン > 新規追加 >「Infinite-Scroll」
  2. 設定 > Infinite-Scroll で設定をします

※WordPressに標準インストールされているtheme Twenty Ten・Twenty Eleven・Twenty Twelveは、有効にするだけで使用できます

 

 

上記以外のthemeの場合は若干手を加える必要があります。

詳細はこちらのサイトからご確認ください。
Infinite-Scroll – 記事一覧を無限スクロールに変更するWordPressプラグイン | ネタワン.

「Infinite-Scroll」プラグインを利用して、ページ送りなしでブログ記事を表示(無限スクロール)させてみた.

 

CSSの若干の変更が必要になりますが、以下の記事をゆっくり読んでいけば初心者さんでもできそうです。丁寧な記事があるのは本当にうれしいことですね。特にwordpress関連は記事も豊富だしやさしいし♪

 

この方法だと、読んでいる人が、ついつい次の記事を読んでしまったりしちゃいそうですよね。

かくゆう自分もついつい次のブログも読んでしまいます。

 

デメリットや気をつける点もあるようです

  • ページ全体が再読み込みされる回数が少なくなります。サイトのPV数も少なくなり、広告の表示回数も減ります
  • 特殊なthemeの場合、レイアウトが崩れる可能性があるようです。バックアップを取ってやってみてください。

 

 

 

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

関連記事