Alle Artikel zu #webdesign


Umstellung auf Habari

Die wesentlichen Fehler in Habari sind jetzt behoben, jetzt geht es an Design und Plugins. Damit kein aktueller Fortschrittsmelder mehr, sondern nur irgendwann ein Hinweis: Fertig! hahahah



Externe Links extern öffnen

Hier im Blog werden, wenn das Theme gerade richtig funktioniert, externe Links anders dargestellt als interne, und bei den internen wiederum die, die zu Posts führen anders als die die zu anderen Inhalten führen. Damit ich nicht immer von Hand die CSS-Klassen angeben und das target-Attribut für externe Links setzen muss, habe ich mir zuerst ein Makro geschrieben (G11 sei Dank), später dann ein PHP-Script was die Datenbank durchforstet. Das war auch deshalb nötig, weil ich keine Lust hatte, von Hand alle alten Posts durchzugehen und die Links zu markieren.

Da ich irgendwie immer noch zu faul bin die Makros zu benutzen oder die Links zu markieren, benutze ich das Script immer noch ab und an. Und mittlerweile habe ich beschlossen, einen CronJob dafür einzurichten. Dann ist's auch nicht schlimm, wenn ich mal vergesse einen Link zu markieren.

Externe Links sollten sich zur Abgrenzung von der Website, von der aus man sie aufruft, in einem neuen Fenster bzw. heutzutage ja eher in einem neuen Tab öffnen. Ich verstehe die Entwickler von Webseiten, bei denen das nicht der Fall ist, nicht. Der Aufwand ist minimal und mir sind keine Probleme bekannt. Es nervt total, wenn man einem externen Link folgt und die Seite auf der man vorher war dann direkt weg ist. Meine Meinung, aber vielleicht teilen einige Leute die ja.

Für den Fall biete ich jedenfalls mein Script zum Download an. Also, für den Fall, dass jemand meine Meinung teilt, auch einen Wordpress-Blog hat und in diesem Links markieren möchte. Man muss oben seine Domain angeben, damit das Script interne URLs erkennt. Danach müssen die Datenbankdaten angegeben werden. Anschließend werden die Posts durchlaufen und per regulären Ausdrücken auf Links überprüft. Die URL wird bei internen Links gestrichen, einige Schreibweisenfehler werden korrigiert. CSS-Klassen werden gesetzt (ggf. anpassen!) und das target-Attribut bei externen Links. Abschließend geht das Ganze zurück in die Datenbank. An verschiedenen Stellen habe ich Kontrollelemente eingebaut, die genutzt werden können, um die Arbeit des Scripts zu überprüfen; das macht natürlich nur Sinn, wenn man das Schreiben in die Datenbank dieweil deaktiviert.

Das Script darf zu nicht-kommerziellen und kommerziellen Zwecken frei benutzt und verändert werden. Daher keine noch so freie Lizenz, sondern ausnahmsweise mal: Macht was ihr wollt! :D (Das bedeutet in der Konsequenz übrigens auch den Ausschluss jeglicher Haftung durch mich. Sichert also im Zweifel eure Datenbank vorher - ich hab auch mal was kaputt gemacht damit, weil n Fehler drin war.)

Falls wirklich jemand die Datei lädt und benutzt, wär's cool, wenn derjenige hier einen Kommentar schreiben würde. Das gilt auch, wenn noch Fehler drin sind. Auch Fragen sind willkommen, alles wie immer halt hahahah

Achtung Update: Das Script produziert in seiner aktuellen Version Fehler, was man daran sieht, dass es den Link zu sich selbst geschrottet hat -.- herunterladen kann man es, wenn man das http:// killt funktioniert natürlich nur intern. Extern fehlt ein konzertheld.de/ zwischen dem http:// und dem wp-content. Ich fixe das dann mal und gebe ein neues Release heraus.

linksmarkieren-anon.php



Jahrestag

