✅ WEB- und WordPress-Nachrichten, Themen, Plugins. Hier teilen wir Tipps und beste Website-Lösungen.

Rapid Prototyping mit WordPress: Vom Konzept zum Plugin

7

Ich habe in einem früheren Artikel über die Verwendung von WordPress als Werkzeug für die schnelle Anwendungsentwicklung gesprochen.

Aber je länger ich mit WordPress arbeite und je mehr Code ich sehe, desto mehr Potenzial erkenne ich, dass es sowohl als Plattform für Rapid Prototyping als auch als Umsetzung dieser Prototypen in voll entwickelte Anwendungen hat.

Diese Plugins können Webanwendungen, Plugins, Themen, Websites oder was auch immer sein. Für die Zwecke dieses Beitrags spielt es keine Rolle. Stattdessen kommt es zum Beispiel darauf an:

  • Du hast eine Idee für ein Plugin,
  • Sie möchten sehen, wie es in WordPress funktionieren könnte,
  • Du hast schnell etwas zusammengestellt,
  • Sie beginnen, es zu verfeinern.

Für viele, die sich für eine ernsthaftere WordPress-Entwicklung engagieren, dachte ich, es könnte sich lohnen, einen Blick darauf zu werfen, wie das aussieht. Ich nehme nämlich eine Idee für ein Plugin, prototypiere es und verfeinere es dann zu einem gut organisierten, objektorientierten Plugin.

In der nächsten Artikelserie werde ich also durch diesen Prozess gehen.

Rapid Prototyping mit WordPress: Das Konzept

Obwohl dies nicht immer der Fall ist, entstehen die anfänglichen Konzepte für, sagen wir, ein Plugin aus dem Bedürfnis nach etwas, das Sie vielleicht für sich selbst oder für jemand anderen wollen.

Wenn Sie wie ich sind, hilft es, einige erste Ideen zu skizzieren, wie es funktionieren könnte, und alle notwendigen Notizen zu machen, die bei der Entwicklung hilfreich sind.

Meine scharfen Designfähigkeiten für den Prototypen.

Natürlich können sich andere dafür entscheiden, direkt in die IDE zu springen und mit der Arbeit am Code zu beginnen. Und da es sich in dieser Phase nur um einen schnellen Prototypen handelt, ist daran nichts auszusetzen.

Wie Sie der obigen Skizze entnehmen können, möchte ich ein kleines Plugin schreiben, das meine drei neuesten Beiträge in einer Metabox anzeigt.

Die Idee hinter dem Plugin ist folgende:

  • Wenn ich einen Beitrag schreibe, gibt mir der einfache Verweis auf meine drei neuesten Beiträge die Möglichkeit, sie einfach zu verlinken, wenn ich meine Inhalte in sozialen Netzwerken teilen möchte.

Vielleicht erscheint der Zweck des Plugins albern; vielleicht nicht. Denken Sie daran, dass alles, was Sie bauen möchten, sowohl für Sie als auch für Ihr Publikum von Vorteil sein sollte. Wenn jemand anderes es nicht versteht, ist das in Ordnung.

Starten des Prozesses

Jetzt, da wir eine grundlegende Idee haben, wissen wir, dass wir ein paar Dinge brauchen werden:

  1. Die Plugin-Datei zur Anzeige im WordPress-Plugin-Bildschirm,
  2. Eine Metabox zur Anzeige der Beiträge,
  3. Eine Abfrage zum Abrufen der Beiträge,
  4. Eine Möglichkeit, eine Nachricht anzuzeigen, wenn keine anzuzeigenden Beiträge vorhanden sind.

Durch die Verwendung einiger grundlegender Hooks und WordPress-APIs können wir schnell etwas zusammenstellen. Hier ist wie:

Der Plugin-Header

Denken Sie daran, dass der Plugin-Header für die Anzeige des Inhalts des Plugins – Titel, Beschreibung, Version und Autor – auf dem Plugin-Bildschirm verantwortlich ist. Stellen Sie sicher, dass es prägnant, beschreibend und auf den Punkt gebracht ist.

