Bei der Erstellung von Inhalten geht es um mehr als einen Redakteur

Dies ist ein Gastbeitrag von Reid Peifer, Partner und Art Director bei Modern Tribe. In diesem Beitrag teilt Peifer seine Erfahrungen, Meinungen und Dinge, die bei der Überarbeitung der Inhaltserstellung in WordPress zu berücksichtigen sind.

Stellen wir uns eine Welt vor, in der die Tools, die wir haben, uns nicht einschränken, sondern es uns stattdessen ermöglichen, einzigartige, kontextbezogene und durchdachte Inhalte zu erstellen. Wir streiten nicht mit ihnen, wir streiten nicht über Zeilenumbrüche und Ränder.

Wir streiten nicht darüber, ob zwei Bilder aneinandergereiht werden sollen oder nicht. Wir sind nicht auf Fettdruck, Kursivschrift, Unterstreichungen und Aufzählungszeichen beschränkt, um unsere Ideen auszudrücken. Wir sind nicht auf Taxonomien für unsere Organisation und stumpfe relationale Algorithmen beschränkt, um komplementäre Inhalte zu bestimmen.

Das ist die Realität, die wir haben sollten. Content Management sollte mehr sein als TinyMCE und Metaboxen. Während sich WordPress weiter zu einer ausgereiften Plattform entwickelt hat, hat der Fokus auf das, was seine Kernaufgabe sein sollte, einen zweiten Platz eingenommen.

Wir (die WordPress-Community im Allgemeinen) waren so aufgeregt, WordPress großartig zu machen, dass wir unseren Auftrag aus den Augen verloren haben – WordPress zu ermöglichen, großartige Dinge zu machen. Das Verlagswesen demokratisieren. Um die Geschichten aus den Köpfen und Herzen der Menschen in die Welt zu tragen.

Wir haben den Inhalt vergessen. Ohne Inhalt ist WordPress mit all seinen Kleinigkeiten viel Lärm um nichts. Es stimmt zwar, dass WordPress zu einem fast unvorstellbaren Ausmaß angewachsen ist, aber die Inhalte, die es heute erstellt, werden die Anforderungen des Webs von morgen nicht erfüllen.

Ich konnte es nicht zum WordCamp US schaffen, aber ich gebe zu, dass ich mit offenem Mund vor Freude das Video anhörte, in dem für 2017 ein Fokus auf den Editor gefordert wurde.

Die anfänglichen Diskussionen auf make.wordpress.org und in Slack sind unglaublich ermutigend. Die Gemeinschaft hat diese Verantwortung übernommen und bewegt sich mit einer Leidenschaft voran, die die Bedeutung der anstehenden Aufgabe widerspiegelt.

Obwohl ich ihre Bemühungen absolut begrüße und denke, dass das Gespräch bisher wertvoll war, ging es sofort an den Herausgeber selbst. Was macht einen guten Redakteur aus? Die Diskussion konzentriert sich auf die Benutzeroberfläche, in welchem ​​Format die Daten gespeichert werden sollen, sollten Shortcodes verwendet werden usw. Alles gute Fragen, aber wenn wir sie zuerst beantworten – wir schränken den Umfang unserer Anfrage ein.

Die erste Frage sollte lauten: „Was macht guten Content aus?“ Was ist „Inhalt“? Lebt der Inhalt nur auf dem Beitrag oder der Seite? Was sind seine wesentlichen Elemente? Wie interagieren diese Elemente und beziehen sich aufeinander? Was ist der Lebenszyklus von Inhalten? Wo und wie taucht es auf der Website auf? Verhält sich der Inhalt in verschiedenen Szenarien oder Positionen unterschiedlich?

Wenn wir mit diesen Fragen beginnen, werden ihre Antworten zu unseren Zielen für die Benutzeroberfläche. Die Frage „Was macht einen guten Lektor aus?“ hat eine klare Antwort – eine, die das Erreichen dieser Ziele angenehm und mühelos macht.

Die Notwendigkeit eines robusteren Tools zur Erstellung von Inhalten ist nicht neu

