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>

  • dokuwiki/full_width_footer.txt
  • 最終更新: 2020/12/01 13:14
  • by admin