[Update] Überschriften H2 - H4 mit dem Editor in Beiträge einfügen

von **Günther** Mo 25 Aug 2014 - 13:28

Update vom 25.08.2014

Überschriften H2 - H4 mit dem Editor hinzufügen

Hallo liebe User,

wir freuen uns, euch eine neue Funktion des Editors vorzustellen: Um die Struktur eurer Beiträge zu verbessern und die Suchmaschinenoptimierung (SEO) eures Forums zu erhöhen, könnt ihr ab sofort Überschriften-Tags mit BBCode in euren Beiträgen verwenden und sie mit dem Editor einfügen! Very Happy

Die Überschriften-Tags ermöglichen euch und euren Mitgliedern:

die Struktur eurer Texte, nach Wichtigkeit gestuft, für die Leser zu organisieren
für Suchmaschinen die Schlüsselaussagen und Inhalte eurer Beiträge hervorzuheben

Diese neue Funktion ist direkt im Editor über folgenden Button verfügbar: [Update] Überschriften H2 - H4 mit dem Editor in Beiträge einfügen Bouton13

[Update] Überschriften H2 - H4 mit dem Editor in Beiträge einfügen Bouton13

[Update] Überschriften H2 - H4 mit dem Editor in Beiträge einfügen 05-08-14

Im Editor werden die Überschriften folgendermaßen dargestellt:

Codemodus:
WYSIWYG-Modus:

Die Ergebnisse in den Beiträgen:
[Update] Überschriften H2 - H4 mit dem Editor in Beiträge einfügen Update15

[Update] Überschriften H2 - H4 mit dem Editor in Beiträge einfügen Update16

[Update] Überschriften H2 - H4 mit dem Editor in Beiträge einfügen Update17

[Update] Überschriften H2 - H4 mit dem Editor in Beiträge einfügen Update18

Falls ihr über CSS-Grundlagen verfügt und das Aussehen der Überschriften anpassen möchtet, könnt ihr die entsprechenden CSS-Codes dort in euer Forum einsetzen:
AB -> Anzeige -> Bilder & Farben -> Farben -> Reiter "CSS Stylesheet"

Um alle Überschriften gemeinsam anzupassen (die hier angegebenen Eigenschaften/Werte beziehen sich dann auf alle drei Überschriften identisch):

Code:: h2.post-content, h3.post-content, h4.post-content { ... }

Um die Überschriften einzeln anzupassen:

Code:: h2.post-content { ... } h3.post-content { ... } h4.post-content { ... }

Je nachdem, welche Eigenschaften ihr verändern/entfernen/hinzufügen möchtet, sind unterschiedliche Eigenschaften definierbar. Hier eine Auflistung mit sämtlichen verfügbaren Eigenschaften einer Überschrift (nur eine Auflistung aller möglichen Eigenschaften inkl. Beispielwerten, in dieser Form nicht zu übernehmen!):

Code:: ... { border-bottom: 1px solid #0076b1; color: #0076b1; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1.5em; font-weight: 400; line-height: 1.5em; margin-bottom: 3px; margin-top: 20px; padding-bottom: 2px; text-align: initial; text-transform: uppercase; }

Falls ihr die Formatierung der Überschriften aus eurem Forum entfernen möchtet:

Code:: h2.post-content, h3.post-content, h4.post-content { text-align: initial; text-decoration: none; text-transformation: none; border: 0; }

Wir hoffen, euch gefallen die neuen Überschriften! Smile

Euer Team von Forumieren king

Eine wichtige Ankündigung von Forumieren

von inde Mo 25 Aug 2014 - 16:25

Soweit, so gut. top

Wobei ich noch eine Frage zur Selektion bzw. deren Schriftfarbe habe. Wie kann man diese einstellen.
Bei einem dunklen Design sieht es leider nicht so gut aus, bzw. ist diese kaum sichtbar. Crying or Very sad

[Update] Überschriften H2 - H4 mit dem Editor in Beiträge einfügen Editor10

LG inde

von **Günther** Mo 25 Aug 2014 - 16:35

@ inde:

Zu diesem Problem kann es normalerweise nicht kommen, weil die Auswahlmenüs immer einen weißen Hintergrund haben. Du hast ihn selbst mit einem CSS-Eintrag schwarz gefärbt, richtig?
Dann kannst du ebenfalls per CSS die Schriftfarbe der Auswahlpunkte verändern, die dazugehörige Klasse findet man ja schnell mit Firebug. Wink

von inde Mo 25 Aug 2014 - 19:20

Danke

LG inde

von M@tze So 7 Sep 2014 - 9:46

Was hat das ganze mit der Suchmaschinenoptimierung (SEO) zu tun?
Wie hängt das zusammen?

von **#Frank** So 7 Sep 2014 - 10:39

Überschriften haben bei der SEO Auswertung einen höheren Stellenwert als Normaler Text.
Deshalb werden so Formatierte Überschriften bei der Seitensuche höher gewichtet als z.b. nur mit größerer Schrift formatierte Überschriften.

Siehe dazu auch hier:
http://www.seo-seiten-optimierung.de/ueberschriften.html

von M@tze So 7 Sep 2014 - 11:15

#Frank schrieb:Überschriften haben bei der SEO Auswertung einen höheren Stellenwert als Normaler Text.
Deshalb werden so Formatierte Überschriften bei der Seitensuche höher gewichtet als z.b. nur mit größerer Schrift formatierte Überschriften.

Siehe dazu auch hier:
http://www.seo-seiten-optimierung.de/ueberschriften.html

aha..danke für die Information Wink

das ist gut.

von lupa11 Mi 10 Sep 2014 - 19:23

ein schönes Tool ...

hatte erst mal nix verstanden warum man dies noch ins CSS rein tippen soll ... nach mehrmaligen lesen hat es gefunkt ... und schon wurde der Code gebastelt mit dem was ich gebrauchen kann und wupp es klappt bestens ..

Herzlichen Dank - eine sinnvolle Bereicherung .. auch weil man Absätze, die wichtig sind, hervorheben kann, nicht nur Überschriften ..

lg lupa