Entwicklung & Design

Frontend-Editing in WordPress: Das kann Upfront

WordPress. (Grafik: Magicmockups.com)

Mit Upfront könnt ihr das Frontend eurer WordPress-Seite direkt per Drag & Drop bearbeiten. Die Macher sehen es als Konkurrenzprodukt für Homepage-Baukästen wie Jimdo, Weebly oder Wix.

WordPress: Mit Upfront bearbeitet ihr das Frontend per Drag-and-Drop. (Screenshot: Upfront)

WordPress: Mit Upfront bearbeitet ihr das Frontend per Drag-and-Drop. (Screenshot: Upfront)

Upfront für WordPress: Frontend kinderleicht bearbeiten

Mehr als 60 Millionen Websites nutzen das Content-Management-System WordPress. Wer aber das Frontend einer WordPress-Seite anpassen will, muss sich notgedrungen mit HTML, CSS und JavaScript auskennen. Upfront soll das ändern. Mit dem Tool könnt ihr per Drag & Drop Elemente auf eure Website ziehen und das Layout kinderleicht verändern. Die Macher sehen Upfront als Konkurrenz für Homepage-Baukästen wie Squarespace, Jimdo, Weebly oder Wix – allerdings kombiniert mit den Vorteilen des WordPress-CMS.

Egal ob Texte, Bilder, Galerien, Videos, Widgets oder mehr: Elemente lassen sich bequem aus einer Leiste am linken Bildschirmrand auswählen und auf der Seite platzieren. Anschließend könnt ihr die Größe des Elements verändern und die Einstellungen anpassen. Auch Texte lassen sich mit Upfront direkt im Frontend bearbeiten und natürlich habt ihr von dort auch Zugriff auf eure Mediengalerie.

1 von 10

WordPress: Upfront unterstützt auch responsives Design

Mit Upfront sollt ihr auch responsive Layouts für unterschiedliche Geräteklassen anlegen können. Auch das geht schon jetzt über die Responsive-Ansicht relativ flüssig. Mit nur einem Klick könnt ihr zwischen Desktop-, Smartphone- und Tablet-Ansicht wechseln. Wie auch außerhalb der Responsive-Ansicht könnt ihr jederzeit ein Raster einblenden, um euch beim Anlegen von Elementen daran zu orientieren.

Noch befindet sich Upfront in einer recht frühen Entwicklungsphase. Wer will, kann das Tool aber schon über die Upfront-Demo-Seite testen. Eine kleine Erläuterung zum Umgang mit dem Tool findet ihr in diesem Artikel von den Upfront-Machern.

In diesem Zusammenhang könnte euch auch unser Artikel „Themify Builder: WordPress-Themes per Drag & Drop erstellen“ interessieren.

Zur Startseite
Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

3 Kommentare
DerDunkleMann
DerDunkleMann

Und schon wieder ein WP Plugin das sein eigenes Design in WP einbaut und somit aus der Reihe tanzt.

Zudem ist die UX der Demo garnicht überzeugend. Überall fehlt was. Zudem hängt das alles sehr, trotz top aktueller Hardware/neuestem Chrome.

Antworten
Ritchie Blogfried Pettauer

Für manche Kundenprojekte sicher ganz interessant, aber trotzdem ein uralter Hut – VC (Visual Composer) kann das schon ewig und wesentlich benutzerfreundlicher.

In spätestens zwei Jahren wird Frontend-Editing bei fast jedem kommerziellen Theme sowieso Standard sein.

Antworten
davisbrown562
davisbrown562

Top 4 WordPress Front End Editor Plugins Comparison (2017) https://blog.templatetoaster.com/wordpress-front-end-editor-plugins/

Antworten

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.

Bitte schalte deinen Adblocker für t3n.de aus!

Hey du! Schön, dass du hier bist. 😊

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team bestehend aus 65 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Danke für deine Unterstützung.

Digitales High Five,
Stephan Dörner (Chefredakteur t3n.de) & das gesamte t3n-Team

Anleitung zur Deaktivierung