Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Was ist: Flüssiges Layout

In der WordPress-Theme-Entwicklung ist ein flüssiges Layout ein Website-Design-Ansatz, der proportionale Werte als Maßeinheit für Inhaltsblöcke, Bilder und andere Elemente verwendet. Dadurch kann sich die Website an verschiedene Bildschirmgrößen und Geräte anpassen.

Fließende Layouts verwenden flexible Einheiten wie Prozentsätze oder ems, um die Breite von Elementen zu definieren. Dadurch kann sich der Inhalt an die Größe und Anordnung des Bildschirms anpassen, auf dem er angezeigt wird.

Dies unterscheidet sich von festen Layouts, bei denen jeder Aspekt des Themas eine feste Breite in Pixeln hat.

Glossary: Fluid Layout

Was sind die Vorteile von Fluid Layouts?

Bei der Erstellung einer Website oder eines WordPress-Themes müssen Designer und Entwickler entscheiden, ob sie ein Design mit fester oder fließender Breite erstellen möchten.

Designs mit fester Breite sind einfacher zu erstellen, haben aber einige Schwächen. Insbesondere bieten sie nicht die beste Erfahrung für Benutzer mit sehr großen oder sehr kleinen Bildschirmen.

Viele Nutzer haben heute große Bildschirme mit einer höheren Auflösung als 1024×768 Pixel. Websites mit einem festen Layout können viel weißen Raum auf beiden Seiten des Inhalts des Themas lassen.

Für Nutzer mit kleineren Bildschirmen oder mobilen Geräten kann ein festes Design auch eine horizontale Bildlaufleiste erfordern.

Diese Probleme können durch ein fließendes Layout behoben werden.

Was sind die Herausforderungen von Fluid Layouts?

Obwohl das fließende Design viele Probleme im Zusammenhang mit verschiedenen Bildschirmgrößen löst, schafft es auch einige eigene Probleme.

Der Designer hat weniger Kontrolle über das, was der Benutzer sieht, und Inhalte wie Bilder können mehrere Breiten benötigen, um bei verschiedenen Auflösungen angezeigt zu werden.

Wenn der Bildschirm des Nutzers extrem groß ist, sehen Webseiten mit wenig Inhalt und einem flüssigen Layout möglicherweise nicht optimal aus.

Fließende Layouts und Responsive Design

Mit der zunehmenden Nutzung von Smartphones und Tablets hat die responsive Entwicklung an Bedeutung gewonnen.

Dies ist den flüssigen Layouts nicht unähnlich und bedeutet, dass eine Website oder ein Thema unter Berücksichtigung aller Geräte und Bildschirmgrößen erstellt wird.

Die Techniken des fließenden Designs werden zusammen mit CSS-Media-Queries häufig verwendet, um eine Website oder ein Thema zu erstellen, das „responsive“ ist.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, mehr über fließende Layouts in WordPress zu erfahren. Vielleicht möchten Sie auch unsere Liste mit weiterführenden Artikeln über nützliche WordPress-Tipps, -Tricks und -Ideen lesen, die Sie weiter unten finden.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Zusätzliche Lektüre

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!