Waren Sie jemals auf einer anderen Website als auf Ihrem Desktop oder Laptop (Smartphone, Tablet, usw.) und hatten Sie Schwierigkeiten, die Seite zu genießen, hauptsächlich weil alles nicht in das Browserfenster passt?

Glücklicherweise machen es die meisten Smartphones und Tablets einfacher, diese Sites zu sehen, indem Sie ein- oder auszoomen können, aber selbst dann verpassen Sie etwas und können die gesamte Site nicht genießen.

Ehrlich gesagt, zu diesem Zeitpunkt bin ich nicht wirklich sicher, warum das passiert. Ziemlich viele Smartphone-Nutzer und Tablet-Nutzer haben irgendwann ihr Gerät benutzt, um das Internet zu durchsuchen - warum also nicht mehr Designer responsive Webdesigns erstellen? Ist es nicht an der Zeit?

Es ist Zeit

Die Reaktionsfähigkeit in einem Website-Design ist nichts anderes als die Fähigkeit des Designs, sich an verschiedene Browser- / Fenstergrößen anzupassen. Wenn Menschen darüber nachdenken, denken sie automatisch an Mobiltelefone, aber es ist für die Person, die das Internet mit ihrem mobilen Gerät durchsucht, sowie für die Person, die ihren Desktop mit einer Bildschirmauflösung von 1920 x 1080 oder höher verwendet.

Wirklich, reaktionsfähiges Design ist dank der Person entstanden, die ihr Mobiltelefon und ihr Tablet verwendet, um im Internet zu surfen. Etwas muss mit all dem Kneifen und Telefonumdrehen geben, um eine einfachere Benutzererfahrung zu haben. Responsive Design berücksichtigt all diese Dinge ebenso wie die Zukunft des Surfens auf der Website: Welche Geräte werden als nächstes erfunden? Wie hoch ist der Anteil der Besucher, die auf ihren kleineren Geräten surfen? Wird Responsive Design jemals zur Norm? Das sind alles Fragen, die es wert sind zu fragen und vorzubereiten.

Eine weitere großartige Sache im Responsive Design ist, dass es unnötig ist, eine Website speziell für verschiedene mobile Geräte zu erstellen. Dies kann verwirrend, sperrig, kostspielig und Zeitverschwendung sein, wenn Sie eine effektive responsive Website zusammenstellen können. Wenn Sie ein Webdesigner oder sogar nur ein Geschäftseigentümer sind, kann das Erlernen responsiver Websites oder der Wechsel zu Responsive-Websites in den kommenden Monaten und Jahren einen großen Unterschied machen. Sie wollen einen Schritt voraus sein, oder?

15 kostenlose Responsive-Themen

Manchmal kann es schwierig sein, mit der immer fortschrittlicheren Technologie Schritt zu halten, die Reaktionsfähigkeit ermöglicht. Ich weiß für einen eiskalten Designer wie mich, Code kommt einfach nicht so schnell zu mir und manchmal brauche ich ein bisschen Hilfe. Und Hilfe kann entweder in Form eines soliden Tutorials oder einer Person oder etwas sein, um den Prozess zu starten.

Im Folgenden haben wir einige der am besten reagierenden WordPress-Themes gefunden, um Sie mit den Zeiten in Einklang zu bringen. Die meisten davon sind sehr minimalistisch, aber bedenken Sie, dass viele dieser Themen als reine Struktur verwendet werden, aus der Sie Ihr Website-Design erstellen können. Viele sind ziemlich anpassbar (oder Sie können in das CSS gehen, um Ihre Änderungen vorzunehmen) und funktionieren mehr wie Vorlagen als fertige Designs. Wählen Sie Ihren Favoriten und fahren Sie in das wunderbare Land der Reaktionsfähigkeit.

* Entwickler Beschreibungen sind kursiv geschrieben.

Ari WordPress Theme

