So füge ich einen Artikel ins CMS ein
Artikel-Platzhalter
Im Artikeltext können diverse Platzhalter verwendet werden, die bei der Ansicht des Artikels durch zugeordneten Inhalt ersetzt werden. Bitte diese Platzhalter außerhalb der <p>-Absätze platzieren! "n" ist jeweils durch die Nummer des Bilds/der Datei zu ersetzen!
Platzhalter | Bedeutung |
---|---|
<!-- Bild n --> | Fügt ein großes Bild in Artikelbreite mit Bildtitel und Bildunterschrift ein, das in einem eigenen Absatz angezeigt wird. |
<!-- Bild n rechts --> | Fügt ein rechts ausgerichtetes Bild mit Bildtitel und Bildunterschrift ein, das von Fließtext umgeben ist. |
<!-- Bild n links --> | Fügt ein links ausgerichtetes Bild mit Bildtitel und Bildunterschrift ein, das von Fließtext umgeben ist. |
<!-- Bild n breit --> | Fügt ein großes Bild in Webseitenbreite mit Bildtitel und Bildunterschrift ein, das in einem eigenen Absatz angezeigt wird. |
<!-- Bild n ohne --> | Fügt das reine Bild in Artikelbreite sowie den Bildnachweis ein. |
<!-- Bild n pur --> <!-- Bild n pur rechts --> <!-- Bild n pur links --> | Fügt das reine Bild in voller Breite ohne Bildnachweis (!) ein. |
<!-- Bild n pur mittig --> | Fügt das reine Bild zentriert ohne Bildnachweis (!) ein. |
<!-- Infografik n eingebettet --> | Bettet eine Infografik in den Artikeltext ein. Hierbei muss unbedingt darauf geachtet werden, dass die Grafik für eine Einbettung in Artikel vorgesehen ist (Artikelbreite, Selektoren, CSS-Regeln, etc.)! |
<!-- Galerie n --> | Fügt einen Slider für die Bilder einer Bildergalerie ein. Unter den Bildern werden Titel und Text des jeweiligen Bilds angezeigt. |
<!-- Datei n --> | Fügt verknüpfte Medieninhalte (Videos, Dateien, etc.) an der angegebenen Stelle in den Text ein. Der Medieninhalt erzeugt einen neuen Absatz. |
<!-- Datei n ohne --> | Fügt verknüpfte Medieninhalte (Videos, Dateien, etc.) an der angegebenen Stelle in den Text ohne Titel und Text ein. Der Medieninhalt erzeugt einen neuen Absatz. |
<!-- Textbox n --> | Fügt einen begleitenden Text mit einem Layout-Element an der linken Seite ein. Die Textbox steht dabei in einem eigenen Absatz. |
<!-- Textbox n XL --> | Fügt einen Text als Pullquote-Zitat ein. |
<!-- Standardbox n --> | Fügt einen wiederverwendbaren Standard-Hinweis in Box-Darstellung ein. Um eine Box mit Reitern zu erzeugen, müssen in der Standardbox korrespondierende Schlüssel-/Wert-Paare nach dem Muster title1 => Titel, content1 => Content; title2 => Titel, content2 => Content; usw. eingegeben werden. |
<!-- Heft n XL --> | Fügt das Cover der gewählten »Lesen Sie mehr«-Ausgabe in den Text ein. Die Box steht dabei in einer eigenen Box. |
<!-- Auf einen Blick-Box --> | Fügt die Auf einen Blick-Box in den Text ein. Die Box steht dabei in einem eigenen Absatz auf gelbem Hintergrund. Jeder Block, der mit einer Leerzeile abgeschlossen wird, wird nummeriert. |
<!-- Formular n --> | Fügt ein Feedback-Formular in die Seite ein. |
<!-- TOC --> | Fügt ein automatisch erstelltes Inhaltsverzeichnis in die Seite ein. Als Grundlage werden die im Text vorhandenen h3-Zwischentitel verwendet. Der Platzhalter darf nicht nach dem ersten Absatz platziert werden, da er dort mit anderen Elementen kollidiert. |
<!-- Ausgabebox --> | Fügt die Ausgabebox ("Dieser Artikel ist enthalten in…") an der entsprechenden Stelle im Text ein. Existiert dieser Platzhalter nicht, wird die Ausgabebox stets nach dem zweiten Paragraph dargestellt. |
HTML-Tags
Diese HTML-Tags werden zur Strukturierung des Artikeltexts benutzt ("Text" ist dabei durch den gewünschten Text zu ersetzen). Darüberhinaus können Foundation CSS-Klassen benutzt werden.
HTML-Tag mit Beispiel | Anwendungsfall |
---|---|
<h3>Text</h3>Text | Zwischentitel |
<p>Text</p> | Ein Absatz wird in diesen Tag eingeschlossen. Bitte das abschließende </p> am Ende des Absatzes nicht vergessen! |
<strong>Text</strong> Text | Zur Hervorhebung einzelner Wörter. Diese werden fett dargestellt. |
<em>Text</em> Text | Zur Betonung einzelner Wörter. Diese werden kursiv dargestellt. |
<blockquote> Text </blockquote> Text | Zur Darstellung als Zitatblock. Vgl. auch Pullquote. |
<sup>Text</sup> Text | Hochgestellter Text |
<sub>Text</sub> Text | Tiefergelegter Text |
<br /> | Einfacher Zeilenumbruch. Bitte nicht zur Absatzbildung verwenden! |
| Erzwungenes Leerzeichen. Siehe auch weitere Sonderzeichen. |
<a href="URL" target="_blank">Text</a> Text | Erzeugt einen Link nach extern sowie auf andere Artikel und Lexika von Spektrum.de |
<a href="URL" class="button">Text</a> Text | Erzeugt einen Link im Button-Layout. |
<a href="URL" class="line">Text</a> Text | Erzeugt einen hervorgehobenen Link. |
Bearbeiten-Link
Ziehe diesen Link in deine Lesezeichenleiste: Im CMS öffnen
Drücke den Link in der Lesezeichenleiste auf dem Artikel, um direkt zu dem Artikel im CMS zu springen.
Schreiben Sie uns!