cakePHP / CSS / 備忘録

index.ctpなどでは以下のようなタグで準備されている。

 

<?php echo $this->Html->link(__('View'), array('action' => 'view', $word['Word']['id'])); ?>
<?php echo $this->Html->link(__('Edit'), array('action' => 'edit', $word['Word']['id'])); ?>
<?php echo $this->Form->postLink(__('Delete'), array('action' => 'delete', $word['Word']['id']), array('confirm' => __('Are you sure you want to delete # %s?', $word['Word']['id']))); ?>

 

これを利用して、Bootstrapのページネーションの装飾に適応するようタグとクラス付けしていく。

<ul class="pagination">
<?php
	echo $this->Paginator->prev('< ' . __('previous'), array('tag' => 'li', 'disabledTag' => 'span'), null, array('class' => 'prev disabled'));
	echo $this->Paginator->numbers(array('separator' => '', 'tag' => 'li', 'currentTag' => 'a', 'currentClass' => 'active',));
	echo $this->Paginator->next(__('next') . ' >', array('tag' => 'li', 'disabledTag' => 'span'), null, array('class' => 'next disabled'));
?>
</ul>

 

tagでliを指定しないと、cakeは標準では文字のみ表示し、aタグが自動でつく。 Bootstrapはul、liを使用し、テキストにspan、aタグで囲まないと装飾しない。リンク最後のテキストにはaタグが付かないため、Bootstrapの装飾が反映しなくなる。そのためdisabledTagでspanタグを指定し、必ずaタグかspanタグでテキストを囲むようにする。