Sobald dies geschrieben ist, wird das Plugin im WordPress-Administrationsbereich erscheinen, aber es wird eigentlich nichts tun. Geben wir dem Plugin also einige tatsächliche Funktionen.

Die Metabox

Zuerst müssen wir eine Metabox registrieren. Wir können dafür den Hook add_meta_boxes verwenden. Es ist einfach zu definieren und auf unserer Meta-Box zu verdrahten. Beachten Sie die Kommentare für jedes der Methodenargumente.

Beachten Sie fast, dass wir eine Funktion haben, die für die Anzeige von Informationen verantwortlich ist. Wir müssen dies definieren, sonst versucht WordPress, eine Funktion auszulösen, die nicht existiert, und dies führt zu einem Fehler.

Lassen Sie uns diese Funktion jetzt definieren :

Wie Sie nun bemerken, stützt sich diese Funktion auf drei verschiedene Funktionen, die ihr bei ihrer Arbeit helfen. Also müssen wir auch diese Funktionen definieren. Idealerweise sollte jede dieser Funktionen einen Funktionszweck haben, da wir jedoch schnell Prototypen für dieses Projekt erstellen, haben wir möglicherweise etwas mehr Arbeit pro Funktion als gewöhnlich.

Abfragen nach Beiträgen

Zuerst müssen wir nach Beiträgen suchen. Dazu nutzen wir WP_Query.

Beachten Sie, dass wir die Instanz des Abfrageobjekts zurückgeben. Wir werden gleich mehr damit machen.

Anzeigen eines Ergebnisses

Wenn Posts angezeigt werden sollen, verwenden wir eine Funktion, um die Posts zu durchlaufen, die die Instanz von WP_Query gefunden hat, und den Permalink und den Titel in einer geordneten Liste darzustellen .

Beachten Sie, dass dies bis zu drei auflistet, aber nicht unbedingt insgesamt drei.

Kein Ergebnis anzeigen

Wenn es keine Ergebnisse gibt, müssen wir dem Benutzer eine Nachricht anzeigen, dass die Abfrage keine Beiträge gefunden hat. Der Code könnte etwa so aussehen :

Natürlich können Sie die Nachricht dafür ganz individuell anpassen.

Rapid Prototyping, fertig.

An dieser Stelle gibt es ein voll funktionsfähiges Plugin. Es ist jedoch nicht ohne Probleme:

  1. Wir mischen HTML mit unserem PHP, was zu einer engeren Kopplung als nötig führt,
  2. Der HTML-Code ist in keiner Weise bereinigt oder sicher,
  3. Es gibt absolut keine Objektorientierung für diese Funktionen, was, obwohl einige argumentieren mögen, unnötig ist, dies sehr unmodular macht.

Aber der Sinn dieser Serie besteht darin, einen schnellen Prototypen zu nehmen und ihn in ein professionelleres Plugin zu überführen. Wir haben also den ersten Teil erledigt und jetzt ist es an der Zeit, in die zweite Phase zu gehen.

In der Zwischenzeit können Sie die Entwicklung dieses Plugins auf GitHub verfolgen. Ich werde jede Veröffentlichung markieren, die einem Blogbeitrag entspricht. Dieser spezielle Beitrag ist also im 0.1.0 -Tag zu finden.

Der master- Zweig enthält auch die neueste Version des gesamten zusammengeführten Codes und der development-Zweig enthält den Code, an dem ich arbeite, der jedoch nicht vollständig (noch stabil) ist.

Und damit fange ich im nächsten Beitrag an.

Serienbeiträge

  1. Rapid Prototyping mit WordPress: Vom Konzept zum Plugin
  2. Rapid Prototyping mit WordPress: Konzeptanalyse
  3. Rapid Prototyping: Vom Prototyp zum Code, Teil 1
  4. Rapid Prototyping: Vom Prototyp zum Code, Teil 2
  5. Rapid Prototyping: Einführung in das automatische Laden

Aufnahmequelle: tommcfarlin.com

Diese Website verwendet Cookies, um Ihre Erfahrung zu verbessern. Wir gehen davon aus, dass Sie damit einverstanden sind, Sie können sich jedoch abmelden, wenn Sie möchten. Annehmen Weiterlesen