Quote Modules
Zwei Module für Zitate: Das Quote Modul für ein einzelnes, prominentes Zitat mit Bild oder Video, sowie die Quote List für Zitat-Sammlungen als Grid oder Carousel, wahlweise mit Avatar oder Portrait-Bild.
Single Quote
Das Single Quote Modul kombiniert Zitat und Medienbereich. Über Display Type und Layout steuerst du Bild oder Video sowie die Position im Modul.
“Any fool can write code that a computer can understand. Good programmers write code that humans can understand.”
“The most dangerous phrase in the language is: We have always done it this way.”
“Most good programmers do programming not because they expect to get paid or get adulation by the public, but because it is fun to program.”
Quote List Grid
Die Quote List im Display Type „Grid“ zeigt Zitate in einem gleichmäßigen Raster. Die Variante „Avatar“ zeigt ein kleines rundes Profilbild neben dem Namen.
Cory House
Software Architect
“Code is like humor. When you have to explain it, it is bad.”
Kent Beck
Creator of Extreme Programming
“Make it work, make it right, make it fast.”
Thomas Fuchs
Software Developer
“The best error message is the one that never shows up.”
Harold Abelson
Professor, MIT
“Programs must be written for people to read, and only incidentally for machines to execute.”
John Johnson
Software Engineer
“First, solve the problem. Then, write the code.”
Edsger W. Dijkstra
Computer Scientist, Turing Award Winner
“Simplicity is prerequisite for reliability.”
Quote List Grid: Image Variant
Die Quote List im Display Type „Grid“ mit der Variante „Image (Portrait)“ zeigt ein größeres Bild im 4:3 Format über dem Zitat. Wird kein Bild hochgeladen, wird der Bildbereich weggelassen.
Ralph Johnson
Computer Scientist, Gang of Four
“Before software can be reusable it first has to be usable.”
Austin Freeman
Author
“Simplicity is the soul of efficiency.”
Robert C. Martin
Author of Clean Code
“It is not enough for code to work.”
Donald Knuth
Computer Scientist, Stanford University
“Premature optimization is the root of all evil.”
Alan Kay
Computer Scientist, Turing Award Winner
“The best way to predict the future is to invent it.”
Antoine de Saint-Exupéry
Author, Aviator
“Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.”
Quote List Carousel: Avatar Variant
Die Quote List im Display Type „Carousel“ mit der Variante „Avatar“ zeigt Zitate als swipebaren Slider mit kleinem runden Profilbild. Ohne Bild werden die Initialen angezeigt.
Rich Hickey
Creator of Clojure
“Programming is not about typing, it is about thinking.”
Bill Gates
Co-founder, Microsoft
“Software is a great combination between artistry and engineering.”
Bill Gates
Co-founder, Microsoft
“The computer was born to solve problems that did not exist before.”
Edward V. Berard
Software Engineer
“Walking on water and developing software from a specification are easy if both are frozen.”
Quote List Carousel
Die Quote List im Display Type „Carousel“ zeigt Zitate als swipebaren Slider. Die Variante „Image (Portrait)“ zeigt ein größeres Hochformat-Bild neben dem Zitat.
Grady Booch
Software Engineer, IBM Fellow
“The function of good software is to make the complex appear to be simple.”
Bill Gates
Co-founder, Microsoft
“Measuring programming progress by lines of code is like measuring aircraft building progress by weight.”
Alan Kay
Computer Scientist, Turing Award Winner
“The most disastrous thing that you can ever learn is your first programming language.”
Linus Torvalds
Creator of Linux
“Talk is cheap. Show me the code.”
Zitate im Richtext
Zitate können auch direkt im Richtext-Modul über <blockquote> eingebunden werden, für Inline-Zitate ohne eigenes Modul.
Die einfachste Lösung ist oft die beste. Ein Blockquote im Richtext reicht völlig, wenn kein Bild oder Name nötig ist.
Häufige Fragen zu den Quote Modulen
Ja. Headline, Headline-Type, Subline, Introtext mit Rich-Text-Editor, Intro Alignment und CTAs. Das Single Quote hat kein eigenes Intro.
Ja. Neben den dedizierten Quote-Modulen können Zitate auch direkt im Richtext-Modul über das HTML-Element <blockquote> eingebunden werden. Das eignet sich für Inline-Zitate im Fließtext, ohne Bild, Avatar oder strukturierte Felder.
Quote (der Zitattext), Quotee (Name der zitierten Person), Position/Title (Rolle oder Unternehmen) und optional ein Bild (Avatar oder Portrait, je nach Variante). Alle Bilder werden im CMS Backend hochgeladen und zugeschnitten.
Avatar zeigt ein kleines rundes Profilbild neben dem Namen. Wird kein Bild hochgeladen, werden automatisch die Initialen des Namens als Fallback angezeigt. Image (Portrait) zeigt ein größeres Bild im 4:3 Format über dem Zitat. Wird hier kein Bild hochgeladen, wird der Bildbereich komplett weggelassen. Es bleiben nur Name und Zitat. In beiden Varianten ist das Hochladen eines Bildes optional.
Grid zeigt alle Zitate in einem gleichmäßigen Raster auf einen Blick. Carousel zeigt die Zitate als swipebaren Slider mit Show Navigation, Show Dots und Autoplay.
Ja. Über den Display Type kann zwischen „Image“ und „Video“ gewechselt werden. Beim Video-Modus werden separate Videos für Mobile und Desktop hinterlegt. Auch hier greift Art Direction für die passende Darstellung je nach Viewport.
Das Single Quote nutzt Art Direction: Auf Mobile wird der Landscape-Crop (5:4) geladen, auf Desktop der Portrait-Crop (4:5). Die Bilder werden im CMS Backend hochgeladen und in den vordefinierten Crop-Varianten zugeschnitten. Wenn kein Bild hochgeladen wird, bleibt der Medienbereich leer.
Vier Ausrichtungen: Bild oben-links, oben-rechts, unten-links, unten-rechts. Auf Mobile steht das Bild oben oder unten, auf Desktop links oder rechts neben dem Zitat.
Das Quote Modul zeigt ein einzelnes, prominentes Zitat im Zwei-Spalten-Layout mit optionalem Bild oder Video. Die Quote List zeigt eine Sammlung mehrerer Zitate, als Grid oder Carousel. Es gibt keine Mindest- oder Maximalanzahl an Zitaten in der Quote List.