無限スクロールを実装する事ができるWordPressプラグイン「Infinite-Scroll」!

2015/05/24

こんにちは。
今回は無限スクロールを実装する事ができるWordPressプラグイン「Infinite-Scroll」!です。

WordPressで無限スクロールを実装する機会があり、WordPressプラグインの「Infinite-Scroll」を使ってみたので紹介します。

無限スクロールを実装する事ができるWordPressプラグイン「Infinite-Scroll」!

Infinite-Scroll

infinite-scroll

https://wordpress.org/plugins/infinite-scroll/

 

「Infinite-Scroll」をダウンロードしてみよう!

WordPressの管理画面から[プラグイン]→[新規追加]をクリックします。
「Infinite-Scroll」と検索し、「Infinite-Scroll」の
[いますぐインストール]をクリックしてインストールします。
[プラグイン]→[インストール済みプラグイン]をクリックし、「Infinite-Scroll」を有効化します。

 

「Infinite-Scroll」を設定してみよう!

[設定]→[Infinite Scroll]をクリックすると設定画面が表示されます。

infinite-scroll2

Content Selector
全ての記事を囲う要素を指定します。
Navigation Selector
ナビゲーションを囲う要素を指定します。
Next Selector
次の記事一覧のリンクを指定します。
Item Selector
ループして表示される要素を指定します。

 

infinite-scroll3

Loading Message
Loading中に表示されるメッセージを指定します。
Finished Message
最後のページ表示時に表示されるメッセージを指定します。
Loading Image
ローディング画像を指定します。

修正が終わったら最後に「Save Options」のボタンをクリックします。

 

WordPress 仕事の現場でサッと使える! デザイン教科書 (Webデザイナー養成講座)
WordPress 仕事の現場でサッと使える! デザイン教科書 (Webデザイナー養成講座)

 

いかがでしたか。簡単に無限スクロールを実装する事ができますね。
以上で無限スクロールを実装する事ができるWordPressプラグイン「Infinite-Scroll」!でした。

topへ戻る