{"id":521,"date":"2017-04-22T16:31:44","date_gmt":"2017-04-22T15:31:44","guid":{"rendered":"http:\/\/www.bloggerjobs.de\/blog\/?p=521"},"modified":"2021-03-16T09:57:15","modified_gmt":"2021-03-16T08:57:15","slug":"wordpress-themes-fuer-unterschiedliche-displays","status":"publish","type":"post","link":"https:\/\/www.bloggerjobs.de\/blog\/wordpress-themes-fuer-unterschiedliche-displays\/","title":{"rendered":"WordPress Themes f\u00fcr unterschiedliche Displays"},"content":{"rendered":"<p>In unserem <a href=\"https:\/\/www.bloggerjobs.de\/blog\/responsiveness-fuer-blogs-vorteile-und-herausforderungen\/\" title=\"Responsiveness f\u00fcr Blogs \u2013 Vorteile und Herausforderungen\">vorigen Blogbeitrag<\/a> haben wir die Bedeutung des responsive Designs erkl\u00e4rt. Heute m\u00f6chten wir an dieses Thema ankn\u00fcpfen und aufzeigen, welches WordPress-Theme f\u00fcr welche Displaygr\u00f6\u00dfe geeignet ist.<!--more--><\/p>\n<p>Fakt ist: Das Nutzungsverhalten der User hat sich ge\u00e4ndert und die Darstellung auf verschieden gro\u00dfen Endger\u00e4ten mit hohen Pixeldichten stellen neue Anforderungen an das Webdesign. Umso wichtiger also, die eigene Website oder den Blog f\u00fcr die bestm\u00f6gliche Darstellung auf verschiedenen Displays zu optimieren. Bevor es darum geht, welche WordPress Themes hierf\u00fcr zur Verf\u00fcgung stehen, ist erst einmal zu kl\u00e4ren, welche Displaygr\u00f6\u00dfen es \u00fcberhaupt gibt.<\/p>\n<h3>Die Displaygr\u00f6\u00dfen<\/h3>\n<p>Sie werden in drei Kategorien unterschieden: Small, Medium und Large Scale Displays. Zu den Small Scale Displays z\u00e4hlen mobile Endger\u00e4te, wie Smartphones, Phablets, Tablets, Netbooks oder Sub-Notebooks mit Bildschirmdiagonalen bis 13 Zoll. Medium Scale Displays umfassen Laptops und PC-Monitore bis 29 Zoll, wohingegen Large Scale Displays als TV-Bildschirme mit einer Diagonale ab 30 Zoll aufw\u00e4rts g\u00e4ngig sind.<\/p>\n<p>Eine mobile Optimierung ist nur bei den Small Scale Ger\u00e4ten sinnvoll, da die Bildschirmbreite hier der limitierende Faktor ist. Obwohl bereits Full HD-Displays in mobilen Ger\u00e4ten verbaut werden, sind mobile Browser darauf ausgerichtet Websites, die mit mobiler Optimierung versehen sind, besser und f\u00fcr Touch-Interaktionen optimiert darzustellen.<\/p>\n<h3>Optimierung f\u00fcr Retina-Displays<\/h3><div id=\"blogg-2410972386\" class=\"blogg-inhalt blogg-entity-placement\" style=\"float: right;\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\r\n<!-- BloggerjobsBlog2 -->\r\n<ins class=\"adsbygoogle\"\r\n     style=\"display:inline-block;width:300px;height:250px\"\r\n     data-ad-client=\"ca-pub-2912090649858721\"\r\n     data-ad-slot=\"5610637990\"><\/ins>\r\n<script>\r\n(adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script><\/div>\n<p>Retina ist ein von Apple gepr\u00e4gter und patentierter Begriff, der allgemeinhin Displays mit hohen Pixeldichten (ab 220 dpi) bezeichnet. Generell stehen aber auch Displays in Ger\u00e4ten anderer Hersteller denen von Apple in nichts nach und sind zumeist mindestens gleichwertig. Sie d\u00fcrfen lediglich den Begriff \u201eRetina\u201c nicht tragen. F\u00fcr Retina Displays ist f\u00fcr die auf Blogs und Websites benutzten Grafiken und Schriften ebenfalls eine Optimierung vorzunehmen, sodass diese scharf und ohne zackige Kanten dargestellt werden. Grafiken, die im Theme verwendet werden sind somit sogar durch HTML &#038; CSS gerendert oder in einer hohen Pixeldichte aus einem Bildbearbeitungsprogramm exportiert worden. Jeder Nutzer legt Wert darauf, dass eine Website auf seinem Endger\u00e4t toll dargestellt wird. Webdesigner haben dies erkannt und daher gibt es eine Vielzahl an WordPress Themes, die speziell dahingehend optimiert wurden. Wer sich im  Theme-Dschungel nicht zurechtfindet, f\u00fcr den haben wir im Folgenden eine kleine Auswahl an Retina-optimierten Designs zusammengestellt.<\/p>\n<h3>Themes f\u00fcr Large-Scale Displays<\/h3>\n<p>Wer seinen Blog f\u00fcr gro\u00dfe Displays optimieren m\u00f6chte, f\u00fcr den stehen zahlreiche One-Page WordPress Themes zur Verf\u00fcgung, wie zum Beispiel das <a href=\"https:\/\/themeforest.net\/item\/907-responsive-multipurpose-wordpress-theme\/4087140?WT.ac=search_item&#038;WT.seg_1=search_item&#038;WT.z_author=webcreations907\" target=\"_blank\" rel=\"noopener noreferrer\">907 Theme<\/a>. Dieses zeichnet sich, neben der Optimierung f\u00fcr gro\u00dfe Anzeigeger\u00e4te, durch Responsiveness aus und beinhaltet das aktuell im Trend liegende Parallex-Scolling-Feature.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bloggerjobs.de\/blog\/wp-content\/uploads\/907.jpg\" alt=\"907\" width=\"350\" height=\"178\" class=\"aligncenter size-full wp-image-526\" srcset=\"https:\/\/www.bloggerjobs.de\/blog\/wp-content\/uploads\/907.jpg 350w, https:\/\/www.bloggerjobs.de\/blog\/wp-content\/uploads\/907-150x76.jpg 150w, https:\/\/www.bloggerjobs.de\/blog\/wp-content\/uploads\/907-300x152.jpg 300w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/p>\n<div align=\"center\">Quelle: www.themeforest.com<\/div>\n<p>&nbsp;<\/p>\n<p>Ein weiteres beliebtes Design in diesem Bereich ist das \u201e<a href=\"https:\/\/themeforest.net\/item\/karma-responsive-wordpress-theme\/168737?WT.ac=search_item&#038;WT.seg_1=search_item&#038;WT.z_author=TrueThemes\" target=\"_blank\" rel=\"noopener noreferrer\">Karma<\/a>\u201c Theme, welches sowohl responsive als auch f\u00fcr  Retina-Displays optimiert ist. Ein nicht unerheblicher Faktor auch bei Large Scale Displays \u2013 in der Zukunft wird es sicherlich immer mehr Large Scale Displays von Apple auf dem Markt geben.  Weitere One-Page Themes finden sich bei Themeforest.  <\/p>\n<h3>Fazit<\/h3>\n<p>Die Auswahl an zeitgem\u00e4\u00dfen Blog-Themes ist gro\u00df. Die meisten Designs trumpfen nicht nur mit einer Optimierung f\u00fcr Retina-Displays auf, sondern auch mit Responsivness  \u2013 zwei Pluspunkte, die bei der Wahl des Themes f\u00fcr Small und Medium Scale Displays unbedingt ber\u00fccksichtigt werden sollten. F\u00fcr die Optimierung von Large Scale Screens sind One-Pages Themes das Mittel der Wahl. Das Nutzererlebnis steht bei der Optimierung im Vordergrund und der Betreiber der Seite kann die Lorbeeren daf\u00fcr ernten, dass er sich den Bed\u00fcrfnissen seiner Seitenbesucher annimmt und zeitgem\u00e4\u00dfes Webdesign betreibt.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In unserem vorigen Blogbeitrag haben wir die Bedeutung des responsive Designs erkl\u00e4rt. Heute m\u00f6chten wir an dieses Thema ankn\u00fcpfen und aufzeigen, welches WordPress-Theme f\u00fcr welche Displaygr\u00f6\u00dfe geeignet ist.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[171,5],"tags":[54,52,51,53],"class_list":["post-521","post","type-post","status-publish","format-standard","hentry","category-ratgeber","category-tools","tag-blog","tag-display","tag-optimierung","tag-responsiveness","no-post-thumbnail"],"aioseo_notices":[],"views":5705,"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p4h82L-8p","_links":{"self":[{"href":"https:\/\/www.bloggerjobs.de\/blog\/wp-json\/wp\/v2\/posts\/521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bloggerjobs.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bloggerjobs.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bloggerjobs.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bloggerjobs.de\/blog\/wp-json\/wp\/v2\/comments?post=521"}],"version-history":[{"count":1,"href":"https:\/\/www.bloggerjobs.de\/blog\/wp-json\/wp\/v2\/posts\/521\/revisions"}],"predecessor-version":[{"id":2819,"href":"https:\/\/www.bloggerjobs.de\/blog\/wp-json\/wp\/v2\/posts\/521\/revisions\/2819"}],"wp:attachment":[{"href":"https:\/\/www.bloggerjobs.de\/blog\/wp-json\/wp\/v2\/media?parent=521"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bloggerjobs.de\/blog\/wp-json\/wp\/v2\/categories?post=521"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bloggerjobs.de\/blog\/wp-json\/wp\/v2\/tags?post=521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}