Responsives Webdesign

Responsives Webdesign lässt sich mit WordPress leicht umsezten

Respon­sives Webdesign bedeutet Websites auf unter­schiedlich großen Anzei­ge­ge­räten (Smart­phones, Tablets und Desktop-Computern) optimal und benut­zer­freundlich darzustellen.

Dabei wird der grafische Aufbau der Webseite anhand der Anfor­derung des anzei­genden Displays angepasst. Insbe­sondere betrifft das Elemente wie Navigation, mehrspaltige Seiten, Größe von Grafiken, Schrift­größen und auch die unter­schied­lichen Einga­be­me­thoden wie Mausklick, tippen beim Touch­screen oder wischen statt scrollen. Ziel ist, die Webseite dem Betrachter möglichst benut­zer­freundlich darzustellen.

Unter dem Motto »Mobile first« macht Google neuer­dings die mobile Version einer Website zur Grundlage für das Ranking. Es ist daher unerlässlich, alle Seiten auch für Smart­phones zu optimieren.

Einer für Alle

Anstatt mehrere Seiten für unter­schied­liche Display­größen zu erstellen, kann respon­sives Webdesign heute mit aktuellen Webstan­dards wie HTML 5, CSS 3, mit Media Queries und JavaScript umgesetzt werden.

In aktuellen WordPress-Themes ist respon­sives Webdesign bereits im Haupt-Stylesheet (style.css) imple­men­tiert. Gegebe­nen­falls kann man mit etwas CSS-Kenntnissen noch Anpas­sungen vornehmen.