Как сделать навигационную панель в DokuWiki

Как установить DokuWiki на домашний веб-сервер

Если мы откроем ДокуВики, то не увидим в ней традиционной навигационной панели.
Я расскажу, как ее сделать.

Создайте в ДокуВики страницу Тopbar с различными типами линков.

  * [[wp>Interwiki link]]
  * {{:wiki:dokuwiki-128.png?nolink&16}} [[wiki:page|Internal page]]
  * [[http://example.com/|External link]]
  * {{:document.pdf|Some PDF}}
  * [[paypal>anika@selfthinker.org|Donate]]

Откройте файл

leafpad /var/www/html/dokuwiki/lib/tpl/dokuwiki/footer.html

и скопируйте туда следующее:

<div class="navbar">
    <?php tpl_include_page('navbar')?>
</div>

Откройте файл

leafpad /var/www/html/dokuwiki/conf/userall.css

и скопируйте туда следующее:

@media screen {

    /* top bar */
    .dokuwiki .navbar {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .dokuwiki .navbar ul {
        text-align: center;
        max-width: 600px; /* change accordingly */
        margin: 0 auto;
        padding: 0;
        list-style: none;
        background-color: __background_alt__;
        border: solid __border__;
        border-width: 0 1px 1px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        box-shadow: 0 1px 3px #999;
        overflow: hidden;
    }
    .dokuwiki .navbar ul li {
        margin: 0;
        padding: 0 2px;
        display: inline-block;
        font-size: 85%;
    }
    .dokuwiki .navbar ul li a {
        color: __text__;
        display: inline-block;
        min-height: 16px; /* make sure icons are not cut off (most icons are 16x16) */
    }

    /* for IE7 */
    *+html .dokuwiki .navbar ul li,
    *+html .dokuwiki .navbar ul li a {
        display: inline;
    }

    /* changes specific for the default "dokuwiki" template,
       other templates need other changes! */
    #dokuwiki__header {
        padding-top: 3.5em;
    }
    #dokuwiki__usertools {
        top: 2em;
    }

    /* IE8 needs this in the default template */
    .dokuwiki .navbar ul li img {
        max-width: none;
    }

} /* /@media */


/* for screens less than 480px wide */
@media only screen and (max-width: 480px) {

    /* move navbar back to the bottom */
    .dokuwiki .navbar {
        position: static;
    }

    /* un-do some specific template changes */
    #dokuwiki__header {
        padding-top: .5em;
    }

} /* /@media */


@media print {

    /* don't print the navbar */
    .dokuwiki .navbar {
        display: none;
    }

} /* /@media */

Сохраните.

Мы получили аккуратную навигационную панель.