WordPress Thumbnails – die All-In-One Lösung

Wordpress ThumbnailHeute soll es darum gehen, wie man mit nur einer Funktion alle Möglichkeiten abdeckt, um Thumbnails in seinem WordPress Theme anzuzeigen.
Ein Thumbnail (wörtlich aus dem englischen: Fingernagel) ist ein Miniatur- bzw. Vorschaubild. In Rahmen eines WordPress Blogs findet man Thumbnails im Normalfall auf der Haupt- bzw. Startseite. Neben dem “Anreißer” findet sich oft ein kleines Bild, was dem Nutzer den Artikel schmackhaft machen soll.
Wie man diese kleinen Vorschaubilder am besten in WordPress ausgeben kann, möchte ich nachfolgend erklären. Es gibt nämlich nicht die eine Methode, um an die Bilder zu kommen, sondern mehrere verschiedene Wege. Sucht man im Internet nach Artikeln zum Thema “Thumbnails in WordPress”, dann wird einem meistens nur eine der Möglichkeiten aufgezeigt und als die einzig wahre Umsetzung angepriesen.
Ich bin […]

Warum Schrödingers Katze ein WordPress Plugin war

Schrödingers WordPress Plugin TheorieVor ein paar Tagen ereilte mich ein Hilferuf von Robert, der in seiner Freizeit den Interview-Blog betreibt, für den auch ich schon Rede und Antwort gestanden habe.
Konkret ging es darum, dass Artikel in der “Einzelansicht” nicht mehr angezeigt wurden. Auf der Startseite, auf der alle Beiträge chronologisch angerissen werden, war jedoch alles normal. Auch die statischen Seiten in WordPress wurden angezeigt. Nur bei einzelnen Artikeln blieb es bei der Überschrift. Der eigentliche Artikeltext blieb verschwunden.
Robert war sich jedenfalls keiner Schuld bewusst und konnte mir somit leider auch keinen Punkt geben, an dem ich ansetzen konnte. Wie nun also vorgehen?
Den Fehler eingrenzen
Nun galt es zuerst einmal den Fehler grob einzukreisen. Nachdem mir Robert Zugang zum Backend seines […]

Tutorial: Social Media Buttons selbstgemacht

diy social media buttonsKaum eine Webseite kommt heutzutage noch ohne sie her. Worum es geht? Um Like-Buttons, Share-Buttons, Like-Counter, Benutzerbilder, usw. – aus der heutigen Netzlandschaft sind sie kaum noch wegzudenken.
Und deshalb möchte ich euch heute zeigen, wie man die Teilen- und Liken-Funktionalitäten von Facebook und Twitter sowie Benutzerbilder von Gravatar in das eigene Website-Theme einbaut.
Ich sage bewusst “Funktionalitäten”, weil ich nicht zeigen möchte, wie man die fertigen Standardkomponenten nutzt, sondern wie man die Kernfunktionalitäten anspricht, sodass man hinterher in der Gestaltung des Like-Counters zum Beispiel ganz frei agieren kann.
Wie das dann aussehen kann, wenn man in der Gestaltung der Social-Funktionalitäten ganz frei ist, könnt ihr in dem Artikelbild oben-links unter der Unterschrift dieses Artikel sehen.
Facebook Share-Button und Share-Counter einbinden

RadioduinoWRT – ein Webradio im Eigenbau

RadioduinoWRTHeute möchte ich euch eines meiner größeren Bastelprojekte vorstellen. Diesmal geht es nicht ausschließlich um Software, sondern auch um die dazugehörige Hardware. Worum es geht? Um ein Webradio!
Ich höre gerne mal Internetradiosender, jedoch möchte ich hierfür längst nicht immer meinen PC laufen lassen. Mein Smartphone an meine Stereoanlage anzuschließen kam auch nicht in Frage, da ich dieses lieber bei mir trage, als für jede SMS/Whatsapp-Nachricht zur Musikanlage zu laufen. Und da ich eh gerne bastele, lag es nahe, einfach selber ein Webradio als eigenständiges Gerät zu bauen.
Da dieser Artikel etwas länger geworden ist, gibt es nachfolgend einen kleinen Überblick über die Sektionen des Artikels, sodass jeder schnell das finden kann, was er sucht.

Was ist das RadioduinoWRT?
Vorüberlegungen zum Aufbau
Was soll das Radio können?
Übersicht und Teileliste
Konfiguration […]

Bilder verpixeln in Javascript

Close Pixelate TutorialHeute gibt es mal wieder ein bisschen Javascript-Code. Es soll darum gehen, wie man Bilder mittels Javascript verpixeln kann. Die hat sowohl vor als auch Nachteile, welche ich nachfolgend einmal kurz aufzählen möchte.
Vorteile:

Das Verpixeln kann dynamisch geschehen (Händischer Aufwand im Grafikprogramm fällt weg. Grafiken müssen vorher nicht bekannt sein.)
Die benötigte Rechenleistung wird auf den Client ausgelagert. Im Gegenteil zu einer serverseitigen Lösung (z.B. mittels PHP/Imagick), wird die Rechenlast verteilt, sodass bei hohen Besucherzahlen der Webserver nicht mit Grafikberechnungen ausgelastet wird

Nachteile:

Die Verpixelung sollte eher als grafischer Effekt bzw. zur Gestaltung genutzt werden, da die Daten ja erst einmal unverpixelt zum Client geschickt werden. Soll also wirklich der Bildinhalt unkenntlich gemacht werden, muss die Verpixelung weiterhin vor der Auslieferung an den Client geschehen

Wie funktioniert das Verpixeln?
Um Bilder in Javascript zu verpixeln machen wir uns eine Bibliothek […]