{"id":164,"date":"2007-09-16T12:29:28","date_gmt":"2007-09-16T11:29:28","guid":{"rendered":"http:\/\/www.thetawelle.de\/?p=164"},"modified":"2008-02-03T15:28:31","modified_gmt":"2008-02-03T14:28:31","slug":"zeit-fur-den-neuen-herbst-look","status":"publish","type":"post","link":"https:\/\/www.thetawelle.de\/?p=164","title":{"rendered":"Zeit f\u00fcr den neuen Herbst-&#8222;Look&#8220;"},"content":{"rendered":"<p><a href=\"\/wp-upload\/screentheta.png\" title=\"The new look.\"><img decoding=\"async\" src=\"\/wp-upload\/screenthetasmall.png\" alt=\"The new look.\" class=\"alignright\" width=\"260\" \/><\/a>Seit zwei Jahren hat sich am Aussehen meines Blogs vergleichsweise wenig ge\u00e4ndert. Zwar hab ich immer mal wieder die Kopfgrafik ein wenig ver\u00e4ndert und den Randbereich (Sidebar) umstrukturiert, aber letztlich ist der Spielraum der Gestaltbarkeit ausgereizt. Es war endlich Zeit etwas mehr, als nur den Inhalt zu ver\u00e4ndern.<\/p>\n<p>Ich wollte vor allem <strong>endlich mehr Platz<\/strong>. Die Bildschirmgr\u00f6\u00dfen haben sich kontinuierlich bei Internetnutzern vergr\u00f6\u00dfert, das Blog jedoch ist bei seiner Gr\u00f6\u00dfe von 740 Pixel Breite stehen geblieben. Jetzt habe ich einen Samstag lang an einem nagelneuen Design an einer <strong>Prototypinstallation<\/strong> auf meinem lokalen Rechner gefeilt. Herausgekommen sind netto eine 15 Pixel h\u00f6here Kopfgrafik und ein 60 Pixel breiterer Inhaltsbereich. <strong>Das Blog hat nun 800 Pixel Breite<\/strong>, was sich optisch deutlich bemerkbar macht und ein vollkommen neues, &#8222;leichteres&#8220; Design ergibt.<\/p>\n<p>Ich wollte ein zeitgem\u00e4\u00dfes Design mit Farbverl\u00e4ufen, angedeuteten Spiegelungen, dennoch klaren Linien, einem gut lesbaren Seitenbereich, etwas gr\u00f6\u00dferer Schrift, und eine pers\u00f6nlichere, nicht so distanzierte Note. Deshalb gibt es im Seitenbereich jetzt den Eintrag &#8222;Autor&#8220; mit Bild. Die Kopfgrafik kombiniert Verlauf und Linie, um sich seitlich abzugrenzen, nach unten setzt ein neues, dickes rotes, &#8222;glas\u00e4hnliches&#8220; Band den Kopf vom Inhaltsbereich deutlicher ab. Der Inhaltsbereich scheint darauf wie ein Blatt Papier aufzuliegen und grenzt den Seitenbereich durch dezentes Grau ab vom Inhalt, das fand ich schon immer sehr angenehm hier keine harte Linie zu haben.<\/p>\n<p><img decoding=\"async\" src=\"\/wp-upload\/corporateScience_Design.png\" class=\"alignright\" width=\"260\" \/>Aber nicht nur die Optik des Blogs hat sich ge\u00e4ndert. Seit heute ist die <strong>Thetawelle<\/strong> auf WordPress in der neusten verf\u00fcgbaren <strong>Version 2.2.3<\/strong> installiert. Es hat sich also auch etwas unter der Haube getan, denn Version 1.5.1 war nun wirklich nicht mehr Stand der Technik. Nach einem erfolgreichen lokalen Test des WordPressupgrade auf das neue WordPress (nicht ohne vorheriges Backup!) lief das Blog nach einigen Parameteranpassungen (Theme, paar URL&#8217;s, usw.) dann auch wieder wie gewollt.<\/p>\n<p>Als Nebenprodukt ist ein neues Blog Design nun verf\u00fcgbar f\u00fcr alle <strong>WordPress 2 Installationen<\/strong> im Uni Bremen CI. Das Theme wurde \u201causgekoppelt\u201d aus dem Thetawelle-Theme und basiert auf dem Kubrik-Theme mit einigen speziellen Anpassungen gem\u00e4\u00df der <strong>Corporate Identity Richtlinien<\/strong> der Universit\u00e4t Bremen.<\/p>\n<p>Das neue Theme &#8222;Corporate Science v1.0&#8220; (siehe Bild rechts) ist hier <strong>kostenlos herunterladbar<\/strong> (<strong><a href=\"\/wp-upload\/corporatescience_wp2.zip\" title=\"corporatescience_wp2.zip\">corporatescience_wp2.zip<\/a><\/strong> downloaden) und kann beliebig verwendet werden f\u00fcr eigene Anpassungen. Auf Anfrage kann auch die Photoshop-Datei f\u00fcr die Kopfgrafik bereitgestellt werden.<\/p>\n<p><small><strong>Why do I blog this?<\/strong> Ich habe wirklich heftig an dem Design gefeilt, vor allem an der Grafik und dem CSS weil ich Lust auf etwas Neues hatte. Irgendwann kann man &#8222;alten Kram&#8220; einfach nicht mehr sehen. Es war Zeit f\u00fcr Neues! Als kleine Hilfe f\u00fcr andere gebe ich hier meine <strong>Best-of-WordPress 2-Plugins<\/strong> bekannt: <a href=\"http:\/\/www.1pixelout.net\/code\/audio-player-wordpress-plugin\/\" title=\"Besuch die Plugin-Seite\">Audio player<\/a>, <a href=\"http:\/\/blog.jodies.de\/archiv\/2004\/11\/13\/recent-comments\/\" title=\"Besuch die Plugin-Seite\">Get Recent Comments<\/a>, <a href=\"http:\/\/bueltge.de\/wp-phk-tracking-de\/72\" title=\"Besuch die Plugin-Seite\">PHk Tracker (de)<\/a>, <a href=\"http:\/\/www.bueltge.de\/wp-sayfa-sayac-de-counter-fuer-beitraege-gelesen-plugin\/83\/\" title=\"Besuch die Plugin-Seite\">Sayfa Sayac &#8211; PostReadCounter (de)<\/a>, <a href=\"http:\/\/screenflicker.com\/blog\/web-development\/simple-countdown-plugin\/\" title=\"Besuch die Plugin-Seite\">Simple Countdown<\/a>, <a href=\"http:\/\/unknowngenius.com\/blog\/wordpress\/spam-karma\/\" title=\"Besuch die Plugin-Seite\">Spam Karma 2<\/a> und <a href=\"http:\/\/www.bueltge.de\/wp-rss-import-plugin\/55\/\" title=\"Besuch die Plugin-Seite\">WP-RSS-Import<\/a>. Und nicht zuletzt gilt ja auch der weise Satz: &#8222;Web 2.0 ist, wenn Du Dein Blog umdekorierst, statt Deine Wohnung zu tapezieren.&#8220; (Quelle: <a href=\"http:\/\/www.youtube.com\/watch?v=tCfbrpnB0kA\">Elektrischer Reporter<\/a>)<\/p>\n<p><strong>Nachtrag zu den Plugins 3.2.2008:<\/strong> Folgende Plugins habe ich soeben nachger\u00fcstet. Zum einen den <a href=\"http:\/\/www.dagondesign.com\/articles\/sitemap-generator-plugin-for-wordpress\/\">Dagon Design Sitemap Generator<\/a>, der eine Sitemap generieren kann. Dann habe ich das <a href=\"http:\/\/dev.wp-plugins.org\/wiki\/Kramer\">Kramer-Plugin<\/a> installiert, das jetzt unter &#8222;Konnektoren&#8220; die eingehenden Links aus anderen Artikeln anderer Blogs anzeigt. Und seit meinem beinahe Crash des Blog l\u00e4uft das <a href=\"http:\/\/www.ilfilosofo.com\/blog\/wp-db-backup\">WordPress Database Backup<\/a>, dass mir jedes Wochenende ein Backup meiner Blogposts per E-Mail zustellt.<br \/>\n<\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Seit zwei Jahren hat sich am Aussehen meines Blogs vergleichsweise wenig ge\u00e4ndert. Zwar hab ich immer mal wieder die Kopfgrafik ein wenig ver\u00e4ndert und den Randbereich (Sidebar) umstrukturiert, aber letztlich ist der Spielraum der Gestaltbarkeit ausgereizt. Es war endlich Zeit etwas mehr, als nur den Inhalt zu ver\u00e4ndern. Ich wollte vor allem endlich mehr Platz. &hellip; <a href=\"https:\/\/www.thetawelle.de\/?p=164\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eZeit f\u00fcr den neuen Herbst-&#8222;Look&#8220;\u201c <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,15,2],"tags":[],"class_list":["post-164","post","type-post","status-publish","format-standard","hentry","category-breaking-news","category-visualisierung","category-gefunden"],"_links":{"self":[{"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=\/wp\/v2\/posts\/164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=164"}],"version-history":[{"count":0,"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=\/wp\/v2\/posts\/164\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=164"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=164"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}