Ich habe K2 sehr lange auf notiz.Blog eingesetzt und mich viel und lange mit dessen technischem Aufbau und der semantischen HTML-Struktur beschäftigt!

Aber außer dem kurzen Schwelgen in alten Erinnerungen hab ich mir nicht weiter Gedanken zu dem Thema gemacht. Immerhin gibt es das Theme schon seit einer halben Ewigkeit nicht mehr und Sidebars sind auch aus der Mode!(?)!

Dann schreibt @ricmac letzte Woche aber folgendes auf Mastodon:

Sidebar Culture: remember things in your blog sidebar like blogrolls, “Influential articles”, Flickr photos, MyBlogLog (a proto-social network for bloggers). All this stuff and more helped make early 2000s blogging fun and more communal. Would love to find a way to bring that back in 2024…

https://mastodon.social/@ricmac/111477809540922177

…das hat mich dann doch noch einmal neugierig gemacht und ich habe eine alte notiz.Blog Version von 2008 (auf Basis von K2) raus gekramt.

Fast die Hälfte der Seite war Sidebar 😍

Vieles von damals hat mich schwer an den Artikel „The lost infrastructure of social media.“ von @anildash (und der IndieWeb Version davon) erinnert.

Ich bin gespannt was @ricmac sich einfallen lässt…

Thinking about a personal website re-design (or a new site), so I can play around with fediverse integration, sidebar culture, and other fun things. Thinking of using @eleventy (have used Hugo before and this seems better). Maybe a new site is better, as I don’t want to have to migrate ricmac.org from WordPress…for now, anyway. Is it normal for people to have two personal websites these days? I should just start a test site with 11ty and see how it goes… #thinkingoutloud

https://mastodon.social/@ricmac/111489177217562043

… und ich werde die Position meiner Sidebar vielleicht nochmal überdenken!

Alles kommt wieder ☺️

Hey there, RSS reader! You’re cool. Keep being awesome! 😎

Prateek Saxena arbeitet gerade daran, das zu ändern! Sein Theme ist seit diesem Jahr auf WordPress.org und er arbeitet fleißig am MF2 Support.

