Schaltfläche Text

Blog-Formatierungsstile

Standard-Stile

Grundelemente, die direkt im Editor verf√ľgbar sind:

√úberschrift 2

√úberschrift 3

√úberschrift 4

Rubrik 5
Rubrik 6

‚Äć

Absatztext mit etwas Fett- oder Kursivschrift oder sogar tief- und hochgestelltem Text

Zweiter Absatz, um die Abstände zu sehen, mit einer leeren Zeile darunter.

‚Äć

  • Ungeordnete Listenelemente
  • Ungeordnete Listenelemente
  • Ungeordnete Listenelemente

‚Äć

  1. Bestellte Listenpositionen
  2. Bestellte Listenpositionen
  3. Bestellte Listenpositionen

‚Äć

Textlink

‚Äć

Zitattext geht hier

‚Äć

Standard-Bildstil:

Bildunterschrift

Benutzerdefinierte Stile

Benutzerdefinierte Stile werden mit einem "b-" vorangestellt, um sie von den Hauptstilen zu unterscheiden und Verwechslungen oder Konflikte zu vermeiden (b, wie in Blog).
Du kannst benutzerdefinierte Stile hinzuf√ľgen, indem du Text mit Klassennamen in Klammern einschlie√üt.
Du musst veröffentlichen, um diese Stile zu sehen.
Beispiel:
[.classname] dein Text hier [.classname]

Hinweis: Das Inhaltsverzeichniselement wird automatisch vor dem ersten h2 deines Artikels eingef√ľgt und automatisch mit den √úberschriften deines Artikels gef√ľllt, so dass kein zus√§tzlicher Aufwand von deiner Seite n√∂tig ist.

.b-verwandter-artikel

Verweise auf einen verwandten Artikel. Schreibe den Titel, wähle den Text aus, verwandle ihn in einen Link und umschließe ihn mit der Klasse. Du kannst nur den Titeltext ändern
. Der Text √ľber dem Titel und der Pfeil werden durch benutzerdefiniertes CSS in der Blogartikel-CSS-Komponente hinzugef√ľgt.
Projekt-Management f√ľr Teams: Worauf kommt es wirklich an?

.b-important-block

Wichtiger Ank√ľndigungsblock. Du kannst den Haupttext der Karte bearbeiten.
Du hast aber auch die M√∂glichkeit, den Tag zu √§ndern, indem du ihn in der n√§chsten Zeile mit den "Attribut-Klammern" ( [$attribut-name]) hinzuf√ľgst, so wie hier:

[.b-important-block]Auch als Desktop-App bleibt awork ein webbasiertes Tool. Daher kannst du die App nur mit einer funktionierenden Internetverbindung nutzen...[.b-important-block]

[$tag]ūüö® Wichtig[$tag]

Auch als Desktop-App bleibt awork ein webbasiertes Tool. Daher kannst du die App nur mit einer funktionierenden Internetverbindung nutzen...

.b-button-primär

Zentrierte Hauptschaltfläche als Link
Los geht's!

.b-button-secondary

Zentrierte Sekundärschaltfläche als Link
Los geht's!

Besondere Elemente

Spezielle Elemente werden √§hnlich gestylt wie die benutzerdefinierten Stile, aber da es sich um komplexere Elemente handelt, gibst du die Eigenschaften an und sie werden bei der Ver√∂ffentlichung in das Element eingef√ľgt.
[.classname] your text here [.classname]

.b-Zeugnis

F√ľge das Hauptzitat ein, indem du es zwischen die .b-testimonial-Klammern schreibst, und f√ľge dann das Bild direkt nach dem Element ein, wobei die Bildunterschrift aus dem Namen und der Rolle des Autors besteht, die durch ein Komma getrennt werden, etwa so:
‚Äć

[.b-testimonial]Das b√§renstarke Panda-Update ist da und erweckt eine der am h√§ufigsten gew√ľnschten Funktionen zum Leben: eine neue Aufgabenebene, genauer gesagt, echte Unteraufgaben.[.b-testimonial]

Dorte, Leiterin der Talentakquise

und es wird sich in das hier verwandeln:
Dorte
Talent Acquisition Lead
Das b√§renstarke Panda-Update ist da und erweckt eine der am h√§ufigsten gew√ľnschten Funktionen zum Leben: eine neue Aufgabenebene, genauer gesagt, echte Unteraufgaben.

Wenn du nicht m√∂chtest, dass das Bild im Editor zu gro√ü ist, gehe zu den Einstellungen des Bildes (Schraubenschl√ľssel-Symbol, gehe zu Gr√∂√üe, dann stelle es auf HiDPI oder Benutzerdefiniert, um es kleiner zu machen)

.b-stats

F√ľge den Haupttext ein, indem du ihn zwischen die .b-stats-Klammern schreibst, und f√ľge dann den Prozentsatz, den Link und das Bild direkt nach dem Element ein (in dieser Reihenfolge), etwa so:
‚Äć

[.b-stats]der US-B√ľrgerinnen und -B√ľrger w√ľrden nach einem Cybersecurity-Versto√ü nicht mehr bei einem Unternehmen konsumieren[.b-stats]

83%

Quelle PCI Pal


und es wird sich in das hier verwandeln:
83%

ie meisten US-B√ľrger w√ľrden nicht mehr bei einem Unternehmen konsumieren, wenn es von einem Cybersecurity-Versto√ü betroffen ist.


Wenn du nicht m√∂chtest, dass das Bild im Editor zu gro√ü ist, gehe zu den Einstellungen des Bildes (Schraubenschl√ľssel-Symbol, gehe zu Gr√∂√üe, dann stelle es auf HiDPI oder Benutzerdefiniert, um es kleiner zu machen)

.b-important-block

Wichtiger Ank√ľndigungsblock. Du kannst den Haupttext der Karte bearbeiten.
Du hast aber auch die M√∂glichkeit, den Tag zu √§ndern, indem du ihn in der n√§chsten Zeile mit den "Attribut-Klammern" ( [$attribut-name]) hinzuf√ľgst, so wie hier:

[.b-important-block]Auch als Desktop-App bleibt awork ein webbasiertes Tool. Daher kannst du die App nur mit einer funktionierenden Internetverbindung nutzen...[.b-important-block]

[$tag]ūüö® Wichtig[$tag]

Auch als Desktop-App bleibt awork ein webbasiertes Tool. Daher kannst du die App nur mit einer funktionierenden Internetverbindung nutzen...