Vor Jahren, als „Magazin-Layout“ das neue heiße Ding war, hatten wir das Privileg, mit einigen großen Publikationen zu arbeiten. In unserer Designentdeckung haben wir erfahren, wie sie über die Präsentation ihrer Inhalte dachten und wie sich Layouts basierend auf den Inhalten, die sie an diesem Tag präsentierten, ändern würden.

Die starren Vorlagen des Webs, an deren Erstellung wir gewöhnt waren, konnten unmöglich die Strategie erfüllen, die sie seit Ewigkeiten im Druck angewendet hatten. Die Sport-, Business- und Lifestyle-Bereiche mussten alle in der Lage sein, je nach ihren unmittelbaren Bedürfnissen unterschiedliche Layouts und Präsentationen zu nutzen.

Sie mussten sich Tag für Tag ändern. Wir wollten alles, was wir über Baustellen in WordPress wussten, preisgeben. Wir mussten die Vorlagenhierarchie aufgeben und ganz von vorne anfangen. Die Taxonomie-Begriffsseite in der Verwaltung würde es nicht schneiden.

In der Zwischenzeit wurden „Kunstleitung“ oder „Redaktionsposten“ zu einer Sache. Leute wie Jason Santa Maria und Trent Walton brachten wunderschöne, maßgeschneiderte Artikel heraus, die reich an redaktionellem Design waren. Ich war noch nie so begeistert vom Potenzial des Webs wie damals, als ich die ersten Artikel von Jason Santa Maria sah – ich bin ein Fan von gutem Content-Design.

Irgendwann kurz danach veröffentlichte die NY Times Snowfall, und alle, mit denen wir sprachen, brauchten eine „lange Form“ (auch wenn sie keine Ahnung hatten, warum oder was das bedeuten könnte). Ich habe meine eigenen Experimente durchgeführt, um diese Funktionalität in WordPress nachzubilden – zu der Zeit bedeutete das vollständiges Markup und jede Menge benutzerdefiniertes CSS, die alle in das WYSIWYG eingearbeitet wurden. Schöne Ausgabe, beschissene Erfahrung.

Dies sind zwei wirklich gängige (und alte) Beispiele dafür, dass der Inhalt mehr braucht, als das Tool bieten kann.

An diesen Herausforderungen haben wir uns über Jahre hinweg abgemüht und sie für unsere speziellen Anwendungsfälle gelöst. Jedes Projekt treibt unsere eigenen Lösungen voran. Hier ist einiges von dem, was wir gelernt haben.

(Wir sprechen also alle von denselben Begriffen. Wenn ich im Folgenden auf Inhaltserstellung verweise, meine ich den Akt der Erstellung eines neuen Inhalts. Wenn ich auf Inhaltsmanagement verweise, meine ich sowohl das Inhaltsmodell als auch die Organisation und Präsentation von Inhalten auf der gesamten Website.)

Wir sollten von der modularen Entwicklung und dem atomaren Design lernen

Wir sollten die Prinzipien der modularen Entwicklung und des atomaren Designs sowohl auf die Inhaltserstellung als auch auf das Inhaltsmanagement anwenden.

Wir haben ein modulares und systematisches Denken in unsere Programmierpraktiken übernommen und einst monolithische Vorlagen in kleinere wiederverwendbare Teile zerlegt. Wir haben Designsystemdenken und atomare Ansätze auf unsere UI/UX- und visuelle Designarbeit angewendet.

Kleine Teile kommen zusammen, um Komponenten zu schaffen, die zusammenkommen, um Seiten zu schaffen, die zusammenkommen, um vollständige Erfahrungen zu schaffen. Es ist die Design- und Bauschule für LEGO-Bausteine. Das ist ein Refrain, den viele von uns gut kennen.

Ausweitung dieser Philosophie auf die Erstellung und Verwaltung von Inhalten

Obwohl wir diese Idee des systemischen Denkens bei der Art und Weise, wie wir entwerfen, und der Infrastruktur dessen, was wir bauen, angenommen haben, sind wir nicht dazu gekommen, darüber nachzudenken, wie wir die Content-Erstellung und das Content-Management (Content-Strategie) auf ähnlich modulare Weise angehen können.

