Teaser Bild für PICO Beitrag


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.

PICO Teaser-Bild

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">

Code

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


Mein Name ist Oliver Lohse. Ich bin diplomierter Wirtschafts-Informatiker und Organisations-Programmierer in verschiedenen Sprachen bzw. Markup-Dialekten, z.B. Java, JEE, COBOL, PHP, Python, MySQL, HTML, CSS, ANSI C, Lisp, Rexx, JavaScript, Scheme, ActionScript 2.0, Maschinensprache, Assembler und JCL. Seit mehr als 25 Jahren arbeite ich in einem großen Softwareunternehmen für Versicherungen in Hannover Niedersachsen.

FlightCMS
2024-01-28
PHP8
post
Kontakt@Oliver-Lohse.de

Datenschutz

Die Webseite verwendet keinerlei Tracking- oder Speichermechanismen, die einen Rückschluss auf das Leserverhalten und Ihre Identität zulassen. Die Webseite verwendet keine Cookies, denn Cookies haben einen schlechten Ruf.

Impressum

CMSWorkbench ist eine Entwicklerseite über meine Arbeit im Bereich der Content Management Systeme. Die vielen Codeschnipsel sind im wesentlichen als kleine Notizzettel zu werten als das es ausgereifte Beiträge wären.