{"id":19298,"date":"2021-02-24T13:19:58","date_gmt":"2024-06-03T07:32:54","guid":{"rendered":"https:\/\/onthegosystems.com\/2024\/06\/wie-wir-meinen-prototyp-in-eine-der-wichtigsten-funktionen-unseres-produkts-verwandelt-haben\/"},"modified":"2024-06-03T07:33:03","modified_gmt":"2024-06-03T07:33:03","slug":"wie-wir-meinen-prototyp-in-eine-der-wichtigsten-funktionen-unseres-produkts-verwandelt-haben","status":"publish","type":"post","link":"https:\/\/onthegosystems.com\/de\/2021\/02\/wie-wir-meinen-prototyp-in-eine-der-wichtigsten-funktionen-unseres-produkts-verwandelt-haben\/","title":{"rendered":"Wie wir meinen Prototyp in eine der wichtigsten Funktionen unseres Produkts verwandelt haben"},"content":{"rendered":"\n

Ivan \u010curdinjakovi\u0107<\/a> ist ein Entwickler in unserem Toolset-Team<\/a>. In diesem Interview erz\u00e4hlt uns Ivan, wie er auf die Idee kam, eine seit langem bestehende Herausforderung bei der Arbeit mit einer Mischung aus statischen und dynamischen Inhalten in WordPress zu l\u00f6sen.<\/strong><\/p>\n\n

K\u00f6nnen Sie das Problem, das Sie l\u00f6sen wollten, jemandem erkl\u00e4ren, der sich nicht mit WordPress auskennt?<\/h2>\n\n

Sicher! Wie jeder wei\u00df, k\u00f6nnen Sie mit WordPress Websites erstellen und verwalten. Es wird mit einigen Standardinformationen f\u00fcr Ihre Seiten geliefert, wie z.B. dem Seitentitel, dem Hauptbild, den Kategorien und so weiter. Toolset, unser Plugin-Paket f\u00fcr WordPress, erm\u00f6glicht es Ihnen, jede Art von benutzerdefinierten Informationen hinzuzuf\u00fcgen. <\/p>\n\n

M\u00fcssen Sie zum Beispiel einen Preis f\u00fcr eine Immobilienanzeige angeben? Kein Problem, f\u00fcgen Sie es mit Toolset hinzu. Da sich diese Informationen von Beitrag zu Beitrag \u00e4ndern, sagen wir, sie sind dynamisch.<\/p>\n\n

Aber dann m\u00f6chten Sie diese Informationen auf dem Frontend anzeigen. Sie k\u00f6nnen solche dynamischen Daten in benutzerdefinierten Listen von Beitr\u00e4gen<\/a>, in Vorlagen f\u00fcr einzelne Beitr\u00e4ge<\/a> usw. anzeigen. Mit Toolset k\u00f6nnen Sie dies ganz einfach mit Hilfe von Bl\u00f6cken innerhalb des Standard-WordPress-Editors tun. Aktivieren Sie einfach die Option zur Anzeige dynamischer Informationen und w\u00e4hlen Sie aus, aus welchem Feld.<\/p>\n\n

Zur Veranschaulichung sehen Sie hier ein Bild, das zeigt, wie Sie eine dynamische \u00dcberschrift in Ihrer benutzerdefinierten Liste der mit Toolset erstellten Beitr\u00e4ge anzeigen w\u00fcrden.<\/p>\n\n

\"\"
Verwendung von Toolset Dynamic Sources zur Anzeige eines Beitragstitels in einer benutzerdefinierten Liste von Beitr\u00e4gen<\/figcaption><\/div><\/figure>\n\n

OK, das einzige gro\u00dfe Hindernis war, dass unsere Bl\u00f6cke entweder statischen Inhalt (vom Benutzer eingegebener Text) oder dynamischen Inhalt haben konnten. Es gab einfach keine technische M\u00f6glichkeit, statischen Text und dynamische Felder einfach zu mischen. Und das ist ein h\u00e4ufiges Bed\u00fcrfnis der Benutzer. <\/p>\n\n

Sie k\u00f6nnten zum Beispiel den Preiswert anzeigen wollen, der eine Zahl ist, gemischt mit etwas Text.<\/p>\n\n

\"\"
Ein Beispiel f\u00fcr die Vermischung statischer Inhalte mit dynamischen Feldern<\/figcaption><\/div><\/figure>\n\n

Wir hatten einige Behelfsl\u00f6sungen und Zwischenl\u00f6sungen, aber sie waren sowohl f\u00fcr die Benutzer als auch f\u00fcr die Programmierer m\u00fchsam.<\/p>\n\n

Viele von uns wollten dieses Problem also irgendwie l\u00f6sen. <\/p>\n\n

Wie haben Sie das Problem gel\u00f6st?<\/h2>\n\n

OK, jetzt wird es ein bisschen technischer… :)<\/p>\n\n

Vor ein paar Monaten habe ich mir einige relativ neue Filter angesehen, die Gutenberg (auch bekannt als WordPress Block Editor) zu seinem RichText-Editor hinzugef\u00fcgt hat. Das ist eine Komponente, mit der Sie reichhaltig formatierten Text in Bl\u00f6cke schreiben k\u00f6nnen. Was mir auffiel, war, dass das Gutenberg-Team neben den normalen Formaten wie Fett, Kursiv und Unterstrichen noch einige komplexere Formate wie Link, Inline-Code und Inline-Bild hinzugef\u00fcgt hat. <\/p>\n\n

Ich habe sofort gedacht – w\u00e4re es m\u00f6glich, ein benutzerdefiniertes Inline-Feldformat zu erstellen? <\/p>\n\n

Aber nach einem Blick in die RichText API-Dokumentation war das nicht wirklich klar. Es war recht begrenzt und die erweiterten Funktionen, die sie hinzuf\u00fcgten, waren eng auf die Bed\u00fcrfnisse ihrer (WordPress-Kern-)Formate zugeschnitten. Sie k\u00f6nnen ein Format in RichText einf\u00fcgen, aber es gibt kein Beispiel f\u00fcr etwas, das auch nur ann\u00e4hernd so komplex ist wie das, was wir f\u00fcr unsere Inline-Felder ben\u00f6tigten.<\/p>\n\n

Wann haben Sie gemerkt, dass Sie es tats\u00e4chlich schaffen k\u00f6nnen?<\/h2>\n\n

Nun, zuerst konnte ich nicht sagen, ob das \u00fcberhaupt m\u00f6glich ist. Aber ich war neugierig und habe in meiner Freizeit damit experimentiert. Es gab Hindernisse, aber irgendwann hatte ich einen Prototyp, der vielversprechend war.<\/p>\n\n

Es war sehr aufregend f\u00fcr mich, und ich musste die Nachricht mit jemandem teilen, also zeigte ich sie meinem Teamleiter Juan. Er sah sofort das Potenzial und sagte mir, ich solle weiter daran arbeiten, bis es ein funktionierender Prototyp sei, und dann w\u00fcrden wir es anderen vorf\u00fchren.<\/p>\n\n

Bald darauf hatte ich einen funktionierenden Prototyp, der alle grundlegenden Funktionen enthielt, und ich stellte ihn dem Toolset-Team vor. Ein paar Tage sp\u00e4ter habe ich es dann dem gesamten Team bei einem w\u00f6chentlichen Toolset-Meeting gezeigt. Ich war mir sicher, dass meine Programmierer-Kollegen es „verstehen“ w\u00fcrden, aber ich war angenehm \u00fcberrascht, dass auch alle anderen das Potenzial sofort erkannten. Au\u00dferdem war ich erstaunt, wie flexibel unsere Pl\u00e4ne f\u00fcr die n\u00e4chste Version von Toolset angepasst wurden, um meinen Durchbruch zu erm\u00f6glichen.<\/p>\n\n

Wie haben Sie es dann von einem Prototyp zu einer voll funktionsf\u00e4higen Funktion gemacht?<\/h2>\n\n

Wie ich bereits erw\u00e4hnte, erkannte unser Management (Amir & Juan) das gro\u00dfe Potenzial und der Schwerpunkt unserer n\u00e4chsten Version verlagerte sich sofort darauf, es zum Laufen zu bringen. In diesem Entwicklungszyklus wurde mir alle Zeit gegeben, die ich brauchte, um an Inline Fields zu arbeiten. Und ja, es ist ein langer Weg von einem Prototyp zu einem ausgefeilten Produkt.<\/p>\n\n

Um einen Eindruck von der fertigen Funktion zu bekommen, k\u00f6nnen Sie sich dieses kurze Video ansehen:<\/p>\n\n