Dies liegt vor allem daran, dass unsere Tools es uns nicht erlauben, modulares Denken auf die Erstellung und Verwaltung von Inhalten anzuwenden. CMS, einschließlich WordPress, sind im Allgemeinen auf vordefinierte Strukturen und Organisationsmodelle beschränkt.

Die Rolle der Vorlagen in der gesamten CMS-Architektur schränkt die Flexibilität unserer Inhaltsersteller ein. Heute findet die Content-Strategie vorher statt und ist dann der Entwicklung ausgeliefert. In einer besseren Welt könnte unsere Inhaltsstrategie Design und Entwicklung nutzen, um im Laufe der Zeit elegant zu wachsen, sich anzupassen und zu verändern. Unsere Publishing-Tools könnten zur Methode werden, mit der sich unsere fortlaufende Content-Strategie weiterentwickelt.

Modulare Inhaltserstellung

Lassen Sie uns über die Idee von Inhalten im Web nachdenken. Vieles von dem, was wir heute im Web sehen, ist ein logischer kleiner Schritt nach vorn gegenüber dem Druck. Titel und Überschriften, Textabsätze, Bilder, Pull-Zitate. Diese Teile sind ein 1:1-Analog. Weil es ein digitales Medium ist und wir so schlau sind, haben wir auch Videos, Bildergalerien, diese verdammten Karussells und so weiter aufgenommen.

Für die meisten von Ihnen werden diese Elemente mit einem WYSIWYG-Editor auf einer Webseite platziert. Du kämpfst mit TinyMCE um die Vorherrschaft. Vielleicht hat dein Theme oder Plugin dedizierte Metaboxen für spezielle Elemente. Oben auf der Seite befindet sich möglicherweise eine Diashow oder Galerie.

Wenn wir uns die meisten Ausführungen von Inhalten im Web ansehen, sind sie tatsächlich weniger interessant, weniger ansprechend und weniger schön als das, was unsere Print-Pendants seit Ewigkeiten tun (und ich meine buchstäblich Ewigkeiten).

Wir haben alle Vorteile, können aber nichts Interessanteres als eine vorformatierte Menge an Inhalten erstellen. Unser Beharren darauf, dass Inhalt und Präsentation getrennt sein müssen, ist eine Übertreibung – sie sind in ihrem Kern miteinander verbunden. Gab es gestern eine weltbewegende Nachricht? Schade, Sie erhalten den gleichen 400-Pixel-Bildplatz, den jede andere Geschichte erhält.

Ich weigere mich zu glauben, dass dies das Beste ist, was wir tun können.

TinyMCE ist nicht die Spitze der Tools zur Inhaltserstellung.

Die Plattform, die herausfinden kann, wie die Inhaltserstellung ansprechend und leistungsstark gestaltet werden kann, ist die Plattform, die weiter wachsen wird. Während Calypso eine interessante technische Meisterleistung und ein hilfreiches Modell für die zukünftige Entwicklung ist, hat es wenig dazu beigetragen, voranzubringen, was es eigentlich bedeutet, Inhalte innerhalb des WordPress-Frameworks zu erstellen.

Der Versuch, dies in einem einzigen WYSIWYG auszufechten, ist scheiße

Unsere Tools zur Inhaltserstellung sollten es uns ermöglichen, die Inhaltserstellung genauso anzugehen, wie wir an Design denken. Was sind die Kernelemente meiner Content-Strategie? Wie kann ich diese Elemente neu mischen, neu zusammensetzen und mit ihnen arbeiten, um interessante Inhalte zu erstellen?

Es muss systemisch sein. Alle Elemente und Komponenten müssen als Teil einer Gesamtstruktur und -strategie zusammenarbeiten, um ein kohärentes Ganzes zu bilden. Genau wie unsere Konstruktionsarbeit und unsere Entwicklungsarbeit. Unser Strategie-, Design- und Entwicklungsprozess konzentriert sich auf die Identifizierung und Erstellung von Mustern.