"Ari ist ein kostenloses WordPress-Theme mit einem klaren, minimalistischen Design. Das Thema hat ein responsives Layout, das für verschiedene Browsergrößen und mobile Geräte (Tablet, PC oder moderne Smartphones) optimiert ist. Ari ist ein einfach zu bedienendes, flexibles Blog-Theme, das am besten für kleine Blogs oder persönliches Blogging geeignet ist. Sie können die Hintergrund-, Text- und Linkfarben auf der Seite mit den Themenoptionen ganz einfach ändern. In den Themenoptionen können Sie das Logo auch ändern, indem Sie Ihr eigenes Logo verwenden. Mit Ari können Sie bloggen, ohne viele Dinge einrichten zu müssen, und Ihre Leser können Ihre Blogposts von ihren Tablets, PCs oder Smartphones aus genießen. "

Demo | Herunterladen

WPZoom Bonpress

"BonPress ist das perfekte persönliche Blogthema. Vollgepackt mit Post-Format-Funktionen (Audio, Video) und mehreren benutzerdefinierten Widgets wie Twitter und Flickr bietet es Ihnen eine einzigartige Erfahrung beim Bloggen. "

Demo | Herunterladen

Business Lite

"Business lite 3 von CyberChimps WordPress Themes ist ein kostenloses Responsive Business WordPress Theme, das sich perfekt für jedes Unternehmen auf jedem Gerät eignet (das sich magisch an mobile Geräte wie iPhone, iPad und Android anpasst). Es gibt Ihrem Unternehmen die Werkzeuge, um aus WordPress ein modernes Drag & Drop Content Management System (CMS) zu machen.

Business Lite bietet aufregende neue Drag & Drop-Seitenelemente, einschließlich Responsive Feature Slider, Widgeted-Boxen und Callout-Bereich. Alle diese Elemente können auf einer Seite pro Seite mit Drag & Drop-Seitenoptionen verwendet werden, die auch Sidebar- und Layout-Optionen enthalten, mit denen Sie das Erscheinungsbild jeder Seite steuern können. "

Demo | Herunterladen

Grid Theme Responsive

"Grid Theme Responsive ist ein WordPress-Theme mit mobilem responsivem Design und unendlicher Bildlauffunktion. Grid Theme eignet sich perfekt für jede Kreation, um ihr Portfolio zu präsentieren. "

Demo | Herunterladen

Gridly Folio WordPress Theme

"Ein kostenloses Minimal- und Responsive-Portfolio-Design, ideal für Grafikdesigner oder Fotografen."

Demo | Herunterladen

Luke

"Einfaches Portfolio / Foto-WordPress-Theme mit ansprechendem Layout für verbesserte Benutzerfreundlichkeit auf mobilen Geräten. Ein übergeordnetes Thema Hybridkern - mit nahezu unbegrenzten Erweiterungsmöglichkeiten durch die Plattformarchitektur und Hooks zum Hinzufügen eigener Funktionalität. "

Demo | Herunterladen

iFunktion 4

"IFeature 4 ist ein Responsive Drag & Drop Professional WordPress Theme von CyberChimps.com. Es umfasst ein Responsive Apple-ähnliches Design (das sich magisch an mobile Geräte wie iPhone und iPad anpasst), Responsive iFeature Slider, neue Drag & Drop-Header-Elemente, Page- und Blog-Elemente, intuitive Theme-Optionen und ist mit HTML5 und CSS3 erstellt . iFeature 4 umfasst auch benutzerdefinierte Logo-Unterstützung, soziale Symbole, eine Widget-Seitenleiste und Fußzeile sowie benutzerdefinierte Typografieoptionen. "

Demo | Herunterladen

Leon WordPress Theme

"Leon ist mein erstes voll reaktionsfähiges WordPress-Theme ... Dank des großartigen Skeleton-Frameworks. Abgesehen davon ist das Thema WordPress 3 bereit und hat benutzerdefinierte Menüfunktion, Miniaturansichten, Widgetleiste und Fußzeile, Themenseitenoption usw. "

Demo | Herunterladen

Mixfolio

