Willkommen beim WP Wegerl.at 'Lesemodus'!
Entspanntes Lesen und spannende Artikel warten auf dich.
Entdecke unsere besten Beiträge und genieße den Lesemodus.
smilies.4-user.de

Zwei Überschriften sich folgend Abstand konform

Info echo
OpenClipart-Vectors-katze-1

Ist der Classic-Editor schon zu kennen? –
"Advanced Editor Tools – ist so klasse!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-2

Classic-Editor mit Advanced Editor Tools
"Advanced Editor Tools – Ausgezeichnet!"
Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-3

Klassischen Editor anwenden! – und …
"Advanced Editor Tools – ist sehr gut!"
Advanced Editor Tools immer NEU – Classic Widgets

Info echo
OpenClipart-Vectors-katze-7

… die Welt gehört dem, der sie genießt.
– mit Advanced Editor Tools!
Advanced Editor Tools immer NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-4

Aktive Installationen: 2+ Millionen
"Advanced Editor Tools – ist so fabelhaft!"
Advanced Editor Tools immer NEU! Classic Widgets

Info echo
OpenClipart-Vectors-katze-5

Antörnend! – so gehts hier zur Lancierung
"Advanced Editor Tools – ist de luxe!"
Advanced Editor Tools immer NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-6

… Classic Widgets sind so praktisch!
"Classic Widgets – sind so grandiose!"
Advanced Editor Tools immer NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-8a

Werkraum ist Werkraum – Frontend ist Frontend
Katzen SVG OpenClipart-Vectors; Ticker von Ditty News Ticker
"Advanced Editor Tools – ist so fein!"
Advanced Editor Tools immer NEU! – Classic Widgets

Es kann sich zur Übersicht ergeben, dass sich mal einer Überschrift die nächste anreihen möchte. So sind sich Überschriften sich folgend Abstand nicht konform. Zwei sich folgenden Überschriften ist der normale durch CSS gegebene Abstand bspw im Theme Twenty Fourteen zu weit dargestellt. (Designgefühls-.)

Überschriften sich folgend Abstand

Überschrift

Überschrift

Der obigen Überschrift ist durch …

<h2 style="margin-bottom: -18px;">Überschrift</h2>

… Abstand zu folgenden Überschriften:

Überschrift

Überschrift

Der Gesamteindruck ist ausgewogen.

Ob mehr Pixel (weniger Abstand) oder weniger Pixel (mehr Abstand) gegeben sein mögen, hängt auch von der Größe der Überschrift mithin jeweiligen Theme ab, weil je größer die Schrift, desto mehr Abstand (weniger Pixel) konformer erscheinen lässt. Themes Twenty Fourteen Hauptüberschrift im Inhaltsbereich h2 (nach dem Titel h1) wird besser ohne extra Markup zu h3 auskommen, da es ja im Content eine primäre Überschrift darstellt. Folgenden Überschriften h3 zu h4 usw. erscheint die Reduzierung des Abstands gelungen. Aber für viele WP-Themen wird das gestalterisch gar kein Thema sein.

Der Beitrag wurde mit fachlicher Unterstützung erstellt.


Aktualisiert im Jahr 2024-April