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.

home » pico » ein teaser bild in den beitrag des pico cms einfuegen

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.


FlightCMS
2024-01-28
PHP8
post

JavaScript - Das umfassende Handbuch. JavaScript lernen und verstehen. Inkl. objektorientierter und funktionaler Programmierung - Umfassender Einstieg in JavaScript, praktische Beispiele und eine Darstellung professioneller Techniken. Eignet sich für Anfänger, die JavaScript von Grund auf lernen, als auch für Profis, die wissen wollen, wie man moderne, dynamische Webanwendungen entwickelt. Hier finden Sie alle Techniken: Ajax, jQuery, Node.js, DOM und mehr. Neueste Trends, Techniken und Entwicklungen bis hin zur Steuerung von Microcontrollern. Objektorientierung, ECMAScript 21 und funktionale Programmierung mit praxisnahen Beispielen für sofortigen Einsatz.

Wir können mit so genannten Affiliate-Links den Betrieb der Webseite etwas unterstützen, für Sie als Leser ist das natürlich vollkommen kostenlos.

Impressum


CMSWorkbench ist ein Tec- und Entwickler-Seite, rund um die Webtechniken der Content Management Systeme.

Datenschutz


Diese Webseite nutzt keine Cookies oder sonstige Speichermechanismen, die einen Rückschluss auf das Leserverhalten zulassen.

Kontakt


Sie können mit der Redaktion oder dem Administrator via eMail unter der Adresse: Kontakt@Oliver-Lohse.de aufnehmen.