プラグインなしでちょっとカッコいいページネーションを付ける。


公開日:2013年10月25日 金曜日   〇年前のこの日、何してた?
Categories: Works | Tags: , , , , | 閲覧数:10,151 | 1 comment

ページネーション

随分前に書いたWordPressプラグインなしでページ送り(ナビゲーション)覚書 、沢山読んでいただいてるようでありがとうございます。

ほんとに、覚え書きとか書いておきながら、自分でも忘れてたくらい昔の投稿です。

当時は、これで十分でしたけど、近頃はちょっと知恵をつけまして、ちょっと違う実装の方法をしています。

せっかく、いらしていただいてるので、是非こちらもご紹介しておこうと思った次第です。

プラグインなしでページ送りを付ける

WordPressには、ページ送りを実装する、とてもポピュラーなWordPress › WP-PageNavi « WordPress Pluginsというプラグインがありますが、今回もプラグインを使わずに実装します。

完成イメージ

ページネーション

前回はこんな感じ。
前のページネーション

ちょっと、高度な感じ( ̄ー+ ̄)

準備

functions.phpに、以下を記述します。
※必ずバックアップを取って、エラーになってもすぐアップロードできるようにしておいてください。

タグ挿入

ページネーション(ページ送り)を表示したい箇所に以下のタグを挿入。

大概は、一覧表示のテンプレート(index.php、archive.phpなど)のloop終わりでしょうね。

スタイルシート追加

これは、ココでのスタイルシートです。

ご参考までに。
適宜、調整して自分仕様にしてくださいませ。

参考サイト

コチラでは、ご紹介したコード以外に、ノーマル版もCSS付きで紹介してあります。

後記

WordPressはなにかと便利なプラグインが多く存在し、そのどれもが素晴らしいものばかりで、ついついプラグインに頼りがちですが、プラグインじゃなくてもできるものは、なるべくプラグインなしで実装したいと思う今日この頃。
プラグインが多くなって来ると管理も大変だし、プラグイン同士、またはその他の機能と衝突したりとちょいちょい悩まされることがあります。


とはいえ、こんなコードを自力で考えられるほどの力量はございませんので、今日もせっせと検索&コピペに励むのであります。

追記

WordPress › WordPress Download Manager « WordPress Pluginsをインストールしていてスタイルシートが効かなくてお悩みの方は以下をどうぞ!

 

もし、気に入っていただけたらシェアしていただけると嬉しいです♪ この記事へのリンクはこちら↓コピーしてHTML編集画面に貼り付けでお使いください。

ブログの更新情報はこちらで配信中~
Feedlyで購読
follow us in feedly
更新をメールでお知らせ 配信: FeedBurner

sponsored


公開日:2013年10月25日 金曜日   〇年前のこの日、何してた?
Categories: Works | Tags: , , , , | 閲覧数:10,151 | 1 comment

著者 ねこもりや

どうぶつ占いは「コアラ」。ボーっとする時間が常に必要。”猫になりたい”とひたすら願う怠けもの。

My Photos

One Comment

  1. Pingback: 【study】wordpress | マイブロ

Leave a Reply

Required fields are marked *


CAPTCHA