Während der Inhaltsstrategie und des Designteils des Projekts konzentrieren wir uns darauf, herauszufinden, was diese Muster im Kern sind. Wie zerlegen wir sie in ihre kleinsten Teile? Dann beginnen wir durch Design und Entwicklung damit, diese Teile so zusammenzusetzen, dass die internen Ziele und die Ziele der Endbenutzer unterstützt werden.

• Elemente – die einfachste Einheit. Textfolgen, einzelne Bilder, Videos, ein Formulareingabefeld oder eine Schaltfläche
• Komponenten oder Blöcke – Gruppierungen von Elementen, die eine zusammenhängende Einheit bilden
• Module – Gruppierungen sich ergänzender Komponenten zu einem größeren Ganzen
• Seiten (oder Beiträge oder CPTS oder was auch immer) – Gruppierungen von Modulen, um einen vollständigen Inhalt zu bilden

Um die WordPress-Tools zur Inhaltserstellung voranzutreiben, müssen wir uns ansehen, was diese Elemente, Komponenten und Module sein könnten und wie sie miteinander in Beziehung stehen. Werden sie spontan erstellt, sind sie eigensinnig oder flexibel. Wie erstellen wir sie dann? Wie beziehen sie sich auf Themen und Datensicherheit? Und weiter und weiter.

Modulares Content Management (modulare Content-Strategie)

Während es genügend visuelle Referenzen gibt, um sich vorzustellen, wie ein modulares Content-Erstellungstool aussieht, ist das modulare Content-Management etwas schwieriger zu visualisieren, also bleib bei mir.

Innerhalb moderner CMS stehen uns einige Tools zur Verfügung. Tags und Kategorien, gekoppelt mit Eltern-Kind-Beziehungen, sind die primären Organisationsstrukturen, die in WordPress eingearbeitet sind. Natürlich können diese erweitert werden, um eine beliebige Anzahl von taxonomischen Strukturen einzuschließen, die man sich vorstellen kann.

Tools wie Post-to-Posts (P2P) bieten und erstellen eine interessante Peer-to-Peer-Ebene, mit der Sie 1:1-, 1:viele- oder viele:viele-Beziehungen erstellen können.

Das wars so ziemlich. Die Mechanismen von Beziehungen sind definiert und unterliegen dem Code. Ich kann Inhalte diesen definierten Buckets zuweisen. Ich habe feste Vorlagen, die diese Buckets auf vorgegebene Weise anzeigen. Wenn ich davon abweichen möchte, wenn ich als Content-Manager oder Content-Ersteller Beziehungen aufbauen und Inhalte remixen möchte, habe ich Pech.

Denken Sie an den Kategoriebegriffsbildschirm in WordPress. Welche Art von Content-Management-Tools stehen Ihnen dort zur Verfügung? Was kannst du tun? Was können Sie verwalten ? Überhaupt nicht viel. Blicken Sie auf die Geschichte der WordPress-Veröffentlichungen zurück – wann hat sich dieser Bildschirm geändert?

Wir werden unserem Potenzial nicht gerecht, wenn wir bei einer taxonomischen Organisation als dem A und O des Content Managements stehen bleiben.

The Loop ist eines der zentralen Konzepte des WordPress Content Managements. Obwohl es unglaublich leistungsfähig und der Schlüssel zum Verständnis ist, wie Sie über Ihre Inhalte denken, ist es der Anfang, nicht das Ende des Content Managements. Wir können nicht bei der „Liste“ als Höhepunkt unserer Content-Strategie stehen bleiben.

Bedürfnisse ändern sich im Laufe der Zeit

Wir arbeiten viel für Universitäten und Schulen. Jeder einzelne hat eine Kategorie-Zielseite, die aktuellen Studenten gewidmet ist. Das ganze Jahr über möchten sie alle möglichen Elemente, Inhalte und Tools für diese Schüler sammeln und an die Oberfläche bringen.

In WordPress-Begriffen haben wir Seiten, Blog-Posts, Veranstaltungen, Tools, Ressourcen, Schlüsseldaten, Anwendungen und Dateien, zusätzlich zu Videogalerien und wer weiß, welche anderen CPTs Ihre Content-Strategie gebildet hat.