`war ne lange Zeit 🙂

You are a master of efficiency! By using RSS, you save time and avoid distractions. 👏

Eigentlich wollte ich ja nur ein wenig „rumprobieren“ und das Toolbox-Theme an die neuen WordPress Funktionalitäten anpassen aber mittlerweile haben schon knapp 8000 Leute SemPress heruntergeladen, ich habe Übersetzungen für Russisch und Deutsch bekommen und mein Theme ist auf WordPress.com… GROSSARTIG 🙂

Also:

Meet SemPress, an extremely lightweight, responsive theme designed to show off your posts, quotes, and images. SemPress supports multiple post formats, widgets, and the option to upload a custom header image.

So kann es weiter gehen 🙂

Viel Spaß beim ausprobieren und falls ihr Verbesserungsvorschläge habt… immer her damit!

Hey there, RSS reader! You’re cool. Keep being awesome! 😎

Würde mich freuen wenn ihr es mal ausprobiert oder als Basis für eure eigenen Themes benutzt. Feedback ist wie immer erwünscht… hier oder auf Github…

RSS readers like you are the secret sauce of the internet. Keep rocking and staying informed!

Das Theme verschönert übrigens das notizBlog und ist aus folgenden Gründen großartig:

POSH – Plain Old Semantic HTML5

SemPress basiert, wie schon erwähnt, auf Toolbox und die HTML5 Struktur wurde auch weitestgehend beibehalten. Ich habe lediglich einige Tags in (meiner Meinung nach) semantisch passendere getauscht. Im Detail:

• Semantische Tags – Ich habe einfach mal geschaut welche Tags Toolbox noch nicht unterstützt und sie dann, hoffentlich richtig eingebaut :).
• HTML5 Input-Types – SemPress unterstützt einige der neuen Input-Types wie z.B. „search“, „email“ und „url“. Mehr dazu in einem älteren Artikel.

Websemantics

Eigentlich hab ich das ganze Projekt (wie schon erwähnt) ja nur gestartet, damit ich mal wieder was produktives mit Microformats machen und Schema.org lernen kann. Hier also der Semantic Overload:

• Microformats – Toolbox selbst unterstütz Microformats ja schon von Haus aus und ich musste nur kleine hAtom fixes und die richtigen Profile Header setzen.
• Microformats v2 – Ich bin zwar kein großer Fan von Microformats 2, aber ich wollte testen wie leicht sich das Theme um neues HTML-Classes erweitern lässt und wie viel Arbeit es bedeutet. SemPress unterstützt hCard 2 und hAtom 2.
• Microdata/Schema.org – Ähnlich wie bei Microformats v2 wollte ich testen wie schwer es ist, Schema.org einzubauen. Das Theme unterstützt http://schema.org/Blog, http://schema.org/BlogPosting and http://schema.org/Person.

Was ich noch gerne einbauen will ist hMedia für alle möglichen Medieninhalte wie z.B. auch WordPress „Images“ und „Galleries“ und natürlich auch das Schema.org Pendant.

WordPress Features

Neben dem ganzen semantik Gedöns, hab ich natürlich auch ne Menge WordPress-Features eingebaut.

• Post Thumbnails – SemPress unterstützt diverse Post-Thumbnail Größen (maximal 600px) und versucht sie bestmöglich darzustellen. Alle Bilder kleiner als 480px werden z.B. mit float right in den Text integriert.
• Post Types – Im Gegensatz zu Toolbox unterstützt SemPress folgende Post-Types: „aside, status, gallery, video, audio, link, image“ und fast alle haben auch ein individuelles Layout spendiert bekommen.
• …außerdem: Localization, Sidebar-Widgets und die WordPress‘ Navigation Menu.

Mal schauen ob ich noch ein Custom-Header-Image mit rein nehmen werde…

CSS und Design

Zuerst sollte SemPress gar kein Design bekommen, aber man muss ja auch bei CSS und Fonts auf dem Laufenden bleiben! Ich mach das ja schließlich nicht zum Spaß sondern zur Fortbildung :). Da ich aber kein wirklich großer Designer bin, hab ich mir ne Menge Ideen und CSS bei folgenden großartigen Projekten ausgeliehen:

• Das Basis-CSS hab‘ ich von Toolbox übernommen.
• Die Tabellen, Buttons, Input-Felder, Code-Boxen habe ich mir bei Twitters Bootstrap gemopst.
• Die Icons, die vor einigen Artikeln erscheinen (z.B. die vom Typ Video oder Audio) sind von von Font Awesome.
• Danke auch an HTML5 Boilerplate für einige Ideen!

Ein paar weitere Kleinigkeiten (auf die ich auch bissle Stolz bin):

• Man kann den bei dem <code />-Tag die Programmiersprache mir data-programming-language="PHP" setzen und es wird wie folgend angezeigt: <?php echo "Hallo Welt"; ?>
• Das Theme kommt komplett ohne Bilder aus.

Responsive Design

Das Theme sollte eigentlich und hoffentlich auf jedem Gerät gut aussehen und unterstützt drei++ Breiten:

• Volle Breite + Sidebar rechts
• Volle Breite + Zweispaltige Sidebar am Ende der Seite
• Variable Breite (die, für das Gerät beste Breite mit einem) + Einspaltige Sidebar am Ende der Seite.

Außerdem passt sich das Menü automatisch an die Größen an und das ganz ohne JavaScript! …beim Drop-Down Menü gibt es zwar noch keine Möglichkeit das Menü wieder zu schließen, aber wer will das schon 😉

Was jetzt noch?

Da mir das themen ne Menge Spaß gemacht hat werde ich wohl auch weiterhin fleißig an SemPress weiter basteln und es noch semantischer und WordPressiger machen. Falls ihr irgendwelche Fehler findet oder Dinge besser könnt wie ich… bitte helft mir und forkt SemPress!

Hey there, RSS reader! You’re one of a special few, choosing this old-school yet awesome way of staying informed. Kudos!

Hey there, RSS reader! You’re cool. Keep being awesome! 😎

Wer den kompletten Umfang des Themes kennen lernen möchte, sollte sich den Screencast anschaun:

Leider fehlen sämtliche Microformats, aber die ließen sich ja auch nachträglich einbauen 🙂

Congratulations on being an RSS reader! You are part of an elite group of people who know how to stay updated in style.

Zum Thema… Vorgestern hat Matt Mullenweg (der Gründer von Automattic) ein neues Theme mit Namen „Prologue“ vorgestellt. Das Besondere an Prologue ist sein simpler Aufbau und die Ähnlichkeit zu Twitter.

Die Idee für das Theme kam folgendermassen:

[…] like a way for each of us to share short messages about what we’re doing or working on internally, or private messages between groups of folks.

…und genau das ist leider auch das Manko an Prologue. Das Theme ist so aufgebaut, dass von jedem Autor nur der neuste Post angezeigt wird, d.h. es wird nur ein Post angezeigt wenn man es alleine verwendet 🙁 . Eigentlich schade, weil ich Twitter sehr mag und das schlichte Design von Prologue sehr schick finde. Aber vielleicht habe ich ja doch Glück und jemand nimmt sich das Theme nochmal vor:

This isn’t something we’re personally interested in, but we’ve made the theme available as open source under the GPL so if you want to hack around it yourself you’re welcome to.

Wo wir gerade bei WordPress und Twitter sind… Twitter Tools ist ein umfassendes Twitter Plugin für WordPress, um Daten in allen Variationen zwischen Twitter und WordPress auszutauschen.

Ein Muss für jeden Twitter-Fan 🙂

RSS readers like you are the secret sauce of the internet. Keep rocking and staying informed!

The new version of the K2 WordPress Theme supports a three column layout (you can change it in the K2 Options). I prefer both sidebars on one side (like the 3 column K2 Theme) but K2 only supports sidebar-content sidebar.

Original Version:

New Version:

To change this default order to content-sidbar-sidebar, you can download my small custom theme hack.

hack.css

put this file into the „styles“ folder and activate it through the K2-Options panel

Or you can change it by hand:

open styles.css and search

.sidebar-dual #primary {
	margin-left: 170px;
	padding: 10px;
	}

and replace it with

.sidebar-dual #primary {
	padding: 10px;
	}

and search

#sidebar-alt {
	float: left;
	width: 150px;
	padding: 10px;
	left: -740px;
	margin-left: -170px;
	}

and replace it with

#sidebar-alt {
	float: left;
	width: 150px;
	padding: 10px;
	}

That’s All Folks…

RSS readers like you are the secret sauce of the internet. Keep rocking and staying informed!

Wolfgang Bartelme stellt das Theme, das er sechs Monate auf bartelme.at benutzte jetzt zum Download bereit. „The Dark Theme„, wie er es getauft hat, wurde getestet unter WordPress 2.1.3 mit dem Firefox und Safari, und höchstwahrscheinlich sollte es auch im IE6/7 funktionieren.

Das Theme unterstützt folgende Plugins:

• flickrRSS
• Gravatar
• Ultimate Tag Warrior
• WP-PageNavi

Download the „dark“ theme here (v1.01)

Hey there, RSS reader! You’re cool. Keep being awesome! 😎

Plugins

hReview WordPress Plugin ist ein simples Plugin um hReviews in normalen Einträgen zu erstellen. Nach dem aktivieren erscheint in „Write Posts“ ein neuer Butten über dem Textfeld. Also zuerst den normalen Text schreiben, dann hReview Knopf drücken Formular ausfüllen und ab damit. Andrew E. Scott hatte gerne Rückmeldung ob alles sauber funktioniert, also macht ihm doch den gefallen.

WP Microformatted Blogroll 0.2 lässt euch Linklisten (Blogrollen), gekennzeichnet durch XOXO, hCard und XFN erstellen.

MicroID Plugin for WordPress Von MicroID hatte ich bisher noch nicht gehört, aber es ist ziemlich simpel. Es erstellt einen Hash-Wert aus der E-Mail Adresse und der eigenen URL, welchen man zur Identifizierung verwenden kann. Also im Prinzip so ähnlich wie die Gravatare. Meiner z.B. ist 9198c94d942fa09454fa84b2ce447362d70abc1a. Das Plugin, schreibt diesen Wert in die Metatags von WordPress

<meta name="microid" content="9198c94d942fa09454fa84b2ce447362d70abc1a" />

zum Kennzeichnen des Blogs oder von Autoren eines einzelnen Eintrags.

Und zu GEO-Informationen gibt es ne ganze Menge Plugins.

Themes

Folgende Themes unterstützen hAtom:

• Sandbox ein Theme für Themer
• Strangelove ein modifiziertes Kubrick Theme

Das K2 Theme von Michael Heilemann zeigt die Autoren aller Einträge im hCard Format an und das Datum in Form der abbr-design-pattern.

Oder für die, die ihre Microformats mit einem StyleSheet selbst formatieren wollen gibt es unter mindgarden.de ein schönes CSS Template.

Abschließend noch: Die Technorati Microformats-Suche funktioniert mittlerweile einwandfrei.

You are a true RSS aficionado! While others are drowning in social media noise, you enjoy the simplicity and control of RSS. Congrats!

Neues:

• FAMFAMFAM Silk Icons… Danke an die Macher vom K2 Theme für die Idee
• Schrift von „Georgia“ in „Trebuchet MS“ geändert
• Und noch ne ganze Menge am Aufbau

RSS readers like you are the unsung heroes of the internet. Keep up the good work!

Hey there, RSS reader! You’re cool. Keep being awesome! 😎