BesrourMS / clean-blog

A clean, Bootstrap 5 blog theme for Pico CMS
MIT License
25 stars 15 forks source link

How to create the menu? #6

Open Geri-Borbas opened 6 years ago

Geri-Borbas commented 6 years ago

Hi, thanks for the theme. How to create the menu?

It was the primary reason choosing this theme. It is also awesome how responsive it seems out of the box.

Could you please share the templates / plugins if any?

BesrourMS commented 6 years ago

Hi @eppz you can use "pico-pages-list" to create a menu

Geri-Borbas commented 6 years ago

The plugin pico-pages-list became broken in pico 2 (nliautaud/pico-pages-list#16), so I have to create the menu "manually" in twig template.

Please show me some example of tags / classes I should use in template. Currently I have:

<nav class="navbar navbar-default navbar-custom navbar-fixed-top">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header page-scroll">
            <a class="navbar-brand" href="{{ base_url }}">Home</a>
        </div>

        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
</nav>

Which clearly don't have any navigation. If I simply add pico recommendation...

<ul class="nav">
    {% for page in pages %}
        <li><a href="{{ page.url }}">{{ page.title }}</a></li>
    {% endfor %}
</ul>

...it does not get styled by the theme. No collapsing responsive menu with button.

Please advise, just give me an example site. I'm happy to create the template, but on my own I cannot conclude the css style hierarchy of your theme.

hades200082 commented 6 years ago

I too would like to know where/how to add a menu like is shown on http://blackrockdigital.github.io/startbootstrap-clean-blog/