Multi Medial - analog bis ziemlich digital

Kategorie: Software Seite 1 von 2

Metadaten in den Text in Gutenberg einweben | #Projekt26

Nachdem ich vor kurzem für eine Kundin erfolgreich einen sehr schönen individuellen Block umsetzen konnte, mit dem sie ihre Inhalte aus eigenen Inhaltstypen dynamisch einbinden kann kam mir die Frage in den Kopf wie klein kann ein dynamischer Teil eines Posts sein.

Also habe ich mir überlegt, dass ich versuchen möchte einen Block zu bauen, der es erlaubt einen Post-Meta-Wert durch einen Platzhalter innerhalb eines Textes zu platzieren z.B. einen Preis für ein Produkt oder Bewertungswert für eine Rezession.

Weil das ganze auch noch was mit dem Thema „WordPress das CMS“ zu tun haben soll, soll der Block auch innerhalb eines wiederverwendbaren Block funktionieren. Damit man z.B. sich einen Zusammenfassungs-Block bauen kann der unter allen Rezessionen auf dem Blog platziert und mit einer Änderung alle Rezensionen updaten kann. Oder ein Redaktionsteam kann Texte für einen Onlineshop bearbeiten aber die Details über die Produkte selber kommen aus der Warenwirtschaft und können beim Kollektionswechsel automatisch auf der Website aktualisiert werden.

Wichtig ist mir dabei, dass der Wert nicht als ein alleinstehender Block zwischen anderen Blöcken steht, sondern wie z.B. ein Link oder eine Textauszeichnung im Text mit fließt.

Auch soll der Block die Möglichkeit bieten einen Wert der als nackte Zahl in der Datenbank gespeichert wurde z.B. als Währung zu formatieren.

Ich bin gespannt ob das alles so klappt wie ich mir das vorstelle.

1. Schritt: Testen mit Shortcode

Als ersten Schritt habe ich mir ein kleines Plugin gebaut mit dem ich testen kann ob die Idee mit dem alten Weg in WP für dynamische Inhalte klappt.

Der alte Weg ist ein Shortcode:

[meta field="bewertung"]

Das Wort meta ist das Schlüsselwort um meine Funktionalität auf zurufen und das Wort field zeigt, dass an dieser Stelle der Name des Post Meta Feld anzugeben ist.

Da ein Shortcode ja so oder so nicht dynamisch ist im klassischen Editor muss ich zum aktuellen Stand den Feldnamen kennen. Im Block soll das dann viel schöner werden.

Dann habe ich in meinem lokalen Testsystem zwei Beiträge angelegt und jeweils verschiedene Werte in den individuellen Feldern hinterlegt.

Den Shortcode platziert und die Beiträge geöffnet. Läuft.

Einen neuen Absatz gestartet und den Shortcode darin platziert. Den Absatz zu den „wiederverwendbaren Blöcken“ hinzugefügt. Diesen Block dann auch in den zweiten Beitrag platziert. Läuft auch.

Die Idee läuft also generell.

2. Schritt: Einen Block erstellen

Leider haben ich heute nicht mehr genug Zeit um den Schritt zwei zu machen. Es heißt also:

Fortsetzung folgt …

Folie: The power of taxonomies for better websites - Ralf Wiechers

Mein Vortrag: The power of taxonomies for better websites

Die Tage und Wochen verfliegen wieder so schnell, dass es mir schwer fällt bei #Projekt26 mitzuhalten. Da es diese Woche viele positive Entwicklungen für mein Projekt CoWorking Schlei gab muss ich einen Joker ziehen und meinen nicht ganz frischen Vortrag vom WordCamp Athen verbloggen.

Auch wenn der Vortrag aus dem letzten Jahr stammt passt er gut in meine Reihe „WordPress als Content-Managment-System (CMS)„. Es liegen auch schon angefangene Entwürfe für weitere Artikeel bereit. Heute aber erstmal ein Video von mir in englischer Sprache.

Automatische Seiten in WordPress | #Projekt26

Im Rahmen des Projekt26 habe ich mir vorgenommen WordPress aus einem spezifischen Blickwinkel zu betrachten:
WordPress als Content-Managment-System (CMS).

Gerade in den Zeiten von Gutenberg und viel Aufregung um „Full-Page-Editing“ finde ich es wichtig nicht zu vergessen, dass WP ein geniales Werkzeug ist informative Websites mit vielen Inhalten zu erstellen.

Aber viele Inhalte müssen auch gefunden werden z.B. für Suchmaschinen und für Besucher erkundbar sein. Dies ist die große Stärke unseres Systems gegenüber vielen anderen.

Sammlungen aka. Archive

Somit kommen wir zu den ersten „automatischen Seiten“.

Taxonomie-Archive

