Direkt zum Inhalt

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!

PlatzhalterBedeutung
<!-- 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 BeispielAnwendungsfall
<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!
&nbsp;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.

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!

Wenn Sie inhaltliche Anmerkungen zu diesem Artikel haben, können Sie die Redaktion per E-Mail informieren. Wir lesen Ihre Zuschrift, bitten jedoch um Verständnis, dass wir nicht jede beantworten können.

Bitte erlauben Sie Javascript, um die volle Funktionalität von Spektrum.de zu erhalten.