Die Bedürfnisse dieser Studenten ändern sich im Laufe des Jahres – Willkommensmaterialien im Herbst, Midterm-Informationen im Winter, Jobunterstützung und Praktikumsprogramme im Frühjahr. Wenn unsere Universitätsfreunde an Vorlagen gebunden wären, in denen diese Anforderungen im Code artikuliert wurden, müssten sie zurück unter die Haube gehen, um ihre Inhaltsstrategie zu aktualisieren und mindestens vierteljährlich anzugehen.

Beziehungen sollten reichhaltiger sein als Taxonomiebegriffe

Echtes Content-Management würde es Content-Erstellern ermöglichen, die von ihnen erstellten Dinge auf durchdachte und einzigartige Weise zu verpacken und zu präsentieren – wobei die Beziehungen und Verbindungen einen Wert haben, der über jedes einzelne Stück hinausgeht. Zusammen werden sie zu einem zusammenhängenden Ganzen. Das ist eine Content-Strategie, die verdammt viel wert ist. Wenn Sie das nicht können, besteht Ihre Inhaltsstrategie wirklich nur aus einer durchdachten Liste von Kategorien und Tags.

Unsere Content-Management-Tools sollen es Ihnen ermöglichen, Ihre Inhalte zu sammeln und so zu präsentieren, wie Sie es benötigen. Sie sollten sich nicht nur auf Listen und Algorithmen beschränken. Wir möchten, dass unsere Kunden in der Lage sind, einzigartige Querschnitte von Inhalten dort zu erstellen, wo sie sie benötigen, und nicht dort, wo sie zufällig über vorgefertigte Vorlagen verfügen, die ihnen dies ermöglichen.

Ein Beispiel zur besseren Veranschaulichung: Um bei unserem College-Studenten zu bleiben, stellen Sie sich vor, der Standesbeamte veröffentlicht eine Frist für die Beantragung von Finanzhilfe. Die Wohnheimabteilung hat aktualisierte Formulare für einen Platz in den Wohnheimen.

Die Abteilung Studentisches Leben veröffentlicht eine Liste mit Veranstaltungen, auf denen sich neue Studenten kennenlernen können. Jeder Inhalt lebt in einem eigenen Silo an unterschiedlichen Stellen auf der Universitätswebsite. Stellen Sie sich nun vor, Sie arbeiten in der Kommunikationsabteilung und sind damit beauftragt, dafür zu sorgen, dass neue Studenten die Informationen erhalten, die sie benötigen.

A: geben Sie manuell Auszüge zu diesen Inhalten in ein Seitenleisten-Widget ein, codieren Sie einige Links hart, versuchen Sie, eine bestimmte Klasse anzuwenden, die die Links wie Schaltflächen aussehen lässt, aber Sie können sich nicht erinnern, ob es .btn_round oder .btnround oder .round_btn_blue_large ist, und beten Sie, dass es an der gleichen Stelle bleibt ODER B: Erstellen Sie ein Modul „Wichtige Informationen für neue Studenten“, indem Sie dynamisch auf jeden Inhalt verweisen und ihn an den oberen Rand der Homepage ziehen, wodurch die veraltete Abschlussgalerie ersetzt wird, die Sie vergessen haben, zu entfernen letzten Frühling?

Alte Schule ist Option A. Neue Schule Option B (und es ist nicht die coole alte Schule, es ist die lahme, frustrierende alte Schule).

Der Weg nach vorne ist modular

Wenn Ihnen das Konzept des atomaren Designs neu ist, lesen Sie zuerst diesen Artikel von Brad Frost. Wenn Sie sehen möchten, wie wir einige dieser Probleme speziell gelöst haben – es gibt ein paar WordPress.TV-Gespräche, in denen ich hier und hier über diese Dinge spreche.

Wir müssen mehr anstreben als nur einen aktualisierten WYSIWYG-Editor. Wir müssen ein größeres und breiteres Verständnis davon anstreben, was Inhalte sind und sein könnten. Wenn wir diese Vision haben, werden wir in der Lage sein, Werkzeuge zu bauen, um sie zu verwirklichen.