Vor einem Jahr habe ich den Entschluss gefasst, keines der verfügbaren fremdgehosteten Blogsysteme zu nutzen, sondern eine Wordpress-Installation auf meinem eigenen Webspace, den ich schon seit etlichen Jahren nutze. Diese Entscheidung bereue ich definitiv nicht. Es war die richtige Entscheidung, meine bisherige selbst programmierte Website durch einen Blog zu ersetzen. Alle Inhalte, die ich bisher dort veröffentlicht hatte, ließen sich auch gut bloggen - und die, die noch geplant waren, erst Recht. Wordpress gefällt mir, weil es außer bloggen wirklich quasi nichts kann. Serendipity habe ich mir angesehen - vielleicht mache ich das mal. Größere CMS wie Joomla oder Drupal kommen jedenfalls nach wie vor nicht in Frage.

Ein Jahr ist so viel im Internet... technische und inhaltliche Eigenschaften des Blogs haben sich geändert. Ich blogge etwas weniger, dafür aber meistens längere und sinnvollere Beiträge, die für mehr Leute interessant sind. Tatsächlich haben sich einige Dutzend Leser zusammengefunden und wenn ich per ICQ oder sonstwo gefragt werde wie dies und jenes geht, habe ich manchmal schon einen Link parat, manchmal wird eine neue Anleitung daraus. Die Anleitungen sind eines der Grundelemente, wegen denen ich mich für einen Blog entschieden habe, insofern freut es mich umso mehr dass nicht nur ich etwas damit anfangen kann.

Auch im Hintergrund hat sich einiges geändert, das Design ist ein anderes als vor einem Jahr - momentan macht es mal wieder Probleme. Eigentlich ein fantastisches Theme - funktioniert in der aktuellen Version nur leider immer noch nicht richtig. Sollten sich die Probleme einstellen, werde ich vielleicht mal berichten, welche Vorteile Atahualpa bietet. Über das neue Wordpress habe ich ja bereits geschrieben.

Ich bin gespannt, was das nächste Jahr bringt. Die meisten Dinge im Blog entstehen spontan - von daher wird es hier keine Ankündigung geben was noch kommt ;) Auf jeden Fall geht es weiter und ich hoffe, dass ich weiterhin genug Gelegenheiten zum Schreiben habe - und dass die technischen Probleme weniger werden. Und mal schaun, ob es am 28.7.2010 in diesem Blog 450 Artikel und 190 Kommentare gibt - das wären dann doppelt so viele wie jetzt. hahahah



Umstellung auf Atahualpa Theme 3.4

Ach verdammt, eigentlich sollte das doch schnell gehen... aber irgendwie sind vorher schon meine CSS-Formatierungsergänzungen drauf gegangen, so sind die Linkfarben und -Formatierungen wieder kaputt... also, momentan ist hier mal wieder Baustelle. Kinder haften für ihre Eltern... Minister haften für ihre Bürger.

Die Suche nach verwandten Artikeln ist auch mal wieder defekt. Hmpf. #baustelle

Update: Im offiziellen Forum des Themes wird jetzt davon abgeraten, dass Theme weiter zu verwenden, da ein schwerwiegender Bug drin ist. Den hab ich auch schon bemerkt: Die eigenen Änderungen treten nicht mehr in Kraft. Bei dem Versuch, auf die vorherige Version umzustellen, hab ich die Sidebars komplett kaputt bekommen... sorry. Ist grad alles etwas im Eimer hier.



Zahlen & Umbauten

