WP:WordPress(ワードプレス)

WordPressにページング用プラグインを追加

今日はブログをページ分割してみました。

ページ分割はWP-PageNaviというプラグインを使用することに!!

 

まずは、

管理画面上からちゃちゃっとプラグインをインストールします。

プラグインの「新規追加」へ移動し「WP-PageNavi」で検索すると、一番上にWP-PageNaviが出てくるので、

「いますぐインストール」をクリックするとインストールは直ぐに完了します。

WP-PageNavi_01

 

インストールが完了すれば、

次は、1ページ辺りに表示する記事数を以下の表示設定画面から設定します。

WP-PageNavi_08

デフォルトは10件になっているはずなので、

「1ページに表示する最大投稿数」の数字を変更して下さい。

 

あとは、

ページングのための以下のコードをテンプレートファイルに追加してやるだけです。
<?php wp_pagenavi(); ?>

これで、

ユーザー公開側のページヘ移動してみると、

以下のようにページングが表示されるようになりました。

WP-PageNavi_02

ただ、

これだと見た目がイマイチなんで、スタイルシートを修正します。

 

スタイルシートは、

/wp-content/plugins/wp-pagenavi/pagenavi-css.css

を直接修正してやれば大丈夫です。

 

で、このブログでは以下の様なデザインにしてみました。
WP-PageNavi_03

 

これで完了としたいところなんですが、

「WP-PageNavi」の設定画面からもう少しページング部分の見た目をカスタマイしてやります。

WP-PageNavi_04

「pageNavi」をクリックすると、以下の画面に遷移します。

WP-PageNavi_05

 

これを、

以下の様に設定変更してみます。
WP-PageNavi_06

こうすると、

ページング部分の表示は以下の様になりました。

WP-PageNavi_07

この記事を書いている人
株式会社ディープ
名前足立拓也

メールアドレスadachi@deep-deep.jp

関連記事

最近の記事

  1. SEO対策とは
  2. SE(システムエンジニア)
  3. カメラ
  4. アクセス解析
  5. ファイアウォール
  6. 一眼レフカメラ
  7. システム開発用のアイキャッチ
  8. FTPサーバー
  9. システム開発用のアイキャッチ
  10. Warning
PAGE TOP