{"id":931,"date":"2017-06-26T21:04:43","date_gmt":"2017-06-26T20:04:43","guid":{"rendered":"http:\/\/ipsview.brownson.at\/?p=931"},"modified":"2017-06-26T22:16:30","modified_gmt":"2017-06-26T21:16:30","slug":"touchscreen-anpassung-header","status":"publish","type":"post","link":"https:\/\/ipsview.brownson.at\/?p=931","title":{"rendered":"Touchscreen &#8211; Anpassung Header"},"content":{"rendered":"<p>In diesem Thema m\u00f6chte ich die Anpassung des Headers meiner generierten \u00a0View beschreiben.<\/p>\n<p>Da ich im Header meiner View einige zus\u00e4tzliche Informationen anzeigen m\u00f6chte, habe ich die betreffende Seite etwas umgestaltet. Alle hierf\u00fcr n\u00f6tigen Schritte, sind in diesem Thema beschrieben.<\/p>\n<p>Als ersten Schritt habe ich die Hauptseite im Designer ge\u00f6ffnet und die Gr\u00f6\u00dfe der Container etwas angepasst. Den Bereich f\u00fcr den Header habe ich etwas vergr\u00f6\u00dfert und den Navigationsbereich auch der linken Seite etwas verkleinert.<\/p>\n<p>Hauptseite vor\u00a0Anpassung:<\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_MainPageBefore.png\"><img decoding=\"async\" class=\"alignnone size-large wp-image-935\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_MainPageBefore-1024x650.png\" alt=\"Touchscreen_Header_MainPageBefore\" width=\"500\" height=\"317\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_MainPageBefore-200x127.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_MainPageBefore-300x191.png 300w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_MainPageBefore-768x488.png 768w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_MainPageBefore-1024x650.png 1024w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_MainPageBefore.png 1047w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Hauptseite nach Anpassung:<\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_MainPageAfter.png\"><img decoding=\"async\" class=\"alignnone size-large wp-image-934\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_MainPageAfter-1024x648.png\" alt=\"Touchscreen_Header_MainPageAfter\" width=\"500\" height=\"316\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_MainPageAfter-200x126.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_MainPageAfter-300x190.png 300w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_MainPageAfter-768x486.png 768w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_MainPageAfter-1024x648.png 1024w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_MainPageAfter.png 1050w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Wichtig ist nun, dass die Hauptseite gesch\u00fctzt wird, damit die Seite bei der n\u00e4chsten Ausf\u00fchrung des View Generators nicht wieder \u00fcberschrieben wird. Dazu einfach die Seite ausw\u00e4hlen und die Eigenschaft &#8222;Seite ist gesch\u00fctzt&#8220; aktivieren.<\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_MainPageLock.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-936\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_MainPageLock.png\" alt=\"Touchscreen_Header_MainPageLock\" width=\"430\" height=\"171\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_MainPageLock-200x80.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_MainPageLock-300x119.png 300w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_MainPageLock.png 430w\" sizes=\"(max-width: 430px) 100vw, 430px\" \/><\/a><\/p>\n<p>Danach muss die Generierung der View nochmals ausgef\u00fchrt werden, damit sich die Seiten an die neuen Gr\u00f6\u00dfen der Container auf der Hauptseite anpassen.<\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_ViewRegenerate.png\"><img decoding=\"async\" class=\"alignnone size-medium wp-image-937\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_ViewRegenerate-300x131.png\" alt=\"Touchscreen_Header_ViewRegenerate\" width=\"300\" height=\"131\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_ViewRegenerate-200x87.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_ViewRegenerate-300x131.png 300w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_ViewRegenerate.png 526w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Jetzt kann die Anpassung der eigentlichen Header Seite erfolgen, ich habe die einzelnen Elemente der Seite etwas neu angeordnet und die Textgr\u00f6\u00dfen erh\u00f6ht. Zus\u00e4tzlich habe ich noch Informationen \u00fcber den Ladezustand, Netzwerkstatus und Displaystatus (Bildschirm nicht ausschalten) des Tablets angezeigt.<\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_Designer.png\"><img decoding=\"async\" class=\"alignnone size-large wp-image-933\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_Designer-1024x87.png\" alt=\"Touchscreen_Header_Designer\" width=\"500\" height=\"42\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_Designer-200x17.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_Designer-300x26.png 300w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_Designer-768x65.png 768w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_Designer-1024x87.png 1024w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_Designer.png 1046w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Wichtig ist auch hier wieder, dass die Seite gesch\u00fctzt wird. Anderenfalls w\u00fcrde sie bei der n\u00e4chsten Generierung der View wieder \u00fcberschrieben werden.<\/p>\n<p>Nach dem Speichern der \u00c4nderungen, kann man das Ergebnis am Client betrachten.<\/p>\n<p><a href=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_Client.png\"><img decoding=\"async\" class=\"alignnone wp-image-932\" src=\"http:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_Client-1024x640.png\" alt=\"Touchscreen_Header_Client\" width=\"670\" height=\"419\" srcset=\"https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_Client-200x125.png 200w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_Client-300x188.png 300w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_Client-768x480.png 768w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_Client-1024x640.png 1024w, https:\/\/ipsview.brownson.at\/wp-content\/uploads\/Touchscreen_Header_Client.png 1200w\" sizes=\"(max-width: 670px) 100vw, 670px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In diesem Thema m\u00f6chte ich die Anpassung des Headers meiner  [&#8230;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[78,75,4,80],"class_list":["post-931","post","type-post","status-publish","format-standard","hentry","category-howto","tag-templates","tag-touchscreen","tag-view","tag-vorlage"],"_links":{"self":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/931","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=931"}],"version-history":[{"count":3,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/931\/revisions"}],"predecessor-version":[{"id":967,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=\/wp\/v2\/posts\/931\/revisions\/967"}],"wp:attachment":[{"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=931"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=931"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ipsview.brownson.at\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=931"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}