{"id":5123,"date":"2026-09-30T12:29:18","date_gmt":"2026-09-30T10:29:18","guid":{"rendered":"https:\/\/www.claudia-klinger.de\/digidiary\/?p=5123"},"modified":"2026-09-30T12:52:27","modified_gmt":"2026-09-30T10:52:27","slug":"das-digital-diary-blogdesign-im-27-jahr-fast-unveraendert","status":"publish","type":"post","link":"https:\/\/www.claudia-klinger.de\/digidiary\/2026\/09\/30\/das-digital-diary-blogdesign-im-27-jahr-fast-unveraendert\/","title":{"rendered":"Das Digital Diary-Blogdesign im 27. Jahr: fast unver\u00e4ndert"},"content":{"rendered":"<p>Auf den letzten Dr\u00fccker hab&#8216; ichs noch geschafft: Die <a href=\"https:\/\/forum.bloghexe.de\/\">Bloghexen<\/a> fragten im <a href=\"https:\/\/forum.bloghexe.de\/forum\/thread\/767-bloggerschnack-im-september-2026-was-ist-mir-an-meinem-blogdesign-wichtig\/\" target=\"_blank\" rel=\"noopener\">Bloggerschnack September 2026<\/a>, was uns am eigenen Blogdesign wichtig ist. <strong>Meine Antwort klingt einfach: Dass sich die Optik nicht ver\u00e4ndert<\/strong>. In der Praxis macht das allerdings auch immer wieder Arbeit!<!--more--><\/p>\n<p><strong>Warum sollte sich das Blogdesign nicht ver\u00e4ndern?<\/strong> Weil sich st\u00e4ndig so viel ver\u00e4ndert und ich manches Blog, in das ich mich &#8222;eingelesen&#8220; hatte, pl\u00f6tzlich v\u00f6llig ver\u00e4ndert vorfand. Nicht nur optisch, manchmal \u00e4nderte sich auch der Name oder es war auf einmal weg. Mein eigenes Blog sollte dagegen halten, sich nicht ver\u00e4ndern, verl\u00e4sslich genauso aussehen wie vor einem Jahr, ein &#8222;Fels in der Brandung&#8220; der st\u00e4ndigen Ver\u00e4nderungen sein. Mein Vorbild war und ist das <a href=\"https:\/\/www.youtube.com\/watch?v=VBaBDCJ3iE0\" target=\"_blank\" rel=\"noopener\">TATORT-Intro<\/a>, im Wesentlichen unver\u00e4ndert seit 1970 :-).<br \/>\nAber naja, ich wollte auch nicht st\u00e4ndig am Blog rumbasteln, lieber startete ich ein neues, endlich &#8222;<a href=\"https:\/\/www.das-wilde-gartenblog.de\/\" target=\"_blank\" rel=\"noopener\">themenzentriertes&#8220; Blog<\/a>, das dann anders aussehen durfte.<\/p>\n<h2>Die Blogtechnik \u00e4nderte sich, das Design sollte bleiben<\/h2>\n<p>Das Digital Diary startete <a href=\"https:\/\/www.claudia-klinger.de\/digidiary\/1999\/03\/03\/ein-besuch-in-der-psychatrie\/\" target=\"_blank\" rel=\"noopener\">im M\u00e4rz 1999<\/a>, also zu einer Zeit, als so etwas noch nicht &#8222;Blog&#8220; genannt wurde. Man codete seine &#8222;<a href=\"https:\/\/www.claudia-klinger.de\/archiv\/MissingLinkAusstell\/CKlinger\/index.htm\" target=\"_blank\" rel=\"noopener\">Homepage<\/a> (Archiv, nicht responsive)&#8220; im damals noch sehr einfachen HTML, Kommentare kamen per E-Mail und wurden &#8222;h\u00e4ndisch&#8220; unter die Artikelseiten gesetzt. Vorl\u00e4ufer des Digital Diary war mein Webzine &#8222;Missing Link&#8220; &#8211; hier ein <a href=\"https:\/\/www.claudia-klinger.de\/archiv\/MissingLinkAusstell\/inhalt.htm\" target=\"_blank\" rel=\"noopener\">Zustand von 1997 (Archiviert)<\/a>. Es war schon recht m\u00fchsam, die Maildebatten einzupflegen, daf\u00fcr tief sch\u00fcrfender als heutige Kommentargespr\u00e4che.<\/p>\n<p>Ein Segen war dann die n\u00e4chste Technik: Frames \/ Rahmen, die Seite wurde aufgeteilt und f\u00fcr die einzelnen Sektoren mussten einzelne Dateien geschrieben und dann dann ins Frameset eingetragen werden: auch m\u00fchsam, aber immerhin konnte man jetzt Header, Seitenleiste und Footer weiter verwenden und nicht jedes Mail auf die Seite coden. Einen einzelnen Artikle konnte man so nicht verlinken, weshalb mit SSL schon bald wieder eine neune Technik kam.\u00a0 Seit den &#8222;Frames&#8220; sah mit Frames so aus:<\/p>\n<p>&nbsp;<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5127\" src=\"https:\/\/www.claudia-klinger.de\/digidiary\/wp-content\/uploads\/2026\/09\/diary-optik-alt.jpg\" alt=\"Digital Diary Optik 2002\" width=\"630\" height=\"445\" srcset=\"https:\/\/www.claudia-klinger.de\/digidiary\/wp-content\/uploads\/2026\/09\/diary-optik-alt.jpg 630w, https:\/\/www.claudia-klinger.de\/digidiary\/wp-content\/uploads\/2026\/09\/diary-optik-alt-300x212.jpg 300w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>2006: WordPress und das erste &#8222;Theme&#8220;: Leichte Modernisierung<\/h2>\n<p>Am 28.April 2006 erschien mit &#8222;<a href=\"https:\/\/www.claudia-klinger.de\/digidiary\/2006\/04\/28\/updates-und-haeutungen\/\" target=\"_blank\" rel=\"noopener\">Updates und H\u00e4utungen<\/a>&#8220; der erste Artikel auf WordPress &#8211; f\u00fcr mich eine Riesenerleichterung, endlich kein h\u00e4ndisches Coden mehr! Das Theme hatte ich in Fotoshop kreiiert, die Umsetzung hat <a href=\"https:\/\/strictly-html.de\/\" target=\"_blank\" rel=\"noopener\">Arnd Fricke<\/a> f\u00fcr mich gemacht, denn ich hatte keine Lust, mich jetzt ins &#8222;Theme bauen&#8220; einzuarbeiten. Es ist ein superschlankes Theme, kein \u00fcberfl\u00fcssiger Ballast &#8211; aber optisch orientiert am &#8222;alten&#8220; Erscheinungsbild, nur ein bisschen moderner.<\/p>\n<p>Bis heute ist die Optik so geblieben und wirkt jetzt nat\u00fcrlich eher &#8222;antik&#8220;. Als die Blogs so bildlastig wurden, hab&#8216; ich mich dem verweigert. F\u00fcr jeden Beitrag ein Bild suchen zu m\u00fcssen, w\u00e4re nur eine l\u00e4stige Arbeit gewesen! Als &#8222;Mischthemenblog&#8220; hatte ich sowieso keine Chance auf gro\u00dfe Reichweite, also konnte ich das zwanghafte Bebildern auch gleich lassen. Die gute <a href=\"https:\/\/stefanpfeiffer.blog\/2026\/09\/24\/lesbarkeit\/\" target=\"_blank\" rel=\"noopener\">LESBARKEIT<\/a> der Artikel ist &#8211; neben der gleich bleibenden Optik &#8211; mein oberster Wert, deshalb nutze ich Zwischen\u00fcberschriften, einger\u00fcckte Zitate, Fettungen &#8211; und manchmal auch ein Bild, wenn es der Artikel erfordert.<\/p>\n<p><strong>Was viel Arbeit macht<\/strong>: W\u00e4re es nur das \u00dcbertragen aller vorherigen Beitr\u00e4ge in WordPress gewesen, h\u00e4tte es immerhin ein Ende gehabt. Aber noch heute bin ich ab und zu stundenlang damit besch\u00e4ftigt, alte interne und externe Links zu reparieren, zu entfernen oder die alte Zielseite im <a href=\"https:\/\/archive.org\/\" target=\"_blank\" rel=\"noopener\">Internet-Archiv<\/a> zu suchen und zu verlinken. (Hier der <a href=\"https:\/\/www.claudia-klinger.de\/digidiary\/2007\/06\/20\/wie-man-13-blogs-kommentiert-ohne-zu-langweilen\">arbeitsintensivste Blogpost<\/a>, ein altes Blogprojekt mit zig Links zu &#8222;toten&#8220; Blogs)<\/p>\n<p>Dass das Digital Diary in sp\u00e4teren Jahren zunehmend per Smartphone gelesen wird, fand ich \u00fcbrigens bedauerlich. Auf dem Miniscreen bleibt vom Design kaum etwas \u00fcbrig &#8211; nur auf dem Desktop entfaltet sich der Anblick, der mir immer noch gut gef\u00e4llt. Hier mal als Bild (wegen der Handy-User):<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5126\" src=\"https:\/\/www.claudia-klinger.de\/digidiary\/wp-content\/uploads\/2026\/09\/digidiary-optik.jpg\" alt=\"Digital Diary Design\" width=\"630\" height=\"354\" srcset=\"https:\/\/www.claudia-klinger.de\/digidiary\/wp-content\/uploads\/2026\/09\/digidiary-optik.jpg 630w, https:\/\/www.claudia-klinger.de\/digidiary\/wp-content\/uploads\/2026\/09\/digidiary-optik-300x169.jpg 300w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>Wichtige Mini-Elemente im Blogdesign<\/h2>\n<p>Die &#8222;zwei Augen&#8220; als Autorinnen-Icon vor jedem Beitrag entstammen einem alten Foto von mir. Die roten Plus-Zeichen vor den Seitenspalten-Links gab es auch schon vor dem &#8222;Theme&#8220;. Dazu gekommen sind die kleinen roten Icons f\u00fcr Links nach au\u00dfen innerhalb der Texte &#8211; eine Idee von Arnd. Das LOGO links neben dem Text ist seit bald 27 Jahren dasselbe und zeigt einen Blick auf meinen Arbeitsplatz, wie er damals aussah. Alles zusammen ergibt auch ohne Beitragsbilder den typischen Diary-Look.<\/p>\n<p>Trotz alledem: Ab und zu denke ich dr\u00fcber nach, ob ich nicht doch mal etwas \u00e4ndern sollte? Ich denke da vor allem an die Schriften, da gibt es wirklich sch\u00f6nere! Was meint Ihr?<\/p>\n<p>***<\/p>\n<p><strong>Und sonst:<\/strong><\/p>\n<ul>\n<li class=\"wp-block-post-title\"><a href=\"https:\/\/einfachmalselbstgedacht.com\/2026\/09\/08\/warum-sieht-mein-blog-aus-wie-er-aussieht-bloggerschnack\/\" target=\"_blank\" rel=\"noopener\">Warum sieht mein Blog aus, wie er aussieht? \u2013 Bloggerschnack (einfachmalselbstgedacht.com)<\/a><\/li>\n<li><a href=\"https:\/\/horstschulte.com\/bloggerschnack-im-september-2026-mein-blogdesign\/\">Bloggerschnack im September 2026: Mein Blogdesign? \u2013 Horst Schulte<\/a><\/li>\n<li class=\"post-title\"><a href=\"https:\/\/loveanjalove.de\/bloggerschnack-september-26-was-ist-mir-an-meinem-design-wichtig\/\" target=\"_blank\" rel=\"noopener\">Bloggerschnack September 26`- Was ist mir an meinem Design wichtig? (loveanjalove.de)<\/a><\/li>\n<li><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: meine Netzgeschichte (2007)<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Auf den letzten Dr\u00fccker hab&#8216; ichs noch geschafft: Die Bloghexen fragten im Bloggerschnack September 2026, was uns am eigenen Blogdesign wichtig ist. Meine Antwort klingt einfach: Dass sich die Optik nicht ver\u00e4ndert. In der Praxis macht das allerdings auch immer wieder Arbeit!<\/p>\n","protected":false},"author":1,"featured_media":5130,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[471,414],"tags":[1630,1363,1631,33],"class_list":["post-5123","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-autobiografisches","category-schreiben-bloggen","tag-blogdesign","tag-mischthemenblog","tag-theme-design","tag-webdesign"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.claudia-klinger.de\/digidiary\/wp-json\/wp\/v2\/posts\/5123","targetHints":{"allow":["GET"]}}],"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=5123"}],"version-history":[{"count":0,"href":"https:\/\/www.claudia-klinger.de\/digidiary\/wp-json\/wp\/v2\/posts\/5123\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.claudia-klinger.de\/digidiary\/wp-json\/wp\/v2\/media\/5130"}],"wp:attachment":[{"href":"https:\/\/www.claudia-klinger.de\/digidiary\/wp-json\/wp\/v2\/media?parent=5123"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.claudia-klinger.de\/digidiary\/wp-json\/wp\/v2\/categories?post=5123"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.claudia-klinger.de\/digidiary\/wp-json\/wp\/v2\/tags?post=5123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}