{"id":2480,"date":"2011-07-07T06:37:17","date_gmt":"2011-07-07T06:37:17","guid":{"rendered":"http:\/\/www.joachimott.de\/journal\/?p=2480"},"modified":"2011-07-06T16:56:16","modified_gmt":"2011-07-06T16:56:16","slug":"responsive-webseiten-am-pc-auf-ipad-und-iphone","status":"publish","type":"post","link":"https:\/\/www.joachimott.de\/journal\/2011\/07\/07\/responsive-webseiten-am-pc-auf-ipad-und-iphone\/","title":{"rendered":"Responsive Webseiten &#8211; am PC, auf iPad und iPhone"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.joachimott.de\/journal\/wp-content\/uploads\/110706_bugis1.jpg\" alt=\"Responsive Layout: WordPress-Theme\" title=\"Responsive Layout: WordPress-Theme\" width=\"404\" height=\"199\" class=\"alignnone size-full wp-image-2523 bildschatten\" \/><\/p>\n<p>Wer die Web-Themen in j\u00fcngerer Zeit verfolgt hat, der merkt, das ein Webseiten-Layout f\u00fcr verschiedene Bildschirmgr\u00f6\u00dfen &#8211; vom 30-Z\u00f6ller bis hinab zum kleinen iPhone-Display &#8211; immer wichtiger wird. Die Suche nach L\u00f6sungen war lange Zeit ziemlich unbefriedigend f\u00fcr mich: F\u00fcr kleine Bildschirme gibts ja das WordPress-Plugin Wp touch, das ich zum Beispiel auch hier auch <a href=\"http:\/\/www.ecovin-baden.de\">www.ecovin-baden.de<\/a> einsetze. <\/p>\n<p>Richtig spa\u00dfig wird diese Anpassung aber erst mit der zunehmenden Zahl von Tablets, deren vorrangiges Einsatzgebiet sowie das Surfen im Internet zu sein scheint. Die Antwort f\u00fcr eine universelle L\u00f6sung lautet: responsive Design. Was nichts anderes hei\u00dft, als dass sich das Webseiten-Layout automatisch der Bildschirmgr\u00f6\u00dfe anpasst (also nichts abschneidet) und dar\u00fcberhinaus auch noch bestimmte Seiten-Elemente (wie den Header oder die Navigation) an die f\u00fcrs neue Layout richtige Stelle schiebt. <\/p>\n<p>Tats\u00e4chlich gibt es bereits fertige Themes, also Layout-Pakete zum Beispiel f\u00fcr WordPress. F\u00fcndig geworden bin ich beim Blog <a href=\"http:\/\/www.elmastudio.de\">elmastudio.de<\/a>, das ich w\u00e4rmstens allen ans Herzen legen m\u00f6chte, die sich mit Webdesign, WordPress &#038; Co. besch\u00e4ftigen. Dort entdeckte ich als erste Freeware-L\u00f6sung das WordPress-Thema Yoko, das auch f\u00fcr die Elmastudio-Website selbst eingesetzt wird. <\/p>\n<p>Au\u00dferdem gab und gibt es auch zu diesem Thema immer wieder interessante Beitr\u00e4ge und Links wie zum Beispiel diesen hier: <a href='http:\/\/www.elmastudio.de\/inspiration\/webdesign-trends-funf-responsive-webseiten-layout-analysiert\/'>Webdesign-Trends: F\u00fcnf responsive Webseiten-Layouts analysiert<\/a>.<\/p>\n<p>Und kaum habe ich einen Artikel-Entwurf zu diesem Thema in der Pipeline, entdecke ich heute das erste Premium WordPress Theme Bugis, das dort f\u00fcr schlappe 12 Euro angeboten wird. Wer sich mit den sogenannten Premium-Themes etwas auskennt, wei\u00df, dass das ein g\u00fcnstiger Preis ist. Dazu deutscher Support und ein Blog, das auch sicher noch einige Zeit wichtige Tipps und Tricks und Tutorials zum Thema beisteuern wird. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.joachimott.de\/journal\/wp-content\/uploads\/110706_bugis2.jpg\" alt=\"Wordpress-Theme Bugis auf iPhone-Display-Gr\u00f6\u00dfe (etwa)\" title=\"Wordpress-Theme Bugis auf iPhone-Display-Gr\u00f6\u00dfe (etwa)\" width=\"404\" height=\"377\" class=\"alignnone size-full wp-image-2524 bildschatten\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wer die Web-Themen in j\u00fcngerer Zeit verfolgt hat, der merkt, das ein Webseiten-Layout f\u00fcr verschiedene Bildschirmgr\u00f6\u00dfen &#8211; vom 30-Z\u00f6ller bis hinab zum kleinen iPhone-Display &#8211; immer wichtiger wird. Die Suche nach L\u00f6sungen war lange Zeit ziemlich unbefriedigend f\u00fcr mich: F\u00fcr kleine Bildschirme gibts ja das WordPress-Plugin Wp touch, das ich zum Beispiel auch hier auch [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[2,4,10,260],"tags":[509,510,418,23],"class_list":["post-2480","post","type-post","status-publish","format-standard","hentry","category-blogs","category-design","category-internet","category-iphone","tag-premium","tag-responsive-layout","tag-theme","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Responsive Webseiten - am PC, auf iPad und iPhone - joachimott journal<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.joachimott.de\/journal\/2011\/07\/07\/responsive-webseiten-am-pc-auf-ipad-und-iphone\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive Webseiten - am PC, auf iPad und iPhone - joachimott journal\" \/>\n<meta property=\"og:description\" content=\"Wer die Web-Themen in j\u00fcngerer Zeit verfolgt hat, der merkt, das ein Webseiten-Layout f\u00fcr verschiedene Bildschirmgr\u00f6\u00dfen &#8211; vom 30-Z\u00f6ller bis hinab zum kleinen iPhone-Display &#8211; immer wichtiger wird. Die Suche nach L\u00f6sungen war lange Zeit ziemlich unbefriedigend f\u00fcr mich: F\u00fcr kleine Bildschirme gibts ja das WordPress-Plugin Wp touch, das ich zum Beispiel auch hier auch [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.joachimott.de\/journal\/2011\/07\/07\/responsive-webseiten-am-pc-auf-ipad-und-iphone\/\" \/>\n<meta property=\"og:site_name\" content=\"joachimott journal\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joachimott.de\/\" \/>\n<meta property=\"article:published_time\" content=\"2011-07-07T06:37:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.joachimott.de\/journal\/wp-content\/uploads\/110706_bugis1.jpg\" \/>\n<meta name=\"author\" content=\"Joachim Ott\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@joachimott\" \/>\n<meta name=\"twitter:site\" content=\"@joachimott\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joachim Ott\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"1\u00a0Minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2011\\\/07\\\/07\\\/responsive-webseiten-am-pc-auf-ipad-und-iphone\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2011\\\/07\\\/07\\\/responsive-webseiten-am-pc-auf-ipad-und-iphone\\\/\"},\"author\":{\"name\":\"Joachim Ott\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/#\\\/schema\\\/person\\\/c4aa6cc5cd818b221ccf9975bd0248c5\"},\"headline\":\"Responsive Webseiten &#8211; am PC, auf iPad und iPhone\",\"datePublished\":\"2011-07-07T06:37:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2011\\\/07\\\/07\\\/responsive-webseiten-am-pc-auf-ipad-und-iphone\\\/\"},\"wordCount\":306,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2011\\\/07\\\/07\\\/responsive-webseiten-am-pc-auf-ipad-und-iphone\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/wp-content\\\/uploads\\\/110706_bugis1.jpg\",\"keywords\":[\"Premium\",\"responsive Layout\",\"Theme\",\"Wordpress\"],\"articleSection\":[\"Blogs\",\"Design\",\"Internet\",\"iPhone\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2011\\\/07\\\/07\\\/responsive-webseiten-am-pc-auf-ipad-und-iphone\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2011\\\/07\\\/07\\\/responsive-webseiten-am-pc-auf-ipad-und-iphone\\\/\",\"url\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2011\\\/07\\\/07\\\/responsive-webseiten-am-pc-auf-ipad-und-iphone\\\/\",\"name\":\"Responsive Webseiten - am PC, auf iPad und iPhone - joachimott journal\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2011\\\/07\\\/07\\\/responsive-webseiten-am-pc-auf-ipad-und-iphone\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2011\\\/07\\\/07\\\/responsive-webseiten-am-pc-auf-ipad-und-iphone\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/wp-content\\\/uploads\\\/110706_bugis1.jpg\",\"datePublished\":\"2011-07-07T06:37:17+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/#\\\/schema\\\/person\\\/c4aa6cc5cd818b221ccf9975bd0248c5\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2011\\\/07\\\/07\\\/responsive-webseiten-am-pc-auf-ipad-und-iphone\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2011\\\/07\\\/07\\\/responsive-webseiten-am-pc-auf-ipad-und-iphone\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2011\\\/07\\\/07\\\/responsive-webseiten-am-pc-auf-ipad-und-iphone\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/wp-content\\\/uploads\\\/110706_bugis1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/wp-content\\\/uploads\\\/110706_bugis1.jpg\",\"width\":\"404\",\"height\":\"199\",\"caption\":\"Responsive Layout: Wordpress-Theme\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/2011\\\/07\\\/07\\\/responsive-webseiten-am-pc-auf-ipad-und-iphone\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Responsive Webseiten &#8211; am PC, auf iPad und iPhone\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/#website\",\"url\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/\",\"name\":\"joachimott journal\",\"description\":\"Weblog von Joachim Ott\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.joachimott.de\\\/journal\\\/#\\\/schema\\\/person\\\/c4aa6cc5cd818b221ccf9975bd0248c5\",\"name\":\"Joachim Ott\",\"sameAs\":[\"http:\\\/\\\/www.joachimott.de\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Responsive Webseiten - am PC, auf iPad und iPhone - joachimott journal","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.joachimott.de\/journal\/2011\/07\/07\/responsive-webseiten-am-pc-auf-ipad-und-iphone\/","og_locale":"de_DE","og_type":"article","og_title":"Responsive Webseiten - am PC, auf iPad und iPhone - joachimott journal","og_description":"Wer die Web-Themen in j\u00fcngerer Zeit verfolgt hat, der merkt, das ein Webseiten-Layout f\u00fcr verschiedene Bildschirmgr\u00f6\u00dfen &#8211; vom 30-Z\u00f6ller bis hinab zum kleinen iPhone-Display &#8211; immer wichtiger wird. Die Suche nach L\u00f6sungen war lange Zeit ziemlich unbefriedigend f\u00fcr mich: F\u00fcr kleine Bildschirme gibts ja das WordPress-Plugin Wp touch, das ich zum Beispiel auch hier auch [&hellip;]","og_url":"https:\/\/www.joachimott.de\/journal\/2011\/07\/07\/responsive-webseiten-am-pc-auf-ipad-und-iphone\/","og_site_name":"joachimott journal","article_publisher":"https:\/\/www.facebook.com\/joachimott.de\/","article_published_time":"2011-07-07T06:37:17+00:00","og_image":[{"url":"https:\/\/www.joachimott.de\/journal\/wp-content\/uploads\/110706_bugis1.jpg","type":"","width":"","height":""}],"author":"Joachim Ott","twitter_card":"summary_large_image","twitter_creator":"@joachimott","twitter_site":"@joachimott","twitter_misc":{"Verfasst von":"Joachim Ott","Gesch\u00e4tzte Lesezeit":"1\u00a0Minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.joachimott.de\/journal\/2011\/07\/07\/responsive-webseiten-am-pc-auf-ipad-und-iphone\/#article","isPartOf":{"@id":"https:\/\/www.joachimott.de\/journal\/2011\/07\/07\/responsive-webseiten-am-pc-auf-ipad-und-iphone\/"},"author":{"name":"Joachim Ott","@id":"https:\/\/www.joachimott.de\/journal\/#\/schema\/person\/c4aa6cc5cd818b221ccf9975bd0248c5"},"headline":"Responsive Webseiten &#8211; am PC, auf iPad und iPhone","datePublished":"2011-07-07T06:37:17+00:00","mainEntityOfPage":{"@id":"https:\/\/www.joachimott.de\/journal\/2011\/07\/07\/responsive-webseiten-am-pc-auf-ipad-und-iphone\/"},"wordCount":306,"commentCount":0,"image":{"@id":"https:\/\/www.joachimott.de\/journal\/2011\/07\/07\/responsive-webseiten-am-pc-auf-ipad-und-iphone\/#primaryimage"},"thumbnailUrl":"https:\/\/www.joachimott.de\/journal\/wp-content\/uploads\/110706_bugis1.jpg","keywords":["Premium","responsive Layout","Theme","Wordpress"],"articleSection":["Blogs","Design","Internet","iPhone"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.joachimott.de\/journal\/2011\/07\/07\/responsive-webseiten-am-pc-auf-ipad-und-iphone\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.joachimott.de\/journal\/2011\/07\/07\/responsive-webseiten-am-pc-auf-ipad-und-iphone\/","url":"https:\/\/www.joachimott.de\/journal\/2011\/07\/07\/responsive-webseiten-am-pc-auf-ipad-und-iphone\/","name":"Responsive Webseiten - am PC, auf iPad und iPhone - joachimott journal","isPartOf":{"@id":"https:\/\/www.joachimott.de\/journal\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.joachimott.de\/journal\/2011\/07\/07\/responsive-webseiten-am-pc-auf-ipad-und-iphone\/#primaryimage"},"image":{"@id":"https:\/\/www.joachimott.de\/journal\/2011\/07\/07\/responsive-webseiten-am-pc-auf-ipad-und-iphone\/#primaryimage"},"thumbnailUrl":"https:\/\/www.joachimott.de\/journal\/wp-content\/uploads\/110706_bugis1.jpg","datePublished":"2011-07-07T06:37:17+00:00","author":{"@id":"https:\/\/www.joachimott.de\/journal\/#\/schema\/person\/c4aa6cc5cd818b221ccf9975bd0248c5"},"breadcrumb":{"@id":"https:\/\/www.joachimott.de\/journal\/2011\/07\/07\/responsive-webseiten-am-pc-auf-ipad-und-iphone\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.joachimott.de\/journal\/2011\/07\/07\/responsive-webseiten-am-pc-auf-ipad-und-iphone\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.joachimott.de\/journal\/2011\/07\/07\/responsive-webseiten-am-pc-auf-ipad-und-iphone\/#primaryimage","url":"https:\/\/www.joachimott.de\/journal\/wp-content\/uploads\/110706_bugis1.jpg","contentUrl":"https:\/\/www.joachimott.de\/journal\/wp-content\/uploads\/110706_bugis1.jpg","width":"404","height":"199","caption":"Responsive Layout: Wordpress-Theme"},{"@type":"BreadcrumbList","@id":"https:\/\/www.joachimott.de\/journal\/2011\/07\/07\/responsive-webseiten-am-pc-auf-ipad-und-iphone\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.joachimott.de\/journal\/"},{"@type":"ListItem","position":2,"name":"Responsive Webseiten &#8211; am PC, auf iPad und iPhone"}]},{"@type":"WebSite","@id":"https:\/\/www.joachimott.de\/journal\/#website","url":"https:\/\/www.joachimott.de\/journal\/","name":"joachimott journal","description":"Weblog von Joachim Ott","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.joachimott.de\/journal\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/www.joachimott.de\/journal\/#\/schema\/person\/c4aa6cc5cd818b221ccf9975bd0248c5","name":"Joachim Ott","sameAs":["http:\/\/www.joachimott.de"]}]}},"_links":{"self":[{"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/posts\/2480","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/comments?post=2480"}],"version-history":[{"count":5,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/posts\/2480\/revisions"}],"predecessor-version":[{"id":2528,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/posts\/2480\/revisions\/2528"}],"wp:attachment":[{"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/media?parent=2480"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/categories?post=2480"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.joachimott.de\/journal\/wp-json\/wp\/v2\/tags?post=2480"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}