"Mixfolio ist ein responsives HTML5-Portfolio-Theme für WordPress. Das Beste von allem, es ist kostenlos! Verwenden Sie es, um Ihr Portfolio oder Ihre Online-Marke aufzubauen. Erstellen Sie Bild-, Galerie-, Video- oder Standard-Posts mit der 'Post Formats' -Funktion von Mixfolio. "

Demo | Download (muss sich kostenlos registrieren)

Sauerstoff

"Ein hochwertiges, responsives Magazin-Theme für WordPress. Sauerstoff ist ein stark erweiterbares Hauptthema, das auf dem branchenweit anerkannten basiert Hybridkernrahmen - eine gute Grundlage für die Erstellung eigener Kinderthemen. "

Demo | Herunterladen

Respo-Thema

"Respo ist ein fantastisches WordPress-Theme mit sauberem, schlankem und anpassbarem Design. Das Thema eignet sich für persönliche Blogs und / oder Online-Magazine. Dies ist ein Responsive-Thema, das in der Lage ist, sein Layout an die Bildschirmgröße Ihrer Besucher anzupassen (versuchen Sie, die Größe des Bildschirms zu ändern und sehen Sie selbst). Die Schieberegler für dieses Thema sind ebenfalls ansprechend, was bedeutet, dass es auf mobilen Geräten wie iPad oder iPhone superglatt funktioniert. "

Demo | Herunterladen

Responsives Wordpress-Theme

"Free Responsive WordPress Theme für Ihre geschäftliche oder persönliche Website, die Wahl liegt bei Ihnen. "

Demo | Herunterladen

Responsive Twenty Ten

"Responsive Twenty Ten ist ein Kindthema des Standard-WordPress-Theme. Dan Gavin und Sara-Kanone von Birmingham, AL entschied sich, auf eine Suche nach einem responsiven WordPress Theme zu gehen. Und siehe da, das TwentyTen-Kind, von dem sie geträumt haben, ist schon gestartet! Also haben sie dieses Thema basierend auf Todd Halfpennys Version entwickelt Hier . Hinzu kommen einige besondere Details wie flexible Bilder, schöne Ränder und einige Regeln für mobile Bilder. "

Demo | Herunterladen

Skeleton WordPress Theme

"Dieses WordPress Theme ist ein Responsive Web Design (RWD) basierend auf dem Skelett Textplatte. Dieses Thema ist bbdrücken 2 bereit, und nutzt die Optionsrahmen Sie können das Basisdesign über die Admin-Konsole anpassen. "

Demo | Herunterladen

Yoko

"Yoko ist ein modernes und flexibles WordPress-Theme. Mit dem Responsive-Layout, das auf CSS3-Medienabfragen basiert, passt sich das Design an unterschiedliche Bildschirmgrößen an. Das Design ist für große Desktop-Bildschirme, Tablets und kleine Smartphone-Bildschirme optimiert. Um Ihren Blog individueller zu gestalten, können Sie die neuen Postformate (wie Gallerie, Seite oder Zitat) verwenden, Ihr eigenes Logo und Headerbild auswählen, den Hintergrund und die Linkfarbe anpassen. "

Demo | Herunterladen

Fazit

Reagieren Sie. Es gibt viele Apps und Plug-Ins, die Ihre WordPress-Website übernehmen und eine mobile Version oder sogar eine App-Version Ihrer Website erstellen. Aber das ist auch dann von Bedeutung, wenn jemand nicht von Ihrem Telefon aus auf Ihre Website zugreifen kann. Eine eigene App zu haben klingt faszinierend und wenn es notwendig ist, dann mach es. Aber warum sollten Sie dafür mehr Geld ausgeben, wenn Sie nur ein paar Schritte unternehmen müssen, um eine Website zu erstellen, die unter vielen Umständen angepasst werden kann?

Während viele glauben, dies ist nur ein weiterer Trend, gibt es viele andere, die glauben, dass es für eine lange Zeit sein wird. Angesichts des starken Anstiegs von mobilen und kleineren Geräten ist es schwer zu verstehen, wie das Lernen dieser Technik schädlich sein kann. Außerdem macht es Spaß, wenn die Elemente beim Spielen mit dem Browserfenster zunehmen oder abnehmen.