Zum Inhalt springen

Archiv für das Tag "diy"

Progressive Web(rocker)App

Ha! It! Really! Works!

I have to admit I was a bit sceptical of the outcome after I tweaked and added things and bits of my website at the Indiewebcamp in Nuremberg, setting up a service worker and offline caching things, adding a manifest file … while in theory I understand what all of this was supposed to do, I felt a bit dumb for not completly grasping how to control the stuff.

So as so often when learning new tricks on the web, it started with copy/pasting a working solution and trying to adapt this to my ideas.

But ...

Add class attribute to WordPress "the_tags" markup

I'm in the process of gradually enhancing my site's markup with microformats, in order to "indiewebify" my site further.
On thing I noticed while working on this at the Düsseldorf Indiewebcamp, is that WordPress (or the way my theme handles) tags on posts has no way to get an additional class inside the link markup. I noticed this while POSSEing to flickr -- my categories were transferred, my tags not so much, because the class="p-category" was missing. I found a way to modify the the_tags output by hooking into WP's term_links-$taxonomy filter in my theme's function.php.

Maybe there's a smarter ...

Twitter cards und Facebook Opengraph Unterstützung ohne Plugin

Ich habe schon länger Metaangaben für die Crawler von Twitter und Facebook hier im Blog, wenn ein einzelner Artikel aufgerufen wird. Damit kann ich *etwas* steuern, was diese Plattformen sich aus dem Inhalt des Artikels rausziehen und als Teaser verwenden, wenn eine Artikel-URL dort geteilt wird. Also welches Bild als Thumbnail genommen wird, welcher Titel und welche Beschreibung zum Beispiel.

Das Ganze ist relativ simpel, Facebook nutzt sein "OpenGraph" Protokoll und Twitter kann einen Teil der "OpenGraph" Angaben nutzen oder man nimmt gleich die Twitter Cards Schreibweise. Die Angaben sollten im head Bereich des Quelltextes stehen.

In der header.php ...