プラグイン

WP-PageNaviを「query_posts()」との組合わせで使った場合、最初のページしか表示されないケースがあります。

このような場合、「query_posts()」のパラメーターに「$paged」という値を引き渡す事で解消されます。

具体的な記述例は以下の通りです。

記事の一覧画面など、1ページでは収まりきらない場合に、複数ページに分かれる場合があります。この際にページ遷移をナビゲートする機能が必要になります。

以下のようなナビゲーションを簡単にWordPressに追加してくれるのが、WP-PageNaviプラグインとなります。

導入方法

1. 管理画面からプラグイン→新規追加を選択
2. 検索キーワードに「WP-PageNavi」 と入力し、検索
3. WP-PageNaviの「いますぐインストール」をクリック
4. 「プラグインを有効化」をクリックする

ナビを設置したい箇所に以下のコードを挿入します。

ページのロード中、通常であれば画面の表示には何の変化もありませんが、ユーザーにページをロード中のアニメーション表示をさせる設定が可能です。通常はJAVA SCRIPTとCSSの組み合わせで実現しますが(参考例)、WordPressには簡単に実現できるプラグインがあるので、そちらを紹介いたします。

プラグイン「Full Page Load」

こちらのプラグインをインストールし、有効化すれば、特に設定等は必要ありません。

実際に、ロード中、以下のアニメーション画像が表示されることをご確認ください。