Logo

Ein Teaser Bild in den Beitrag des Pico CMS einfügen


Implementieren Sie mit einem Meta-Feld mit geringem Aufwand ein Teaser oder Kategoriebild in der Startseite des Pico CMS bzw. in einem Beitrag als Artikel-Bild.

Sabrent ext.Festplattengehäuse

Sabrent ext.Festplattengehäuse - HIGH SPEED Das SABRENT externe Festplatte Gehäuse unterstützt UASP, deshalb kann das Gehäuse Ihnen eine außergewöhlich hohe Übertragungsrate von bis zu 5 Gbps für den Datentransfer bieten! Damit lassen sich HD Filme, Music und data in nur Sekunden transferieren. (Abwärtskompatibel mit USB 2.0 oder 1.1) Hinweis

kaufen...
Automad Bludit Coast GetSimple GRAV Handlebars Java PHP Pico Smarty Templating Typemill WonderCMS WordPress yamlCMS

In vielen Blogsystemen ist es üblich ein Teaserbild für eine Kategorie einzubinden. Auch in Pico CMS ist die wirklich sehr leicht umzusetzen. Die jeweilige index.md des betreffenden Ordners muss dazu im Meta-Bereich das Attribut teaser aufnehmen.

---
Title:       Arduino
Author:      Oliver Lohse
Date:        2021-04-25
Robots:      noindex,nofollow
Template:    index
directory:   arduino
teaser:      produktfoto-arduino.png
Description: Arduino ist eine...
---

Inhalt der index.md des Ordners "content/arduino"

Das Template für die Anzeige des Loop bzw. der Kategorie-Ordner muss dann nur noch um das folgende Codeschnipsel erweitert werden, um die neue Meta-Variable teaser lesen zu können:

<img src="{{ assets_url }}/{{ page.meta['teaser'] }}" class="card-img">

Voraussetzung ist natürlich, das das betreffende Bild im Ordner assets abgelegt wurde.

Passend:


Ideale Bildgröße in Ihren Beiträgen für Bludit CMS

Was ist die ideale Bildgröße für Beitragsbilder des Bludit? Es ist 730x300px (im Theme Alternative). Dies scheint die ideale Größe für Bilder zu sein

imageRestrict- false vs. imageRelativeToAbsolute- false

Möchten Sie Bilder in Bludit CMS an einer zentralen Stelle speichern oder im Ordner des jeweiligen Beitrags, dann sollten Sie diese Einstellungen vornehmen.

Bildlink mit Markdown Parser in Pico CMS realisiert

Mit der Markdown Syntax können Sie auch einen klickbaren Bildlink im Text eintragen. Es ist eine Schachtelung verschiedener bekannter Markdown Format-Befehle.

Markdown Bildliste im Text anlegen und Bilder referenzieren

Dieser Beitrag zeigt Ihnen, wie Sie einen Bildindex in Markdown anlegen und im Texte auf diese Bilder leicht referenzieren können. Dies ist eine Erleichterung.


Meta: Instagram CMSWorkbench.de GIMP-Handbuch.de Kontakt Impressum Datenschutz