DokuWiki Bootstrap3 テンプレートで全幅フッターを実装する
DokuWiki Bootstrap3 テンプレートのフッター全体に色を付けたくても、左右が切れてしまいます。
これは、footer タグ自身が .container クラスで装飾されているため、左右のマージンが消せないためです。
HTML埋め込みでスタイルを上書きすれば左右のマージンは消せますが、そうすると、今度はフッター内部のコンテンツが中央寄せできなくなってしまいます。
これを回避するためには、テンプレートソースに手を入れ、footer.container(-fluid) を削除し、footer の中身を div.container(-fluid) でラップする必要があります。
lib/tpl/bootstrap3/main.php 181行目
lib/tpl/bootstrap3/detail.php 527行目
<footer id="dw__footer" class="dw-container py-5 dokuwiki container<?php echo ($TPL->getConf('fluidContainer')) ? '-fluid' : '' ?>"> <?php // Footer hook tpl_includeFile('footer.html'); // Footer DokuWiki page require_once('tpl/footer.php'); // Cookie-Law banner require_once('tpl/cookielaw.php'); ?> </footer>
<footer id="dw__footer" class="dw-container py-5 dokuwiki"> <div class="container<?php echo ($TPL->getConf('fluidContainer')) ? '-fluid' : '' ?>"> <?php // Footer hook tpl_includeFile('footer.html'); // Footer DokuWiki page require_once('tpl/footer.php'); // Cookie-Law banner require_once('tpl/cookielaw.php'); ?> </div> </footer>