LogoLogo
  • Organisation
    • Intro
    • Kursprogramm
    • Regeln
  • Konzepte & Inhalte
    • CMS
    • Backend
    • Theme
      • Installation
      • Layouts
      • Seiten (Pages)
      • Partials
      • Content (Inhalte)
      • Assets
      • Template Sprache
    • Plugins
      • Bestehende Plugins
      • Script und Style Platzhalter
      • Eigene Plugins
    • Bilder
      • Formate
      • Rechte an Bildern & Inhalten
      • Bilder in OCMS zuschneiden
  • Projekt
    • Projektauftrag
    • Pflichtenheft
    • Projektbriefings
      • Wonderland
      • Kursito
      • Peter & Karin
      • Nexus
      • Techowl
    • Recherche
    • Kundenbriefing
    • Team-Plugin
      • Backend
        • Validierung
        • Porträt
        • Suche
      • Frontend
        • Porträt
    • Static Pages
    • Fehlerseiten 404, 500
    • SEO
      • Meta-Tags
      • Hilfstools
    • Testing
  • Infos
    • Tooling
Powered by GitBook
On this page
  1. Projekt
  2. Team-Plugin
  3. Frontend

Porträt

Last updated 1 year ago

Um das Porträt anzuzeigen, können wir einfach den Pfad des hochgeladenen Porträts ausgeben:

{{ person.portrait.path }}

Zusammen mit unserem Code und dem <img>-Tag sieht dies dann folgendermassen aus:

<ul>
    {% for person in team %}
        <li>
            <img src="{{ person.portrait.path }}">
            <strong>{{ person.title }}</strong><br>
            {{ person.function }}
        </li>
    {% endfor %}
</ul>

Damit du dich nicht selber um die bildkomprimierung kümmern musst, kannst du die thumb()-Funktionen vom October CMS nutzen:

Bilder in OCMS zuschneidenM289 - CMS einsetzen und bewirtschaften
Logo