Wieder mal ein paar Updates am Blog.
Content

  • Die Themensuche ist in einer verbesserten Version fertig gestellt. Über der Titelzeile neben den Kategorien ist jetzt das Thema zu sehen (anklickbar), in der Vollansicht gibt es unter dem Post einen Link. Die Themensuche ist jetzt noch präziser und findet nun endgültig nur noch Artikel, die von mir als zu dem selben Thema gehörig gekennzeichnet wurden. Dafür musste ich das Trennzeichen nach | ändern, da Leerzeichen zu einer Oder-Suche führen und Unterstriche als Leerzeichen behandelt werden...
  • Das Titel-Tag [blog] ist rausgeflogen, ich habe nun eine eigene Kategorie für Posts, die den Blog betreffen eingeführt. Sie heißt Blog. Total kreativ, ich weiß.
  • Irgendwann letztens habe ich wohl mal den 200. Artikel veröffentlicht, es müsste der Vorab-Post zu den Kirchentagsberichten sein, aber aus irgendwelchen Gründen hat Wordpress zwischendurch mal die Zählung geändert und ich hatte 201 Artikel statt 200, obwohl ich gar keinen veröffentlicht habe. 8O
  • Ein paar Verbesserungen am Quellcode, um die Validität zu erhöhen. Wenn mir einer den Fehler nennt, der jetzt noch auftrittt... *kopfschüttel* Was unterscheidet diesen Link <a href="http://www.stepmania.com/" class="extern" target="_blank">Seite</a> von diesem <a class="extern" href="http://de.wikipedia.org/wiki/Tanzmatte" target="_blank">Wikipedia</a> außer der Ziel-URL? Richtig: Der zweite wird vom Validator als falsch angestrichen. :wall: (es ist nicht immer dieser, aber immer irgendeiner im Dokument - aber nur einer! Angeblich existiert bei diesem einen dann das Attribut target nicht.)

Backend & Datenbank

  • Es werden nicht mehr alle Überarbeitungen gespeichert, sondern nur die neusten zwei. Eigentlich brauche ich diese Funktion gar nicht, aber sie gibt irgendwie Sicherheit... Wie das geht, habe ich hier gefunden: Quelle
  • Die alten Artikelversionen habe ich dann direkt mal alle gelöscht, dadurch ist die Datenbank um 196 Artikel ärmer. Schöne Entlastung.

Schimpfen auf Wordpress

  • Das Wordpress-Tag "code" formatiert Code nur so, dass er wie Code aussieht, zeigt aber tatsächlichen Code nicht an. Sprich, Links bleiben Links und werden nicht als Quellcode dargestellt. Das da oben ist also ein Misch aus "code" und eigenem Gefrickel.
  • Wenn ich einen Artikel anfange und speichere am Tag x und dann später am Tag y fertig stelle und veröffentliche, ist das Veröffentlichungsdatum nicht Tag y, sondern Tag x. Sprich, irgendwann angefangene Artikel befinden sich nach dem Publizieren nicht oben. -.-


Blog neu aufgesetzt

So... dieser Post sollte eigentlich schon vor knapp einer Woche raus. Ich habe Wordpress komplett neu installiert und mit der wunderbar funktionierenden Export-Import-Funktion alle Daten übernehmen können. Dabei habe ich die Exportdatei ein wenig verändert, bevor ich sie importiert habe... nämlich alle Tags rausgelöscht. Die Tags in den Artikeln waren quasi doppelt gespeichert, einmal als Tag und einmal als Teil eines Artikels. Sprich, alle nicht genutzten Tags sind jetzt weg - das war etwa die Hälfte, da ich nie aufräumen konnte.

Im ersten Moment hab ich ja trotz erfolgreichem Testlauf gedacht, meine Entwürfe seien weg. Glücklicherweise wurden die nur unter einem Account mit meinem Namen gespeichert statt wie vorher im Admin-Account... alles noch da, es gab wirklich keinen Datenverlust, sogar die Bilder wurden übernommen und auch die Plugins funktionieren alle noch. Okay, fast keinen: Die Blogroll war weg. Warum auch immer. Gut, dass es den Google-Cache gibt, eben meine eigene Seite ausm Cache geladen und Links kopiert und neu angelegt und dabei direkt entrümpelt.

Das Archiv ist jetzt eingeklappt, das wächst immer mehr an und dadurch dass die internen Inhalte jetzt alle in der linken Sidebar sind, wurde es da doch recht voll. Dafür wird jetzt auch die Anzahl der Posts in den einzelnen Monaten angezeigt.

