»

Code Blocks for Pico CMS

1. Inhalte Erstellen

Code Snippets zur Nutzung in MarkDown Dateien (beim Erstellen und Editieren) zur Veröffentlichung. Der Inhalt befindet sich im Ordner content

MarkDown einbetten

Plugin: pico-nested-pages.php
URL:

Include other MarkDown files by adding

md
@[PATH]

Bilder einbetten

Bild in den assets Ordner hochladen und in der Markdown Datei wie folgt einbetten:

md
![Home](https://dev.dreinasen.org/assets/home.svg)

2. Themes and Layout

Code Snippets für Twig Files, zum Rendern der Inhalte. Die Theme Dateien befinden sich in http://pico.dev.love/themes/mytheme/

Get Meta Param

Zugreifen auf Meta Daten aus dem YAML Header.

twig
{{ pages[page.id].meta.icon|url }}

Inhalts Übersichten/Verzeichnisse

  • Eine hierarchische Navigations Liste aus allen Seiten erstellen.
twig
{{ nested_pages | navigation }}

3. Archiv

Archiv für alte Elemente aus Twig Files.

pages.twig

twig
<div class="contentbox">
    {{ content }}
</div>

<div class="contentbox">
    {% for page in pages() %}
        <p>{{ page.url }} </p>
    {% endfor %}

    {{ tree_node }}
</div>

<div class="contentbox">
    <section class="articles">
    <!-- Loop over pages -->
        {% for page in pages(depthOffset=-2) if not page.hidden %}
            <article>
                <h2><a href="http://pico.dev.love/{{ page.url }}">{{ page.title }}</a></h2>
                <p>{{ page.id }}</p>
                <p>{{ page.url }}</p>
                <p>{{ page.description }}</p>
                <p>{{ page.date }}</p>
            </article>
        {% endfor %}
    </section>
</div>
twig
{% for page in pages if page.title and page.meta.tags %}
    {% if tag in page.meta.tags and not (page.id ends with 'index') and page.id != current_page.id %}
    <span class="row">
        <p><a href="{{ page.url }}">{{ page.title }}</a></p><p>{{ page.meta.typ }}</p>
    </span>
    {% endif %}
{% endfor %}