CodeIgniterのページネーション出力をBootstrapのデザインにするconfig設定

CodeIgniter
スポンサーリンク

CodeIgniterにはページネーションクラスが用意されており、1つ1つのリンクなどを細かくカスタマイズすることができます。
そんなページネーションクラスをBootstrapのデザインに合わせるためのコードをメモしておきます。

確認環境

  • CodeIgniter 2.1.3英語版
  • Bootstrap 2.2.2

コード

CodeIgniterのページネーションの設定は、使用するコントローラーに$configの配列として渡します。
ページネーションの使い方は「CodeIgniterでページネーション | 1bit::memo」などを参考にしてみてください。

//ページネーション全体を囲む
$config['full_tag_open'] = '<div class="pagination pagination-centered"><ul>';
$config['full_tag_close'] = '</ul></div>';
//最初と最後のリンク
$config['first_link'] = false;
$config['last_link'] = false;
//"次" のページへのリンクのカスタマイズ
$config['next_tag_open'] = '<li>';
$config['next_tag_close'] = '</li>';
//"前" のページへのリンクのカスタマイズ
$config['prev_tag_open'] = '<li>';
$config['prev_tag_close'] = '</li>';
//"現在のページ" のページ番号のカスタマイズ
$config['cur_tag_open'] = '<li class="active"><span>';
$config['cur_tag_close'] = '</span></li>';
//"数字" のページリンクのカスタマイズ
$config['num_tag_open'] = '<li>';
$config['num_tag_close'] = '</li>';

仕上がりイメージ

CodeIgniterのページネーション出力をBootstrapのデザインにするconfig設定

参考リンク