WordPressでレスポンシブ対応のページネーションを作る
先日このブログのテーマをレスポンシブにしたのですが、それまで別々のテーマでページネーションを書き分けていたので、1つのコードでやるにはどうしたらいいのかなとごねごねした結果をメモります！ 構想 スマホではこんな感じに見えて、 ブラウザ幅が600px以上になったらこうなる感じ。最後のページ数はもちろん可変ですし（当たり前だ）、現在地から前後何ページ分出力するかも変えられます。そのへんはNaoyaさんのコードがすばらしいからです！ 参考サイト WordPress：プラグインを使わずにページネーションを実装する方法 | NxWorld こちらのコードを元に作らせていただきました。Naoyaさんいつもありがとうございます！！ 出力コード 実際にはこのようなつくりになっていて、クラスをつけてブラウザの大きさによって表示したり非表示したりしてます。 HTML <div class="paginatio
WordPressのスマホ用ページネーションを作成。一列に収まる表示にしました – takkaaaaaの日記
WordPressのスマホ用ページネーションを作成。一列に収まる表示にしました 公開日： 2015.01.17 カテゴリ： Wordpress タグ： WordPress ※本ブログには広告が含まれます こんにちは。記事一覧の下にある次のページや前のページに移動するリンク（ページネーション、ページャー、ページングなどと呼ばれます）が、PCだと横1列で表示できているのですが、スマホだと複数列になってしまってカッコ悪くなっていました。 そこで、WordPressをカスタマイズして、スマホで（iPhone5などの横幅が320pxの機種でも）ちゃんと見られるようなページネーションを作ってみましたよ。 スマホ用のページネーション WordPressのSTINGER3テーマを使っている当ブログで確認しました。色々カスタマイズをしているので素の状態とは全然異なっていますが、ページネーションの改造について
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
