{"id":98,"date":"2020-12-27T22:41:17","date_gmt":"2020-12-27T21:41:17","guid":{"rendered":"https:\/\/devowl.io\/?page_id=98"},"modified":"2025-04-29T07:18:59","modified_gmt":"2025-04-29T05:18:59","slug":"use-cases","status":"publish","type":"page","link":"https:\/\/devowl.io\/de\/wp-react-starter\/anwendungsfaelle\/","title":{"rendered":"Anwendungsf\u00e4lle"},"content":{"rendered":"
\"WP<\/div><\/div>

WP React Starter<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div>

Anwendungsf\u00e4lle f\u00fcr WP React Starter<\/h1>\n<\/div><\/div>

WP React Starter erm\u00f6glicht es dir, kostenlose, kostenpflichtige und Freemium WordPress-Plugins<\/strong> sowie wiederverwendbare JavaScript- und PHP-Pakete zu erstellen. Erfahre, was dies f\u00fcr deine Entwicklung und dein Gesch\u00e4ftsmodell anhand von devowl.io WordPress-Plugins bedeutet.<\/p>\n<\/div><\/div>

Beginne kostenlos zu entwickeln<\/span><\/a><\/div><\/div><\/div><\/div>
\"Screenshot<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>
\"Verschiebe<\/a><\/div><\/div><\/div><\/div>

Kostenloses WordPress-Plugin<\/h2>\n

Real Custom Post Order<\/a> ist ein kostenloses WordPress-Plugin, mit dem du eine benutzerdefinierte Reihenfolge der Benutzerdefinierte Reihenfolge f\u00fcr Beitr\u00e4ge, Seiten, WooCommerce-Produkte und benutzerdefinierte Beitragstypen in der WordPress Standardtabelle erstellen kannst. Es ist kostenlos auf wordpress.org verf\u00fcgbar<\/a>. Dieses Plugin verwendet das React-Frontend von WP React Starter, um per Drag & Drop das Verschieben von Content in der Tabelle zu erm\u00f6glichen. Die Reihenfolge der z.B. Beitr\u00e4ge wird in der Datenbank \u00fcber einen REST-API-Endpunkt gespeichert, welcher im OOP-Stil im Backend des Plugins geschrieben ist.<\/p>\n

WP React Starter stellt in diesem Fall nicht nur die Kernstruktur des Plugins, sondern auch den Ver\u00f6ffentlichungsprozess auf wordpress.org zur Verf\u00fcgung. Beim Merge in den master<\/code> Branch wird der Continuous Deployment Prozess angesto\u00dfen und das Plugin wird automatisch auf wordpress.org ver\u00f6ffentlicht.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>

Kostenpflichtiges WordPress-Plugin<\/h2>\n

Real Media Library<\/a> startete als unser meistverkauftes kostenpflichtiges Plugin auf codecanyon.net<\/a>. Es ist ein umfangreicheres Plugin, mit dem du Ordner, Sammlungen und Galerien in der WordPress Media Library erstellen kannst.<\/p>\n

Das Plugin muss in der Lage sein, einen Baum von mehreren tausend Dateien aus der Medienbibliothek im Frontend zu halten. Die Vorteile der reaktiven Programmierung sind der Schl\u00fcssel zur Bereitstellung der Performance, die der Benutzer ben\u00f6tigt. Viele alternative Plugins leiden unter einer schlechten Performance bei vielen Dateien - wir nicht.<\/p>\n

Die gesamte Kommunikation zwischen dem Frontend und der Datenbank wird \u00fcber benutzerdefinierte REST-API-Endpunkte abgewickelt, die im OOP-Stil entwickelt wurden. Ein wartbarer Code ist f\u00fcr diese Plugins wichtig, da das Backend tief in die Funktionalit\u00e4t der WordPress Core-Medienbibliothek sowie in alle g\u00e4ngigen Page Builder integriert werden muss.<\/p>\n

Dar\u00fcber hinaus bietet uns WP React Starter den End-to-End-Prozess f\u00fcr die Erstellung, das Testen und die Ver\u00f6ffentlichung, den wir f\u00fcr die schnelle Ver\u00f6ffentlichung von Features und Bugfixes ben\u00f6tigen. Genau das, was unsere Kunden von einem kostenpflichtigen Plugin erwarten.<\/p>\n<\/div><\/div><\/div><\/div><\/div>

\"Real<\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/section>
\"Real<\/a><\/div><\/div><\/div><\/div>

Freemium WordPress-Plugin<\/h2>\n

2019 wollten wir eine kostenlose Version unseres WordPress-Plugins Real Thumbnail Generator<\/a> erstellen, das bis dahin ein reines kostenpflichtiges Produkt war. Dieser Schritt sollte es uns erm\u00f6glichen, neue Kundensegmente zu erreichen, die das Plugin zun\u00e4chst auf ihrer WordPress-Instanz ausprobieren und vielleicht sp\u00e4ter eine PRO-Version kaufen m\u00f6chten. Aber das einfache Hinzuf\u00fcgen eines \"if-else\" zur Deaktivierung von Funktionen f\u00fcr Kunden der kostenlosen Version ist weder von wordpress.org<\/a> noch von der GPL-Lizenz<\/a> erlaubt. Du musst stattdessen PRO-Funktionen aus deinem Code f\u00fcr die kostenlose Version auf wordpress.org entfernen.<\/p>\n

Die flexible Struktur von WP React Starter hat dazu beigetragen, Real Thumbnail Generator trotz dieser Anforderungen zu einem echten Freemium-Produkt zu machen. Wir haben einen benutzerdefinierten Autoloader f\u00fcr das PHP-Backend hinzugef\u00fcgt und die Webpack-Konfiguration f\u00fcr das Frontend-JavaScript modifiziert, um Codebl\u00f6cke w\u00e4hrend der Build-Time zu entfernen. Das Ergebnis dieser \u00c4nderungen ist, dass wir eine Code-Basis mit zwei Build-Prozessen haben: PRO und FREE. Beide Builds haben unterschiedlichen Code, je nachdem, welche Funktionen du in die jeweilige Version aufnehmen m\u00f6chtest.<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/section>

Wiederverwendbare JavaScript- und PHP-Pakete<\/h2>\n

Wenn du mehrere WordPress-Plugins entwickelst, kann es sein, dass du immer wieder auf die gleichen Probleme st\u00f6\u00dft. In unserem Fall wollen wir die gro\u00dfartige Ant Design<\/a> Library f\u00fcr moderne UI-Komponenten nutzen und gleichzeitig den Look and Feel der Komponenten an das WordPress (Backend)-Design anpassen. Wir haben die notwendigen Schritte implementiert, um dieses Ziel zu erreichen - in jedem Plugin erneut.<\/p>\n

WP React Starter erm\u00f6glicht es Paketen f\u00fcr JavaScript und PHP zu erstellen. Dies sind nichts anderes als Pakete, die du von NPM<\/a> oder Packagist<\/a> konsumieren w\u00fcrdest, aber privat, direkt in deinem Monorepo und mit Hot Reloading. Wir waren in der Lage, Styles und Logik zu extrahieren, um Ant Design zu einem benutzerdefinierten Paket zu erweitern, das wir in allen unseren Plugins verwenden k\u00f6nnen. Das n\u00e4chste Mal, wenn ein WordPress Core Update die Styles \u00e4ndert, brauchen wir es nur einmal anzupassen, anstatt in jedem unserer Plugins.<\/p>\n<\/div><\/div><\/div><\/div><\/div>

\"Screenshot<\/a><\/div><\/div><\/div><\/div><\/div><\/div><\/section>","protected":false},"excerpt":{"rendered":"WP React Starter Use Cases of WP React Starter WP React Starter enables you to create free, paid and freemium WordPress plugins as well as reusable JavaScript and PHP packages. Learn what this means for your development and business cases based on devowl.io WordPress plugins. Start developing for freeFree WordPress Plugin Real Custom Post Order...","protected":false},"author":1,"featured_media":0,"parent":94,"menu_order":22,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"Use Cases of WP React Starter: WordPress Plugin Boilerplate","_seopress_titles_desc":"WP React Starter enables you to create free, paid and freemium WordPress plugins, JavaScript and PHP packages. Examples based on devowl.io products.","_seopress_robots_index":"","inline_featured_image":false,"restrictTranslations":["en_US","de_DE"],"footnotes":""},"class_list":["post-98","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/pages\/98","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/comments?post=98"}],"version-history":[{"count":2,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/pages\/98\/revisions"}],"predecessor-version":[{"id":241649,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/pages\/98\/revisions\/241649"}],"up":[{"embeddable":true,"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/pages\/94"}],"wp:attachment":[{"href":"https:\/\/devowl.io\/de\/wp-json\/wp\/v2\/media?parent=98"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}