Anwenden von CSS-Klassen auf Inhaltsblöcke

Sie können ein HTML-Element innerhalb eines Inhaltsblocks individuell gestalten und formatieren, indem Sie ihm im Quellcode-Editor eine CSS-Klasse zuweisen. Durch Anwenden von CSS-Klassen lassen sich Inhaltsblöcke einfacher für Haftungsausschlüsse, Hinweise und andere Texte verwenden, die in besonderer Weise hervorgehoben werden sollen.

Eine Klasse kann nicht auf ein einzelnes Wort oder einen einzelnen Satz in einem längeren Abschnitt angewendet werden. Sie können eine Klasse aber auf ein frei stehendes Stück Text, einen Codeblock, einen Zitatblock oder eine Liste anwenden.

Hinweis: Wenn Sie angepasste Klassen anwenden möchten, müssen diese im verwendeten Design bereits definiert sein.

So wenden Sie eine CSS-Klasse auf einen Textabschnitt in einem Inhaltsblock an

1. Klicken Sie in Guide oben auf der Seite auf Guide-Administrator und dann in der Seitenleiste auf das Symbol Beiträge verwalten ().
2. Öffnen Sie unter Alle Beiträge den Beitrag, in dem Sie einen Inhaltsblock hinzufügen oder bearbeiten möchten.
3. Als Nächstes erstellen oder bearbeiten Sie einen Inhaltsblock.
4. Klicken Sie in der Systemleiste des Inhaltsblock-Editors auf das Quellcodesymbol (). Wenden Sie das CSS-Klassenattribut wie im folgenden Beispiel auf das High-Level-HTML-Element einer oberen Ebene an, das Sie stylen möchten:

   <div class=”type-class-name-here”>This is the text that you want to format.</div>

5. Klicken Sie auf Anwenden. Nachdem Sie eine CSS-Klasse auf einen Text angewendet haben, wird dieser als CSS-Stil-Block im Inhaltsblock-Editor angezeigt. Sie können auf eine Stelle innerhalb des CSS-Rahmens klicken, um dem getaggten Element weiteren Text hinzuzufügen. Wenn Sie auf eine Stelle außerhalb des Rahmens klicken, können Sie dem Block Inhalte hinzufügen oder Inhalte bearbeiten.

   

6. Nachdem Sie den Inhaltsblock nach Ihren Vorstellungen ergänzt oder bearbeitet haben, klicken Sie auf Erstellen oder auf Alle Beiträge aktualisieren.
7. Überprüfen Sie den Beitrag in der Vorschau oder veröffentlichen Sie ihn.