Bereits seit Version 1 gibt es die Möglichkeit Blogposts mit Kategorien zu verbinden und diese Sammlung direkt über einen eigenen Link aufzurufen. Heute kommt WP von Haus aus zusätzlich mit Schlagworten, welche die gleichen automatischen Archive bekommen.

Filtern da wo kein Filter ist | #Projekt26

Für ein Kundenprojekt auf einer WordPress-Multisite und mit einer sehr großen Anzahl an Einträgen, die aus einer Warenwirtschaft gespeißt werden, sollten im Frontend bestimmte Post-Metadaten formatiert werden ohne das bei jeder einzelnen Ausgabe im Frontend über das richtige Format nachgedacht werden muss.

Zum Beispiel können Entfernungen oder Gewichte mit ihren Einheiten versehen werden.
Datenbank: „5“
Frontend: „5 kg“ oder „5,00 kg“

Das Problem

Um einen eigenen Formatierungs-Helfer zu vermeiden war meine Idee, dann filtern wir doch einfach den Wert unmittelbar bevor er von der get_post_meta() Funktion zurück gegeben wird. Pech gehabt. In der Funktion und allen weiteren Funktionen die sie aufruft gibt es nur einen relevanten Filter: get_{$meta_type}_metadata

Dieser dient eigentlich dazu zu prüfen ob der aktuelle Benutzer einen Postmeta Wert überhaupt auslesen darf und im negativen Fall eine Alternative zurück zu liefern.

In dem Moment wo diese Prüfung ausgeführt wird „kennt“ das Programm den Postmeta-Wert noch nicht. Ist somit nicht Teil der Parameter von apply_filters().

Fügt man einen eigenen Filter an der Stelle hinzu kann man wierderum get_post_meta() aufrufen. Aber dann landed man direkt wieder in dem selben eigenen Filter und somit in einer Endlosschleife.

Mein Vortrag „Auto-Deployment ohne CLI“ beim WordCamp Cologne 2017

Vor kurzem fand das zweite WordCamp Cologne im BarCamp-Style statt. Nach langer Vorfreude mal wieder zu einem der deutschen WordCamps zu gehen um Freunde, Kollegen und neue Leute zu treffen machten Torsten und ich uns mit dem Zug auf den Weg.

Bis zu dem Zeitpunkt komplett unvorbereitet kamen wir im Laufe der Fahrt auf das Thema „Auto-Deployment“ und das es bisher keinen Vortrag für Einsteiger gab, der es erlaubt einen einfachen Einstieg in das Thema aufzuzeigen. Da ich das Thema für mich schon vor einiger Zeit gelöst habe, konnte der Erklärbär nicht widerstehen und der Vortrag war geboren.

Panorama der versammelten Teilnehmer bei der Eröffnung des WordCamps

Bei der großen Vorstellungs- und Vortrags-Planungs-Runde am Samstag morgen war ich einer der ersten um meine Idee vorzustellen und bekam eine schöne Anzahl an Händen, die für mich stimmten.
Die Sessions am Vormittag nutzte ich um die einleitenden Folien zu bauen und die nötigen Vorbereitungen zu treffen.

Wieder was gelernt diese Woche #9

WordPress

Schnell und einfach Text verlinken

Beim bearbeiten eines Blogposts habe ich durch Zufall eine äußerst nette Funktion von WordPress entdeckt.

  1. Kopiere eine URL inkl. Protokoll „https://www.example.com/beispiel“ z.B. aus der Adresszeile eines Browsers
  2. Markiere ein beliebigen Text innerhalb des Editors
  3. Drücke die Tastenkombination zum einfügen (Str/Apfel + V)
  4. -> Der markierte Text wird automatisch in einen Link umgewandelt und die URL in der Zwischenablage verwendet

Wieder was gelernt diese Woche #6

Physik-Nachhilfe

WordPress- und Web-Welt

Dieser Vortrag ist mit beim WCEU in Paris vorbei gegangen und diese Woche habe ich ihn nachgeholt und denke jeder der Website-Frontends baut sollte ihn sehen.

Etwas Spaß

Diese beiden Videos lehren wenig Neues, machen aber viel Spaß beim anschauen:

Wieder was gelernt diese Woche #3

Web Welt mit und ohne WordPress

Einfaches testen der Accessibility

Mein Pocket ist ziemlich voll und dieses Tool schlummerte schon länger darin. Nun habe ich die Browser-Erweiterung installiert und bin begeistert. Man kann zwar nur die aktuelle Seite der Website testen, aber man bekommt die Fehler übersichtlich aufgelistet und mit einen Klick springt man direkt zur entsprechenden Stelle im Inspektor.

Das Video zeigt schön wie einfach es ist Fehler in der Zugänglichkeit von Websites zu finden:

