{"id":3780,"date":"2023-05-07T15:18:31","date_gmt":"2023-05-07T13:18:31","guid":{"rendered":"https:\/\/www.claudia-klinger.de\/digidiary\/?p=3780"},"modified":"2023-05-08T00:43:17","modified_gmt":"2023-05-07T22:43:17","slug":"webdesign-mein-24-jahre-altes-blog","status":"publish","type":"post","link":"https:\/\/www.claudia-klinger.de\/digidiary\/2023\/05\/07\/webdesign-mein-24-jahre-altes-blog\/","title":{"rendered":"Webdesign: mein 24 Jahre altes Blog"},"content":{"rendered":"<p>Gerade hab&#8216; ich mal wieder WordPress aktualisiert, was zum Gl\u00fcck gut geklappt hat. W\u00e4hrend der 24 Jahre, die das Digital Diary nun schon existiert, war mir immer wichtig, dass es &#8222;immer gleich&#8220; aussieht, auch wenn die darunter liegende Technik sich ver\u00e4ndert hat. Vor WordPress gabe es weniger automatisierte Methoden, so ein Blog (auch dieser Name kam sp\u00e4ter!) zur Ansicht zu bringen. Sie waren deutlich aufw\u00e4ndiger, was mich aber nicht davon abgehalten hat, in h\u00f6herer Frequenz zu schreiben als heute.<!--more--><\/p>\n<p>So sah das Diary am 3.3.99 aus, zur Zeit des ersten Eintrags:<\/p>\n<p><a href=\"https:\/\/www.claudia-klinger.de\/digidiary\/wp-content\/uploads\/2023\/05\/erster-digidiary-eintrag.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-large wp-image-3781\" src=\"https:\/\/www.claudia-klinger.de\/digidiary\/wp-content\/uploads\/2023\/05\/erster-digidiary-eintrag-650x315.jpg\" alt=\"Erster Artikel im Digital Diary von Claudia Klinger\" width=\"650\" height=\"315\" srcset=\"https:\/\/www.claudia-klinger.de\/digidiary\/wp-content\/uploads\/2023\/05\/erster-digidiary-eintrag-650x315.jpg 650w, https:\/\/www.claudia-klinger.de\/digidiary\/wp-content\/uploads\/2023\/05\/erster-digidiary-eintrag-300x145.jpg 300w, https:\/\/www.claudia-klinger.de\/digidiary\/wp-content\/uploads\/2023\/05\/erster-digidiary-eintrag-768x372.jpg 768w, https:\/\/www.claudia-klinger.de\/digidiary\/wp-content\/uploads\/2023\/05\/erster-digidiary-eintrag.jpg 1442w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/a><\/p>\n<p>Damals standen alle Beitr\u00e4ge noch in einer einzigen langen Datei untereinander, die mittels &#8222;Frames&#8220; im mittleren Rahmen (=extra Fenster) angezeigt wurden. <a href=\"https:\/\/www.claudia-klinger.de\/digidiary\/2002\/02\/09\/im-code-versackt\/\" target=\"_blank\" rel=\"noopener\">2002 \u00e4nderte ich das<\/a>, nun bekam jeder Eintrag immerhin eine eigene Datei, es mussten aber immer noch mehrere Dateien angelegt werden, um das Ganze bei Aufruf zusammen zu setzen: Idiotenarbeit!<\/p>\n<p>Im Mai 2006 dann <a href=\"https:\/\/www.claudia-klinger.de\/digidiary\/2006\/05\/13\/digital-diary-wie-weiter\/\" target=\"_blank\" rel=\"noopener\">der Umstieg<\/a> auf das Blogscript WordPress: In &#8222;<a href=\"https:\/\/www.claudia-klinger.de\/digidiary\/2007\/06\/11\/von-der-homepage-zum-blog-meine-netzgeschichte\/\" target=\"_blank\" rel=\"noopener\">Von der Homepage zum Blog<\/a>&#8220; (2007) k\u00f6nnen Interessierte lesen, wie mir der neue Hype um &#8222;Blogs&#8220; vorgekommen ist. Vor allem fand ich es seltsam, dass jetzt &#8222;Texth\u00e4ppchen&#8220; als Blogartikel galten. Aber sei&#8217;s drum, die Automatisierung \u00fcberzeugte mich:<\/p>\n<blockquote><p>&#8222;Endlich nur noch schreiben, abschicken, fertig! Jetzt h\u00e4tte ich auch \u201eText-H\u00e4ppchen\u201c in die Welt schicken k\u00f6nnen, doch kam das f\u00fcrs Digital Diary nicht wirklich in Frage: es reicht, dass es kein festes Thema hat. Wenn auch noch die Textform wechselte, g\u00e4be es nichts mehr Konstantes, was die Leser zum Wiederkommen lockt. Und immer noch erschien mir das \u201eKurzbloggen\u201c wenig attraktiv: Aufmerksamkeit ist eine W\u00e4hrung, die man nicht f\u00fcr Banales und Unwichtiges verschwenden und verbrauchen sollte. \u201eHallo, hier bin ich, und gestern hab\u2018 ich diesen Link entdeckt\u201c ist mir immer noch kein Posting wert.&#8220;<\/p><\/blockquote>\n<p>Optisch hat mir <a href=\"https:\/\/strictly-html.de\/\" target=\"_blank\" rel=\"noopener\">Arnd Fricke<\/a> geholfen, aus der alten Diary-Optik ein WordPress-Theme zu erstellen. Er hat meinen Entwurf gecodet und so nette Ideen eingebracht wie die &#8222;gestreifte&#8220; Seitenleiste mit den roten Plus-Zeichen vor den Links. Auch der Umbau in Richtung &#8222;Responsive Webdesign&#8220; (Anpassung an kleinere Bildschirme wie Tablet, Smartphone)\u00a0 h\u00e4tte ich ohne Arnd nicht geschafft.<\/p>\n<p>Der Vorteil des &#8222;eigenen Themes&#8220;: Es ist viel schneller als die lange schon \u00fcblichen zu kaufenden Baukasten-Themes, die quasi &#8222;alles erm\u00f6glichen&#8220;, aber daf\u00fcr auch jede Menge Code-Ballast mitbringen.<\/p>\n<h2>Und jetzt? WordPress ver\u00e4ndert sich drastisch!<\/h2>\n<p>Seit 2006 zeigt sich das Digital Diary wie Ihr es heute seht.\u00a0 Die Technik ver\u00e4ndert sich jedoch weiter: Seit ein paar Jahren vollzieht WordPress eine grundst\u00fcrzende Ver\u00e4nderung hin zum &#8222;Full Editing&#8220;. Jede Seite soll in allen Teilen gestaltbar sein, beginnend mit einer wei\u00dfen Seite, auf der man &#8222;Bl\u00f6cke&#8220; anordnet &#8211; und diese dann im Detail verfeinert. Ein &#8222;klassisches Theme&#8220; wie das Digital Diary ben\u00f6tigt immer noch einzelne Dateien f\u00fcr Header, Footer und Seitenleiste, die nur mit einigem Aufwand &#8222;pro Seite&#8220; ge\u00e4ndert werden k\u00f6nnen. Dass die alten Themes \u00fcberhaupt noch laufen, verdankt sich speziellen Plugins \/ Erweiterungen, von denen niemand wei\u00df, wie lange sie noch funktionieren werden.<\/p>\n<p>Kurzum: Mich bewegt derzeit die Frage, wie ich die gewohnte Optik des Diarys ins neue &#8222;Blockdesign&#8220; \u00fcberf\u00fchren kann, bzw. ob das \u00fcberhaupt m\u00f6glich ist. Es ist ja faktisch dreispaltig, wovon aber nur zwei f\u00fcr Text und Seitenleiste genutzt werden. Links ist ein Logo-Bild, eigentlich verschenkter Platz. Aktuelle Blogs (wie sie <a href=\"https:\/\/wutzone.de\/category\/bloggen\/\" target=\"_blank\" rel=\"noopener\">Horst Schulte h\u00e4ufig wechselt<\/a>) sehen schon lange anders aus! Aber wie viele und welche \u00c4nderungen will ich hier wagen? Und welchen Aufwand wird es bedeuten, so nette Kleinigkeiten wie das kleine Augen-Logo vor den Beitr\u00e4gen oder die Plus-Zeichen zu erhalten? Dass das gro\u00dfe Logo-Bild weichen, bzw. sich ver\u00e4ndern muss, liegt auf der Hand. Aber auch, dass ich keine Lust habe, so eine &#8222;eierlegende Wollmilch-Sau&#8220; als Theme zu nutzen, die dann nur die Ladezeiten verl\u00e4ngert.<\/p>\n<p>Soweit zum Stand der Dinge!\u00a0 Webdesign ist heute ein Thema, das kaum noch jemanden interessiert, das ist mir klar. Aber immerhin hab&#8216; ich jetzt einen Artikel, der die Problematik beschreibt &#8211; zum verlinken, wenn ich nach L\u00f6sungen suche.<\/p>","protected":false},"excerpt":{"rendered":"<p>Gerade hab&#8216; ich mal wieder WordPress aktualisiert, was zum Gl\u00fcck gut geklappt hat. W\u00e4hrend der 24 Jahre, die das Digital Diary nun schon existiert, war mir immer wichtig, dass es &#8222;immer gleich&#8220; aussieht, auch wenn die darunter liegende Technik sich ver\u00e4ndert hat. Vor WordPress gabe es weniger automatisierte Methoden, so ein Blog (auch dieser Name [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[471,414],"tags":[],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.claudia-klinger.de\/digidiary\/wp-json\/wp\/v2\/posts\/3780"}],"collection":[{"href":"https:\/\/www.claudia-klinger.de\/digidiary\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.claudia-klinger.de\/digidiary\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.claudia-klinger.de\/digidiary\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.claudia-klinger.de\/digidiary\/wp-json\/wp\/v2\/comments?post=3780"}],"version-history":[{"count":0,"href":"https:\/\/www.claudia-klinger.de\/digidiary\/wp-json\/wp\/v2\/posts\/3780\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.claudia-klinger.de\/digidiary\/wp-json\/wp\/v2\/media?parent=3780"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.claudia-klinger.de\/digidiary\/wp-json\/wp\/v2\/categories?post=3780"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.claudia-klinger.de\/digidiary\/wp-json\/wp\/v2\/tags?post=3780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}