Kommentare können jetzt nicht nur insgesamt, sondern auch pro Beitrag abonniert werden. Nachdem kürzlich tatsächlich eine Anfrage zu einer meiner Technikanleitungen kam, habe ich gemerkt, dass der jenige gar nicht mitkriegen würde, wenn ich per Kommentar antworte, es sei denn er schaut immer wieder auf die Seite. Also gibt's jetzt pro-Beitrag Abonnements für die Kommentare, als RSS oder per Mail (mit Double-opt-in 1x pro Mailadresse für die rechtliche Sicherheit). Funktioniert bisher wunderbar, man kann sogar seine Abonnements verwalten. Schön, wenn es Leser gibt, denen dieser Blog nutzt, da rüstet man doch gerne nach.

Mein Related-Posts-Plugin ist beim Themewechsel kaputt gegangen und da es nicht mehr entwickelt wird, musste ich selbst für Ersatz sorgen. Nachdem ich ja zunächst an einem dummen Fehler verzweifelt bin, habe ich es jetzt geschafft mit benutzerdefinierten Metatags verwandte Artikel von Hand kennzeichnen und suchen zu können. Daher gibt es nun unter jedem Post, der zu einem eigenen Thema gehört, in dessen Einzelansicht einen Link "Alle Posts zu diesem Thema anzeigen", welcher eine Suche nach versteckten Metatags durchführt und dadurch genau die Posts auflistet, die ich als zugehörig gekennzeichnet habe. Bei diesem Post führt das z.B. alle Posts auf, die mit dem Blogumbau zu tun haben. (Für die Insider und Neugierigen: Das t_ vor dem Stichwort sorgt dafür, dass keine Posts ausgespuckt werden, die zufällig diesen Begriff enthalten.) Posts, die zu einem solchen Thema gehören, haben das Thema jetzt auch als Kicker über dem Titel stehen (der Kicker kann ebenfalls geklickt werden).

Zum Design kam immer wieder Kritik... daher hier die ultimative Leser-Umfrage: Welche Farbe wollt ihr als Basisfarbe im Blog? Momentan ist es gelb, bei mir zuhause sieht das sehr schön warm sommerlich aus, bei den meisten anderen eher nach Kotze oder Käse mit Hintergrundbeleuchtung... das ist ja nun nicht schön. Daher wär's cool, wenn hier per Kommentar mal geschrieben wird, welche Farbe euch gefallen würde... idealerweise als sechsstelliger Hexcode wie bei CSS üblich... das aktuelle Gelb ist FFFF8F. Vorschläge mit Pink-Tönen, schwarz oder weiß als Grundfarbe werden ignoriert, das kommt mir hier nicht hin. Ich hätte gerne was sommerliches...

Fertig ist der Umbau noch lange nicht. Die Zitate sollen wieder her, das ist kein großer Akt, ich muss nur mal den Code raussuchen. Die statischen Seiten sind momentan nicht da, die müssen überarbeitet und wieder eingebaut werden, aber nicht mehr oben wie früher, das nimmt zu viel Platz weg. Zugunsten der Barrierefreiheit werde ich die Bilder mit vernünftigen Alternativtexten versehen, was ich ungern direkt beim Einfügen tue, da Wordpress den Alternativtext immer automatisch als Beschriftung nimmt und ich die dann erst löschen muss. Da allerdings wenig blinde Leser meinen Blog lesen dürften, hat das niedrige Priorität. Sollte sich auch nur einer finden und hier einen Kommentar schreiben, erledige ich das sofort, versprochen. ;)

Das Theme muss auch noch weiter bearbeitet werden. Für die aktuelle Version gibt es noch keine deutsche Übersetzung, daher habe ich teilweise schon manuell dafür gesorgt, es ist aber geplant auch offiziell eine anzubieten, ich werde daher eine anfertigen. Bei den Kommentar- und Trackback-Links im Footer sind auch noch Fehler, da habe ich schon bei der alten Version eine Lösung gehabt, die muss ich mal wieder raussuchen und dann einfügen und dem Autor mitteilen, damit die zukünftig immer korrigiert bleibt. Daher kommt übrigens in der Einzelansicht der Posts der doppelte senkrechte Strich im Footer des Beitrags.

