{"id":54301,"date":"2019-02-22T07:00:00","date_gmt":"2019-02-22T15:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=54301"},"modified":"2025-01-16T11:40:18","modified_gmt":"2025-01-16T19:40:18","slug":"was-ist-ein-klicken-zum-bearbeiten-website-builder","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/de\/was-ist-ein-klicken-zum-bearbeiten-website-builder\/","title":{"rendered":"Was ist ein Klick-zum-Bearbeiten Website-Builder?"},"content":{"rendered":"\n

Auf der Suche nach dem perfekten Website-Builder? Wir bieten jetzt <\/i>WP Website-Builder<\/a><\/i> an, ein Paket aus Premium-Werkzeugen und Plugins, die es noch einfacher (und schneller) machen, Ihre Website online zu stellen!<\/i><\/p>\n\n\n\n

Fr\u00fcher war das Erstellen einer Website eine herausfordernde und zeitaufw\u00e4ndige Angelegenheit. Es erforderte Erfahrung und Kenntnisse in der Programmierung mehrerer Sprachen, und man hatte selten eine \u00dcbersicht dar\u00fcber, wie das Endergebnis aussehen k\u00f6nnte. W\u00e4hrend einige immer noch diesen manuellen Ansatz zur Websiteerstellung verwenden, ist es keineswegs die einzige Option.<\/p>\n\n\n\n

In der Tat kann heutzutage praktisch jeder innerhalb von Minuten eine Website gestalten, ohne auch nur eine einzige Codezeile anzusehen. Dies ist dank des Aufkommens der ‘Seitenersteller’ m\u00f6glich, die es Ihnen erm\u00f6glichen, eine intuitive Oberfl\u00e4che zu verwenden, um das Layout und den Inhalt Ihrer Website direkt zu bearbeiten. Also, was ist ein Klick-zum-Bearbeiten Website-Builder? Sch\u00f6n, dass Sie fragen.<\/p>\n\n\n\n

In diesem Artikel werden wir uns Click-to-Edit-Seitenersteller ansehen und warum sie n\u00fctzlich sein k\u00f6nnen. Wir stellen Ihnen auch Remixer<\/a><\/span> vor und zeigen Ihnen, wie Sie ihn verwenden k\u00f6nnen, um Ihre eigene Website in Minuten zu erstellen.<\/p>\n\n\n\n

<\/span><\/p>\n\n\n\n\n\n

\"Ad<\/div>\n\n\n\n\n
\n \n Wir haben das ultimative Website-Design-Tool\n <\/h2>\n \n Wenn Sie sich mit DreamHost zusammentun, erhalten Sie Zugang zum WP Website-Builder und zu mehr als 200 branchenspezifischen Starter-Sites kostenlos!\n <\/p>\n\n \n Starten Sie Ihre Seite <\/a>\n\n <\/div>\n<\/div>\n\n\n

Was sind Click-to-Edit Website-Builder (Und wie funktionieren sie)<\/strong><\/h2>\n\n\n
\n
\"\"<\/figure><\/div>\n\n\n

Ein Page Builder ist ein Werkzeug zum Erstellen von Websites<\/a><\/span> ohne manuell Code schreiben zu m\u00fcssen. Sie nehmen normalerweise die Form von visuellen What-You-See-Is-What-You-Get (WYSIWYG) Editoren an, bei denen Sie das Layout und den Inhalt direkt auf der Seite bearbeiten k\u00f6nnen.<\/p>\n\n\n\n

Obwohl es verschiedene Arten von Seitenbauk\u00e4sten gibt, nutzen Klick-zum-Bearbeiten<\/a><\/span>-L\u00f6sungen eine Schnittstelle, bei der Sie einfach auf ein Element auf der Seite klicken m\u00fcssen, um es direkt zu bearbeiten. Wenn Sie beispielsweise auf einen Text klicken, k\u00f6nnen Sie dessen Inhalt, Stil, Formatierung und mehr \u00e4ndern.<\/p>\n\n\n\n

Diese Tools bieten Ihnen eine bisher unerreichte Kontrolle \u00fcber das Design und Layout Ihrer Website. Aber bedeutet das, dass sie das richtige Werkzeug f\u00fcr Sie sind? Finden wir es heraus!<\/p>\n\n\n\n

Warum Sie einen Click-to-Edit-Builder verwenden sollten<\/strong><\/h2>\n\n\n\n

Es gibt keinen Mangel an Vorteilen bei der Verwendung eines Klick-zum-Bearbeiten-Builders<\/a><\/span>, aber der wichtigste ist, wie zug\u00e4nglich sie das Designen einer Webseite machen. Da sie keine Programmierung erfordern, erm\u00f6glichen Klick-zum-Bearbeiten-Builder sogar Anf\u00e4ngern, in wenigen Minuten beeindruckende Designs zu erstellen. Das macht sie ideal f\u00fcr aufstrebende Designer mit wenig bis gar keiner Erfahrung im Umgang mit HTML und CSS<\/a><\/span>.<\/p>\n\n\n\n

Die intuitive Echtzeitschnittstelle erm\u00f6glicht es Ihnen auch sofort zu sehen, wie das Endergebnis nach der Ver\u00f6ffentlichung aussehen wird. Jede \u00c4nderung, die Sie vornehmen, ist sofort im Editor sichtbar, sodass Sie immer genau wissen, wie Ihre Bearbeitungen die Website beeinflussen. Das bedeutet, dass es einfach ist, schnell kleinere \u00c4nderungen vorzunehmen, ohne externe Hilfe zu ben\u00f6tigen.<\/p>\n\n\n\n

Schlie\u00dflich wird ein guter Klick-zum-Bearbeiten-Builder Ihnen auch helfen, responsive Websites<\/a><\/span> problemlos zu erstellen. Das von Ihnen erstellte Design kann leicht angepasst werden, um auf mehreren verschiedenen Ger\u00e4ten wie Smartphones und Tablets zu funktionieren. Dies ist wichtig, da Google wahrscheinlich Ihre Website bestrafen wird<\/a><\/span>, wenn sie nicht mit mobilen Ger\u00e4ten kompatibel ist.<\/p>\n\n\n\n

Ein schneller Blick auf Klicken-zum-Bearbeiten-L\u00f6sungen<\/strong><\/h2>\n\n\n\n

Wir haben die Vorteile der Verwendung eines Klick-zum-Bearbeiten-Builders behandelt, also lassen Sie uns tiefer in einige tats\u00e4chliche Anwendungen eintauchen. Es gibt viele verf\u00fcgbare Werkzeuge, die speziell f\u00fcr WordPress sind. Einige der beliebtesten Optionen sind Divi<\/a><\/span>, Elementor<\/a><\/span> und Beaver Builder<\/a><\/span>.<\/p>\n\n\n\n

All diese bieten ihre eigene Interpretation des Page-Builder-Konzepts. Zum Beispiel ist Elementor eine All-in-One-L\u00f6sung f\u00fcr praktisch jeden Aspekt der Seitenanpassung<\/a><\/span>. Obwohl dies es sehr umfangreich macht, kann es auch etwas einsch\u00fcchternd f\u00fcr einen Erstbenutzer sein.<\/p>\n\n\n\n

In der Zwischenzeit bietet der Divi Builder eine gro\u00dfartige Leistung und die M\u00f6glichkeit, A\/B-Tests<\/a><\/span> durchzuf\u00fchren, verf\u00fcgt jedoch nicht \u00fcber eine kostenlose Version. Da er intern auf Shortcodes basiert, m\u00fcssen Sie auch das Element \u201eeingeschlossen\u201c behandeln, wenn Sie in Zukunft auf andere L\u00f6sungen umsteigen m\u00f6chten.<\/p>\n\n\n\n

Im Gegensatz dazu ist Beaver Builder eines der einfachsten zu verwendenden Tools, aber auch das teuerste. Es fehlt auch die F\u00e4higkeit zur Inline-Bearbeitung. Trotzdem ist es bei vielen WordPress-Nutzern beliebt.<\/p>\n\n\n\n

Sogar WordPress selbst steigt mit dem Gutenberg-Editor<\/a><\/span> ins Geschehen ein. Dies wird den aktuellen Inhaltseditor mit einer von Seitenbauk\u00e4sten inspirierten Oberfl\u00e4che verwandeln.<\/p>\n\n\n\n

Eine Alternative zu diesen L\u00f6sungen ist der Remixer Click-to-edit-Builder, der es Benutzern erm\u00f6glicht, schnell eine Website einzurichten und dann einfach zu WordPress zu exportieren<\/a><\/span> wenn sie bereit sind, zus\u00e4tzliche Funktionen hinzuzuf\u00fcgen. Lassen Sie uns einen etwas l\u00e4ngeren Blick auf diesen Builder werfen, bevor wir zum spa\u00dfigen Teil des Erstellens einer Website \u00fcbergehen.<\/p>\n\n\n\n

Eine Einf\u00fchrung in Remixer<\/strong><\/h2>\n\n\n
\n
\"\"<\/figure><\/div>\n\n\n

Remixer<\/a><\/span> ist ein Click-to-Edit-Builder von DreamHost, der 2017 eingef\u00fchrt wurde<\/a><\/span>. Sein Ziel ist es, den Benutzern eine M\u00f6glichkeit zu bieten, eine leicht zu wartende Website<\/a><\/span> ohne zu gro\u00dfe Kosten zu erstellen.<\/p>\n\n\n\n

Mit Remixer kann selbst ein kompletter Anf\u00e4nger in wenigen Minuten eine professionell aussehende Website erstellen. Dies ist gr\u00f6\u00dftenteils auf seine intuitive Benutzeroberfl\u00e4che zur\u00fcckzuf\u00fchren, aber auch auf die Galerie von vorgefertigten Vorlagen<\/a> und lizenzfreien Bilder, die kostenlos verwendet werden k\u00f6nnen.<\/p>\n\n\n\n

Wenn Sie eine einfache Website erstellen m\u00f6chten, die einfach zu warten ist, ist Remixer die ideale Wahl. Es sind keine Programmierkenntnisse oder zus\u00e4tzliche Plugins erforderlich. Das Tool verf\u00fcgt sogar \u00fcber einen Website-Erstellungswizard<\/a><\/span>, um die Dinge zu vereinfachen. Schlie\u00dflich ist Remixer auch im Shared Hosting-Plan von DreamHost<\/a><\/span> enthalten. Au\u00dferdem kann Remixer mit Ihren Anforderungen wachsen. Wenn Sie feststellen, dass Sie sp\u00e4ter E-Commerce oder Blogging-Funktionalit\u00e4t hinzuf\u00fcgen m\u00fcssen, k\u00f6nnen Sie Ihre Remixer-Website zu WordPress exportieren<\/a><\/span>.<\/p>\n\n\n\n

Wie man eine Seite mit dem Remixer Page Builder erstellt (in 3 Schritten)<\/strong><\/h2>\n\n\n\n

Lassen Sie uns nun den Aufbau einer Website mit Remixer<\/a><\/span> betrachten, der ein DreamHost-Konto<\/a><\/span> erfordert.<\/p>\n\n\n\n

Schritt 1. W\u00e4hlen Sie eine Vorlage<\/strong><\/h3>\n\n\n\n

Wenn Sie angemeldet sind, k\u00f6nnen Sie Remixer direkt \u00fcber Ihr DreamHost control panel<\/a><\/span> aufrufen. W\u00e4hlen Sie einfach Remixer<\/span> > Armaturenbrett<\/span> im linken Men\u00fc aus, dann w\u00e4hlen Sie den Jetzt mit Remixer anfangen<\/span>-Button.<\/span><\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Dies \u00f6ffnet einen neuen Tab mit der Remixer-Oberfl\u00e4che. Hier ist Ihr erster Schritt, ein Thema auszuw\u00e4hlen, das als Basis f\u00fcr Ihre Website dient. Sie k\u00f6nnen dies umfangreich bearbeiten, betrachten Sie es also nur als Ausgangspunkt.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Sie k\u00f6nnen entweder \u00fcber ein Theme fahren und auf Thema ausw\u00e4hlen<\/span> klicken, um anzufangen.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Jedoch, wenn Sie das Theme zuerst weiter anpassen m\u00f6chten, k\u00f6nnen Sie die Option Erstellen<\/span> im oberen rechten Men\u00fc anklicken. Dies \u00f6ffnet einen kurzen Assistenten, der aus einigen Schritten besteht, in denen Sie das Theme konfigurieren k\u00f6nnen. Im ersten Schritt (Layout<\/span>) erhalten Sie eine Auswahl von drei Vorlagen.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Wenn Sie eines ausw\u00e4hlen, haben Sie die M\u00f6glichkeit, ein Farbschema f\u00fcr Ihr Thema zu w\u00e4hlen. W\u00e4hlen Sie eines aus, um zu sehen, wie die Vorschau auf der linken Seite aktualisiert wird.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Klicken W\u00e4hlen Sie Bilder<\/span> um zum n\u00e4chsten Schritt zu gelangen. Hier k\u00f6nnen Sie eine Reihe von Stockbildern ausw\u00e4hlen, die Sie verwenden k\u00f6nnen.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Nat\u00fcrlich m\u00fcssen Sie diese Bilder nicht verwenden und k\u00f6nnen sp\u00e4ter Ihre eigenen importieren. Es kann jedoch n\u00fctzlich sein, geeignete Platzhalterbilder auszuw\u00e4hlen, die w\u00e4hrend des Designprozesses Ihrer Vision entsprechen.<\/p>\n\n\n\n

W\u00e4hlen Sie die Bilder aus, die Sie m\u00f6chten, und klicken Sie dann auf Schriftarten ausw\u00e4hlen<\/span>. Sie k\u00f6nnen jetzt ein Schriftartenpaar f\u00fcr Ihre Website ausw\u00e4hlen.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Nachdem Sie ein Paar ausgew\u00e4hlt haben, das Ihnen gef\u00e4llt, k\u00f6nnen Sie auf Seite Vorschauen<\/span> klicken, um das von Ihnen erstellte Thema zu sehen.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Wie wir sagten, ist dies nicht unbedingt das endg\u00fcltige Design, sondern eine solide Grundlage. Sie haben jedoch gerade einige der wichtigsten Entscheidungen in Bezug auf Ihr Gesamtdesign und Layout getroffen, bevor Sie Ihre Kreation feinabstimmen. Um dies zu tun, klicken Sie auf Speichern und diese Seite bearbeiten<\/span>, um den Remixer-Builder zu \u00f6ffnen.<\/p>\n\n\n\n

Schritt 2. Das Design und den Inhalt bearbeiten<\/strong><\/h3>\n\n\n\n

Da der Remixer-Builder eine Klick-zum-Bearbeiten-Schnittstelle verwendet, haben Sie wahrscheinlich bereits herausgefunden, wie es funktioniert. Sie m\u00fcssen nur auf ein beliebiges Seitenelement klicken, um es zu bearbeiten.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Um dies auszuprobieren, klicken Sie auf den Unter\u00fcberschrift unter dem Titeltext. Sie werden sehen, dass Sie den Text \u00e4ndern und verschiedene Stil- und Formatierungen anwenden k\u00f6nnen.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Wenn Sie fertig sind, klicken Sie woanders hin und Sie werden sehen, wie Ihre \u00c4nderungen sofort sichtbar sind.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Bestimmte Seitenelemente haben einzigartige Einstellungen, die dynamisch erscheinen, wenn das Element ausgew\u00e4hlt wird. Wenn Sie beispielsweise das Kopfzeilenbild ausw\u00e4hlen, werden Sie feststellen, dass das Men\u00fc auf der linken Seite aktualisiert wird, um Einstellungen anzuzeigen, die sich auf das Bild beziehen.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Von hier aus k\u00f6nnen Sie das Bild leicht austauschen, zuschneiden, seine Gr\u00f6\u00dfe anpassen oder es drehen. Sie k\u00f6nnen ein vorhandenes Stockbild ausw\u00e4hlen oder es durch eines Ihrer eigenen ersetzen. Remixer erm\u00f6glicht es Ihnen sogar, Filter auf Bilder anzuwenden.<\/p>\n\n\n\n

Wenn Sie ein neues Element hinzuf\u00fcgen m\u00f6chten, sollten Sie nach den blauen Neu<\/span> Schaltfl\u00e4chen suchen, die zwischen bestehenden Seitenelementen platziert sind.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Klicken Sie auf eines dieser Elemente, \u00f6ffnet sich ein neuer Abschnitt, in dem Sie das Element ausw\u00e4hlen k\u00f6nnen, das Sie hinzuf\u00fcgen m\u00f6chten. W\u00e4hlen Sie das gew\u00fcnschte aus, und es erscheint sofort auf der Seite, wo Sie es wie jedes andere Element bearbeiten k\u00f6nnen.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Sie k\u00f6nnen jetzt Ihre Website nach Belieben gestalten, Elemente bearbeiten und neue hinzuf\u00fcgen, wie es erforderlich ist. Sobald Sie das Design abgeschlossen haben, ist es an der Zeit, es zu ver\u00f6ffentlichen.<\/p>\n\n\n\n

Schritt 3. Ver\u00f6ffentlichen Sie Ihre Seite mit einem Klick<\/strong><\/h3>\n\n\n\n

Wenn Sie Ihre Website fertiggestellt haben, bleibt nur noch die Ver\u00f6ffentlichung \u00fcbrig. Gl\u00fccklicherweise ist dieser Prozess sehr einfach. Sie k\u00f6nnen die Website mit einer zuf\u00e4llig generierten Domain ver\u00f6ffentlichen, aber wahrscheinlich m\u00f6chten Sie eine benutzerdefinierte Domain verwenden.<\/p>\n\n\n\n

Um dies zu tun, m\u00fcssen Sie sicherstellen, dass kein Seitenelement ausgew\u00e4hlt ist, damit die Website Directory<\/span> Option im Men\u00fc verf\u00fcgbar ist.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Hier k\u00f6nnen Sie die Domain ausw\u00e4hlen, die Sie f\u00fcr Ihre neue Website verwenden m\u00f6chten. Sie k\u00f6nnen entweder eine vorhandene aus der Liste ausw\u00e4hlen oder auf den Link klicken, um eine neue Domain zu kaufen.<\/p>\n\n\n\n

Wenn Sie einen bereits einer Site zugewiesenen Domain ausw\u00e4hlen, erscheint eine Warnmeldung. Sie k\u00f6nnen sich daf\u00fcr entscheiden, die bestehende Site durch die gerade erstellte zu ersetzen. Die alten Website-Dateien werden weiterhin offline auf Ihrem Shared Hosting-Server gespeichert, falls Sie zu Ihrer vorherigen Website zur\u00fcckkehren m\u00f6chten.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Wenn Sie einen Domainnamen ausgew\u00e4hlt haben, klicken Sie auf die Ver\u00f6ffentlichen<\/span> Option in der oberen rechten Ecke.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Dies wird Ihre Website kompilieren und ver\u00f6ffentlichen. Wenn Sie fertig sind, wird der Button, den Sie gerade geklickt haben, in Ansehen<\/span> ge\u00e4ndert. Klicken Sie darauf, um die Website in einem neuen Tab zu sehen, und Ihre Website ist jetzt live und einsatzbereit! Sie k\u00f6nnen zu Remixer zur\u00fcckkehren, um die Website nach Belieben zu bearbeiten und Ihre \u00c4nderungen zu ver\u00f6ffentlichen oder eine ganz neue Website zu erstellen.<\/p>\n\n\n\n

Hinweis: Wenn Sie Remixer zum ersten Mal auf Ihrer Domain ver\u00f6ffentlichen, kann es zu einer anf\u00e4nglichen Verz\u00f6gerung kommen, bis die DNS-Propagierung<\/a><\/span> abgeschlossen ist, bevor Ihre neue Remixer-Site in der Wildnis sichtbar wird.<\/p>\n\n\n\n

\n\n\n

Get Content Delivered Straight to Your Inbox<\/h2>

Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p>

<\/div>