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>