Browser-Plugin-Website: https://www.deque.com/products/axe/

Planet Erde

Der Klimawandel ist eine sehr komplexe Angelegenheit und sicherlich nicht mit nur einer Veränderung zu bekämpfen. Diese Woche bin ich über dieses Video gestolpert.
Eine interessante Methode um die Ausbreitung der Wüsten etwas entgegen zu setzten und gleichzeitig CO2 in Pflanzen „zu speichern“. Ob die Methode funktioniert kann ich nicht beurteilen, allerdings deckt sie sich in vielen Bereichen mit Dingen, die ich in meiner Kindheit von Landwirten und anderen weisen Personen gelernt habe. Es gibt verschiedene Namen dafür:

  • Holistic Management
  • Cell grazing

Unter den von mir gelesenen Berichten zu dem Thema, fand ich diesen Bericht aus den USA interessant, da sie einen großen Schritt zurück zu einem „natürlicherem“ Tierbestand.

Wieder was gelernt diese Woche #2

Web Welt

Als digitaler Nomade war ich letztes Jahr in Südost-Asien unterwegs. Dort habe ich am eigenen Gerät erlebt was es bedeutet mit schlechtem Netz(werk) zu leben und zu arbeiten. Hier nun eine super Zusammenfassung inkl. Zahlen rund um das Thema auf Smashing Magazin:

Tastertur-Bedienung

Das Thema A11y (Accessibility) ist bei mir aktuell sehr präsent. Somit stand ich diese Woche vor der Aufgabe einen Checkout-Prozess auf Tastatur-Bedienbarkeit zu testen. Checkboxen sind weit verbreitet z.B. für AGB-Annahme. Doch wie macht man das Hackchen? Hier mein kleine Liste der einfachsten Tasten, die man für ein Formular benötigt:

  • Tab-Taste zum anspringen von Form-Elementen
  • Shift + Tab zum rückwärts-springen zwischen Form-Elementen
  • Leer-Taste (Space) zum schalten von Checkboxen
  • Pfeil-Tasten zum Auswählen von Radio-Buttons
  • Enter-Taste zum Abschicken des gesamten Formulars

Schon mal selber versucht eine Bestellung ohne Maus abzugeben?

Vertiefung in Blockchain

Ein Blick über den Tellerrand von Bitcoins. Das Thema Ethereum klingt sehr interessant.

Wieder was gelernt diese Woche #1

Dieser Beitrag ist für Woche 25 in 2017

Meine WordPress Welt

WordCamp Europe 2017

Die eigentliche Konferenz war streng genommen schon in der letzten Woche. Die Verarbeitung der vielen neuen Eindrücke dauert ein paar Tage.

Diese Talks fand ich dieses Jahr super beim #WCEU:

http://wordpress.tv/2017/06/22/caspar-hubinger-big-little-shame-a-tale-of-empowered-user-experience-through-localisation/

Neben dem fachlichen Nachholen der verpassten Talks gibt es natürlich auch wieder ein paar schöne Erinnerungen in denen gestöbert werden kann. Hier wieder tolle Fotos von Florian Ziegler und das Aftermovie:

Metadaten sicher und besser für die Zukunft

Ich arbeite gerade an einem Startup-Projekt, das viel Vorbereitung für künftige Möglichkeiten benötigt, haben ich mich mit Post Metadaten in WordPress tiefer befasst und festgestellt, dass die Verwendeung der register_meta Funktion nicht weit verbreitet ist.
Sie eine zentrale Möglichkeit Metadaten sauber zu halten und zu zu steuern wer sie sehen oder bearbeiten kann.

Ein Video, dass in teilen überholt ist, aber eine gute Einführung gibt von Andrew Nacin aus dem Jahr 2014:

Fallabhängige WooCommerce Checkout Felder

In einem Projekt habe ich diese Woche dynamisch eigene Felder in den Checkout von WooCommerce eingebaut. Eine gute Anleitung dafür gibt’s von Devin Walker in diesem Blog.

E-Mobilität

Auf einem meiner liebsten Youtube-Channels gabe es diese Woche praktische Straßenlaternen mit Steckdose:

Leben, Denken, Motivation

Den Ausgaben von chase jarvis live folge ich bereits für eine lange Zeit. Diese woche habe ich die Zeit gefunden das Interview mit Chris Guillebeau zu schauen, der durch den Nomaden-Lifestyle mir gut bekannt ist.

Zufällige Dinge

Die Blockchain interessiert mich schon länger. Diese Woche habe ich dieses Video gesehen. Spannend.

TED Talks sind stets eine schöne Sache um ein paar Minuten Unterhaltund und (unnützes) Wissen zu kombinieren. Diese Woche mein Pick:

Seite 1 von 2

Präsentiert von WordPress & Theme erstellt von Anders Norén