{"id":3340,"date":"2010-01-09T18:55:02","date_gmt":"2010-01-09T17:55:02","guid":{"rendered":"http:\/\/textundblog.de\/?p=3340"},"modified":"2010-01-10T22:16:09","modified_gmt":"2010-01-10T21:16:09","slug":"text-blog-ab-sofort-in-3-spaltigem-layout","status":"publish","type":"post","link":"https:\/\/textundblog.de\/?p=3340","title":{"rendered":"Text &amp; Blog ab sofort in 3-spaltigem Layout"},"content":{"rendered":"<p><a href=\"http:\/\/www.flickr.com\/photos\/textundblog\/4259084467\/\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/textundblog.de\/wp-content\/tub2010-2spaltig.jpg?resize=250%2C200&#038;ssl=1\" width=\"250\" height=\"200\" alt=\"vorher: 2-spaltiges Layout\" title=\"vorher: 2-spaltiges Layout\" \/><\/a><a href=\"http:\/\/www.flickr.com\/photos\/textundblog\/4259084039\/\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/textundblog.de\/wp-content\/tub2010-3spaltig.jpg?resize=250%2C200&#038;ssl=1\" width=\"250\" height=\"200\" alt=\"ab sofort: 3 Spalten\" title=\"ab sofort: 3 Spalten\" \/><\/a><br \/>\n<cite>Layoutvergleich: links: 2 Spalten (vorher); rechts: 3 Spalten (nachher); auf Flickr in gro\u00df.<\/cite><\/p>\n<p>Wie auf Twitter gestern schon angek\u00fcndigt, habe ich meinem Blog heute ein leichtes Redesign geg\u00f6nnt. Aus dem 2-spaltigen Layout ist ein 3-spaltiges geworden. Viel hat sich ansonsten \u2013 zumindest sichtbar \u2013 nicht ge\u00e4ndert. Und wenn ich nicht gesondert darauf hinweisen w\u00fcrde, h\u00e4ttet Ihr&#8217;s vielleicht gar nicht gemerkt. Und genau so soll es auch sein (gute Websites \u00e4ndern sich nahezu unbemerkt). Au\u00dferdem: Wiedererkennung in den Wirren des Webs ist mir wichtiger als neuer Anstrich. <!--more--><\/p>\n<p>Dem wunderbaren Theme <a href=\"http:\/\/cutline.tubetorial.com\/\">Cutline<\/a> von Chris Pearson bin ich treu geblieben, allerdings von der 2-spaltigen zur 3-spaltigen Variante gewechselt. Die Cutline-Vorlagen und Stylesheets habe ich wieder f\u00fcr meine Zwecke umgestaltet. Der Grund f\u00fcr die zus\u00e4tzliche Spalte: Es gab einfach gegen\u00fcber der bisherigen <em>Text &#038; Blog<\/em>-Version (seit <a href=\"https:\/\/textundblog.de\/?p=1681\">Juli 2007<\/a> am Start) zu viele Infos in der Sidebar, die insgesamt viel zu weit nach unten gezogen wurden (und deshalb f\u00fcr meinen Geschmack zu wenig Beachtung fanden). Durch die zwei zus\u00e4tzlichen Randspalten kann ich mehr wichtige Inhalte &#8222;nach oben holen&#8220;. Am wichtigsten war mir dabei die <em>Wong Roll<\/em>, weil die vorher viel zu weit unten war. Da ich nicht \u00fcber alles bloggen kann, was ich im Netz finde, lege ich dort kontinuierlich Webtipps f\u00fcr meine Leser (und nat\u00fcrlich f\u00fcr mich, zum Wiederfinden) ab. Und wer sich zuvor und auch in Zukunft nicht f\u00fcr die zus\u00e4tzlichen Infos interessiert, liest halt weiter nur die linke Inhaltsspalte, die mit 500 Pixel unver\u00e4ndert breit geblieben ist.<\/p>\n<p>Komplett neu wurden die Header-Fotos angelegt, die vorher eine Breite von 740 Pixeln hatten und nun 970 Pixel breit sind. Da ich oft nach der Herkunft der Fotos gefragt werde, hier noch einmal der Hinweis auf ihre Entstehung: <a href=\"https:\/\/textundblog.de\/?p=817\">R\u00f6misches Bad in der Villa Borg<\/a>.<\/p>\n<p>Kleine Macken am Redesign werden noch beseitigt. Wahnsinn, an wie vielen Dateien eines <em>WP-Themes<\/em> man im Laufe der Zeit &#8218;rumschraubt, um hier und da kleine Verbesserungen an der Usability des Blogs zu schaffen. Das fiel mir die letzten Tage bei der Vorbereitung der Design-\u00dcberarbeitungen auf. Ich hoffe, Ihr findet Euch hier noch besser zu recht. Und an einem wird sich nichts \u00e4ndern: das Wichtigste sind die Inhalte. Aber ansprechend und funktional verpackt sollen sie sein. \ud83d\ude09<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Layoutvergleich: links: 2 Spalten (vorher); rechts: 3 Spalten (nachher); auf Flickr in gro\u00df. Wie auf Twitter gestern schon angek\u00fcndigt, habe ich meinem Blog heute ein leichtes Redesign geg\u00f6nnt. Aus dem 2-spaltigen Layout ist ein 3-spaltiges geworden. Viel hat sich ansonsten \u2013 zumindest sichtbar \u2013 nicht ge\u00e4ndert. Und wenn ich nicht gesondert darauf hinweisen w\u00fcrde, h\u00e4ttet [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ngg_post_thumbnail":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[13],"tags":[],"class_list":["post-3340","post","type-post","status-publish","format-standard","hentry","category-webdesign"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4uzZ-RS","jetpack-related-posts":[{"id":1352,"url":"https:\/\/textundblog.de\/?p=1352","url_meta":{"origin":3340,"position":0},"title":"CSS-Layouts: Mehrspaltiges f\u00fcr die digitale Boh\u00e8me","author":"Markus","date":"16\/12\/2006","format":false,"excerpt":"Das im Hochsommer von Dirk Jesse f\u00fcr die Weihnachtszeit angek\u00fcndigte Buch CSS-Layouts (Verlags-Infos und ausf\u00fchrliches Probekapitel) ist tats\u00e4chlich im Dezember erschienen. Spaltenlayout geh\u00f6rt seit langem zum gestalterischen Repertoire des Webdesigns. Der Wechsel vom bisherigen, tabellengest\u00fctzten Layout zu einer CSS-Layout-L\u00f6sung birgt aber viele Probleme und verlangt nach konsequenter Trennung von Textauszeichnung\u2026","rel":"","context":"In &quot;Literatur&quot;","block_context":{"text":"Literatur","link":"https:\/\/textundblog.de\/?cat=11"},"img":{"alt_text":"CSS-Layouts: Buch und Referenzkarte","src":".\/wp-content\/css-layouts.jpg","width":350,"height":200},"classes":[]},{"id":6182,"url":"https:\/\/textundblog.de\/?p=6182","url_meta":{"origin":3340,"position":1},"title":"Nach 7 Jahren bald neues Layout von Text &#038; Blog","author":"Markus","date":"27\/7\/2014","format":false,"excerpt":"Am 1. November 2014 wird dieses Blog 10 Jahre alt. Den ersten Artikel hab ich damals noch in Saarbr\u00fccken geschrieben. Ein halbes Jahr sp\u00e4ter bin ich dann nach Hamburg gezogen. In K\u00fcrze erscheint hier \u2013 kann es selbst kaum glauben \u2013 der 4.000 Beitrag. Seit Juli 2007 hat sich das\u2026","rel":"","context":"In &quot;Webdesign&quot;","block_context":{"text":"Webdesign","link":"https:\/\/textundblog.de\/?cat=13"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/textundblog.de\/wp-content\/tub-layoutneu.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":1665,"url":"https:\/\/textundblog.de\/?p=1665","url_meta":{"origin":3340,"position":2},"title":"Neues Layout auf Text &amp; Blog","author":"Markus","date":"1\/7\/2007","format":false,"excerpt":"Wie ihr vielleicht bemerkt habt, hat sich das Design dieses Blogs etwas ver\u00e4ndert. Die Blogheader wechseln jetzt, je nach gew\u00e4hlter Seite (je nachdem ob die Startseite, einzelne Artikel oder das Impressum aufgerufen werden). Ich bin ja kein Freund von st\u00e4ndigen Layoutwechseln, aber nach \u00fcber zweieinhalb Jahren gleichem Aussehen gibt es\u2026","rel":"","context":"In &quot;Internet&quot;","block_context":{"text":"Internet","link":"https:\/\/textundblog.de\/?cat=4"},"img":{"alt_text":"neue Blogheader auf Text & Blog","src":"https:\/\/i0.wp.com\/textundblog.de\/wp-content\/neueblogheader.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":1681,"url":"https:\/\/textundblog.de\/?p=1681","url_meta":{"origin":3340,"position":3},"title":"Zum neuen Layout von Text &amp; Blog","author":"Markus","date":"6\/7\/2007","format":false,"excerpt":"Nach einigen Tagen mit Text & Blog im neuen Layout darf ich bereits ein erstes positives Fazit ziehen. Die hiesigen Ver\u00e4nderungen wurden in den Kommentaren und in pers\u00f6nlichen Stellungnahmen \u00fcberaus positiv aufgenommen. Mein Ziel, die \u00dcbersichtlichkeit trotz komplexer Inhalte zu erh\u00f6hen und den Wandel nicht zu drastisch ausfallen zu lassen\u2026","rel":"","context":"In &quot;Foto&quot;","block_context":{"text":"Foto","link":"https:\/\/textundblog.de\/?cat=10"},"img":{"alt_text":"Altes Layout Text & Blog","src":"https:\/\/i0.wp.com\/textundblog.de\/wp-content\/tubscr-borg.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":6194,"url":"https:\/\/textundblog.de\/?p=6194","url_meta":{"origin":3340,"position":4},"title":"Neues Layout auf Text &#038; Blog: Journey","author":"Markus","date":"29\/7\/2014","format":false,"excerpt":"Der 4.000. Beitrag in diesem Blog ist ein ganz besonderer, denn er zeigt das Blog in seinem neuen Gesicht. Nachdem ich seit Juli 2007, also seit ziemlich genau 7 Jahren, hier praktisch kaum was am Aussehen des Blogs ge\u00e4ndert habe, war es an der Zeit, mal wieder was Neues zu\u2026","rel":"","context":"In &quot;Literatur&quot;","block_context":{"text":"Literatur","link":"https:\/\/textundblog.de\/?cat=11"},"img":{"alt_text":"Helgoland D\u00fcne","src":"https:\/\/i0.wp.com\/textundblog.de\/wp-content\/helgoland-duene1200.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/textundblog.de\/wp-content\/helgoland-duene1200.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/textundblog.de\/wp-content\/helgoland-duene1200.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/textundblog.de\/wp-content\/helgoland-duene1200.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/textundblog.de\/wp-content\/helgoland-duene1200.jpg?resize=1050%2C600&ssl=1 3x"},"classes":[]},{"id":1116,"url":"https:\/\/textundblog.de\/?p=1116","url_meta":{"origin":3340,"position":5},"title":"CSS-Layouts &#8211; Praxisl\u00f6sungen mit YAML","author":"Markus","date":"3\/8\/2006","format":false,"excerpt":"Foto (links): Photocase.com, (rechts): Galileo-Verlag YAML ist vielleicht keine besonders gl\u00fccklich gew\u00e4hlte Abk\u00fcrzung, weil sie sich ausgesprochen ein bi\u00dfchen nach \u00abJammer\u00bb anh\u00f6rt, aber was Dirk Jesse da auf die Beine gestellt hat, ist eine (Achtung: absichtliche Wiederholung: ausgesprochen ;-) ) feine Sache. In der Selbstbeschreibung erkl\u00e4rt sich YAML wie folgt:\u2026","rel":"","context":"In &quot;Literatur&quot;","block_context":{"text":"Literatur","link":"https:\/\/textundblog.de\/?cat=11"},"img":{"alt_text":"Weihnachtshimmel","src":"https:\/\/i0.wp.com\/www.textundblog.de\/wp-content\/weihnachtshimmel.jpg?resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/posts\/3340","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3340"}],"version-history":[{"count":0,"href":"https:\/\/textundblog.de\/index.php?rest_route=\/wp\/v2\/posts\/3340\/revisions"}],"wp:attachment":[{"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3340"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3340"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/textundblog.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}