Während und nach der Umsetzung komme ich dann hoffentlich auch dazu, die immerhin 15 Entwürfe abzuarbeiten. Es geht auf 200 veröffentlichte Posts zu. Und wenn es so weitergeht wie bisher, mit einer vernünftigen Frequenz veröffentlichter Posts und einer leicht wachsenden Leserzahl, bin ich doch schon glücklich hahahah



Es geht voran!

Mittlerweile habe ich ausreichend viele Bilder für den Header gefunden und hochgeladen, außerdem müsste die Einfärbung des Themes fertig sein. Die Tags&Themen gefallen mir noch nicht so, da wird sich noch was ändern. Der Kalender musste weichen, ich poste eh völlig unregelmäßig, außerdem nimmt der Platz weg und hätte designtechnisch angepasst werden müssen. Der Blogtitel wurde durch ein einfaches Logo ersetzt.

Die Links sind jetzt noch einfacher: Rote Links führen zu Artikeln, grüne woanders hin, wenn ein grüner Link zusätzlich unterstrichen ist, führt er auf eine andere Website. Ab März 2009 habe ich das auch bereits in den Artikeln nachträglich konsequent umgesetzt.

Die linke Sidebar enthält nur Inhalte, die den Blog direkt betreffen, die rechte ausschließlich Inhalte, die vom Blog wegführen. Zur besseren Lesbarkeit habe ich versuchsweise die rechte Sidebar bei der Ansicht einzelner Posts ausgeblendet, mal sehen, wie das so ist.

Wenn ich komplett fertig bin, werde ich Wordpress wohl auch mal neu aufsetzen und damit dann endlich auch die Tags entschlacken. Über 100 Tags (etwa ein Viertel) sind nicht genutzt, lassen sich aber aus irgendwelchen Gründen nicht löschen, das macht deren Verwaltung und sinnvolle Nutzung deutlich schwieriger. Hab grad mal n Test gemacht, geht richtig gut (also Wordpress neu aufsetzen), sogar inkl. Dateien.

Übrigens, absolute Empfehlung für richtig gute, frei verfügbare Fotos in hoher Auflösung: Interfacelift. Daher habe ich alle Fotos, die oben als Header zu sehen sind.



Mehr Umbauarbeiten

Farblich gefällt es mir so langsam, designtechnisch habe ich auch ein bisschen was geändert... nach kritischer Diskussion habe ich mal versuchsweise die Anregung übernommen, Links nicht alle gleich zu gestalten, so sind jetzt Links zu Artikeln rot, Direktlinks auch fett; weitere Links sind grün und wenn sie extern sind auch unterstrichen. Die Infoleiste unter jedem Artikel fällt da noch raus, da ist das nicht konsequent durchgezogen, weil mir bisher die technischen Möglichkeiten dazu fehlen. Links in alten Artikeln sind nicht immer als extern markiert. Alle Links werden schwarz und unterstrichen, wenn man mit der Maus drüber fährt (Hover-Effekt).

Der Kalender und vielleicht noch ein paar andere Elemente sind noch nicht eingefärbt. Die Tag-Wolke mag ich so auch nicht lassen, da kann man ja kaum noch was lesen. Die Bilder im Header müssen teilweise noch ausgetauscht werden.

Die Blogroll ist mal wieder futsch, das Widget fehlt. Weiß der Geier wo das wieder ist. Die linke Sidebar ist jetzt total vollgestopft, das ist doof. Mal schauen, was ich da mache, gedacht war, interne Inhalte links und externe rechts zu positionieren - rechts fehlt halt die Blogroll.

Desweiteren variiert die Geschwindigkeit der Seite recht stark, ich stehe mit meinem Hoster in Verbindung was da los ist.

Wenn noch jemand Vorschläge hat, was man anpassen könnte, immer gerne, bitte hier kommentieren hahahah

Update: Blogroll wieder gefunden... heißt jetzt "Links" und enthält dafür alle Kategorien. Bei mir ist es halt nur eine...