Formatierung des Inhalts

In diesem Blogeintrag werden Möglichkeiten aufgezeigt für das Formatieren von Blogeinträgen.

Überschrift 1

So sieht die grösste Überschrift aus (H1).

Überschrift 2

Dies ist die Überschrift 2 (H2).

Überschrift 3

Die Überschrift 3 ist nicht mehr im Menu verfügbar. Wenn man sie verwenden will, muss man in den Markdown-Modus wechseln und dort eine Überschrift mit drei Hastags einleiten: ### Überschrift 3

Überschrift 4

Auch Überschrift 4 muss im Markdown-Modus erstellt werden: #### Überschrift 4

Weitere Textformatierungen

Am besten einfach alle Formatierungsmöglichkeiten in der Toolbar von Inhalt mal ausprobieren.

Fett und Kursiv

Natürlich gibt es auch fett und kursiv.

So können Links angegeben werden. Wenn man in den Markdown-Modus wechselt, sieht man auch, welcher Link hinterlegt worden ist.

Zitate

Zitate können hervorgehoben werden.

Liste

So sieht eine Liste aus:

  • Nam de isto magna dissensio est.
  • Mihi, inquam, qui te id ipsum rogavi?
  • Haec et tu ita posuisti, et verba vestra sunt.
  • Idem fecisset Epicurus, si sententiam hanc, quae nunc Hieronymi est, coniunxisset cum Aristippi vetere sententia.

Nummerierte Liste

Und so eine nummerierte Liste:

  1. Nam de isto magna dissensio est.
  2. Mihi, inquam, qui te id ipsum rogavi?
  3. Haec et tu ita posuisti, et verba vestra sunt.
  4. Idem fecisset Epicurus, si sententiam hanc, quae nunc Hieronymi est, coniunxisset cum Aristippi vetere sententia.

Bilder

Bilder werden mit dem +-Symbol eingefügt.

Der Alt-Text wird jeweils als Bildunterschrift angezeigt.
Der Alt-Text wird jeweils als Bildunterschrift angezeigt.

Empfehlung für Bilder: Meist empfiehlt sich, ein Bild ganz zuoberst im Inhalt-Feld einzufügen. Zusätzlich sollte man dieses auch im Bild-Feld angeben, damit es in der Blogübersicht erscheint.

Tipps zu Bildgrössen

Ein Richtwert für Bilder ist, dass diese wenn möglich nicht grösser als 400kb sein sollten. Man kann sie so verkleinern, dass die Breite höchstens 1200px gross ist. Dies ist für die meisten Bildschirme mehr als genug.

In diesem Artikel sind Infos zum Verkleinern von Bildern: Bilder verkleinern

Bildunterschrift

Wenn bei einem Bild ein ALT TEXT erfasst wird, so wird dieser als Bildunterschrift im Artikel angezeigt.

Horizontale Linie

Eine Horizontale Linie kann man entweder durch ein <hr> einfügen oder indem man im Markdown-Modus drei Striche --- einfügt. So sieht die Linie aus:


Code und Code-Blöcke

Mit dem Code-Symbol <> können Wörter auf diese Art hervorgehoben werden. Dies wird zum Beispiel für Tastenkombinationen wie ctrl+s oder für Programmiercode verwendet. Auch Math-Formeln können so ausgedrückt werden: y = mx + b.

Für längere solche Abschnitte verwendet man am besten das Code-Block-Symbol. Damit wird ein solcher Block erstellt:

const sun1 = "sun" + "il";
const sun2 = "su" + "n" + "il";
sun1 === sun2;

Filme und Co. einbetten

Es kann auch irgendwelcher HTML-Code eingefügt werden. Damit können zum Beispiel Filme oder Karten eingebettet werden. Meist sind auf den entsprechenden Plattformen (YouTube, Vimeo, Google Maps, etc.) Code-Ausschnitte vorbereitet, die man direkt in den Blog einfügen kann (ohne Programmierkenntnisse). Am besten auf der jeweiligen Plattform nach einem Knopf für embed oder share suchen.

Spass haben

😀 Viel Spass mit deinem Lernblog!


Ganz unten an der Seite können zum Beispiel Bildquellen angegeben werden. Dieser Text ist abgetrennt durch eine Linie und etwas kleiner.