Ein Anfängerleitfaden für Webflow Cloneables und echte Beispiele

Ein Anfängerleitfaden für Webflow Cloneables und echte Beispiele
Published
Jan 16, 2024

Seit der Einführung von Dolly, das erste geklonte Tier vor über zwei Jahrzehnten, stieß das Wort „Klonen“ auf Skepsis und negative Wahrnehmungen. In diesem Artikel werden wir jedoch eine andere Form des Klonens untersuchen, über die man weniger einschüchternd nachdenken sollte: das Klonen von Websites.

Was ist das Klonen von Websites?

Beim Klonen von Websites wird eine Kopie oder besser gesagt eine Kopie einer anderen bereits vorhandenen Website erstellt. Diese neue geklonte Website wird durch Kopieren aller Daten, Funktionen, Designs, Animationen und Funktionen der ursprünglichen Website ins Leben gerufen.

Zusätzlich kann man das Klonen von Websites in zwei Kategorien einteilen:

  • Legales oder ethisches Klonen von Websites
  • Illegales oder unethisches Klonen von Websites

Legales Klonen ist das Klonen von Websites, die unter der CC0-Lizenz („keine Rechte vorbehalten“) erstellt wurden. Das bedeutet, dass Sie jeden Teil dieser Website für persönliche oder kommerzielle Zwecke kopieren, ändern und verwenden dürfen.
Illegales Klonen ist das Kopieren von Daten, Design und mehr, das gegen den Urheber- und Markenschutz der ursprünglichen Website verstößt oder gegen die Nutzungsbedingungen der Website verstößt. Diese Websites mit deaktivierten Klonberechtigungen gewähren anderen keinen Zugriff darauf, ihre Website zu kopieren, und es können auch potenzielle rechtliche Konsequenzen damit verbunden sein.

Eine schrittweise Anleitung zum Klonen von Webflow

Webflow cloneable ist eine Liste von Open-Source-Websites, die von der Webflow-Community unter der CC0-Lizenz erstellt und im Hergestellt in Webflow Abschnitt von Marktplatz.

Bei einem klonbaren Objekt kann es sich auch nur um eine einfache Interaktion oder um eine bestimmte Funktionalität einer Website handeln, die Sie für jeden bereit machen möchten, um sie zu klonen und in ihr eigenes Projekt zu integrieren, was ihnen Zeit und Mühe spart!

A screenshot of the Cloneable sites library in Webflow Marketplace
Bibliothek für klonbare Websites - Webflow Marketplace

Das Klonen einer Site in Webflow ist einfach und sieht wie folgt aus:

  1. Gehe zu Marktplatz — Hergestellt in Webflow und wählen Sie Nur klonbare Websites Option
  2. Fahren Sie mit der Maus über die Site, die Sie klonen möchten, und klicken Sie auf Details ansehen
  3. Klicken In Webflow klonen
A photo showing how to clone a site in webflow
Anleitung zum Klonen im Webflow — Schritt 3
  1. Wählen Sie den Arbeitsbereich Sie möchten Ihre geklonte Website hinzufügen und klicken Sie dann auf Seite erstellen
A photo showing how to choose the workspace you want for saving the cloneable site
Anleitung zum Klonen im Webflow — Schritt 4
  1. Schreiben Sie ein Name für deine Seite
  2. Klicken Sie abschließend auf Seite erstellen nochmalige Schaltfläche, um im Designer auf Ihre Seite zuzugreifen
A photo showing how to name the workspace and create the webflow cloneable site
Anleitung zum Klonen im Webflow — Letzte Schritte

Bewährte Methoden für die Verwendung von Webflow cloneable

Die Vorteile und Zwecke des Klonens von Websites können je nach den beabsichtigten Zielen wie Lernen, Üben, Testen von Funktionen und mehr variieren. Hier sind einige der besten Methoden für die Verwendung von klonbaren Webflow-Websites:

  • Reverse Engineering einer Website: Besonders hilfreich für Anfänger im Webdesign, aber nicht nur, das Reverse Engineering einer Website ermöglicht es Designern, zu erfahren, wie die Website erstellt wurde, wie die verschiedenen Animationen und Interaktionen entworfen wurden usw. Dies hilft vielen Designern, die gerade mit dem Designprozess begonnen haben, die umfangreichen Funktionen, die die Webflow-Canvas ihnen bietet, besser zu verstehen.

    Nicht nur das, es hilft auch den erfahreneren Designern zu verstehen, wie kompliziertere Interaktionen entstanden sind. Darüber hinaus ermöglicht es ihnen, Funktionen zu integrieren, an die sie zuvor vielleicht nicht gedacht haben, ohne sie von Grund auf neu erstellen zu müssen.
  • Testen und Entwickeln von Websites: Wenn man eine klonbare Webflow-Vorlage integriert hat, kann man eine weitere exakte klonbare Vorlage erstellen und sie für Test- und Entwicklungszwecke verwenden. Das hilft Designern und Entwicklern, mit verschiedenen Designs, Korrekturen oder Änderungen zu experimentieren, ohne die Live-Site zu beeinträchtigen, bis sie sich vergewissert haben, dass alles einwandfrei funktioniert. Auf diese Weise erhalten Benutzer ein reibungsloses Erlebnis, wenn die Änderungen an der Hauptseite vorgenommen werden.
  • Zeitersparnis und Wirtschaftlichkeit: Die Verwendung von klonbaren Webflow-Websites kann eine zeit- und kostensparende Lösung sein, wenn Sie schnell ein Design für ein Start-up oder ein kleines Unternehmen mit begrenzten Ressourcen erstellen möchten. Das gibt Ihnen die Möglichkeit, auch auf diesem Design aufzubauen und die notwendigen Anpassungen nach Ihren Wünschen vorzunehmen, ohne es von Grund auf neu entwickeln zu müssen. Das spart Ihnen Zeit und Geld und liefert Ihnen lohnende Ergebnisse.
  • Präsentieren Sie Ihre Webdesign-Expertise: Eine andere Art, wie Cloneables verwendet werden, besteht darin, die Fähigkeiten einer Webagentur oder eines einzelnen Designers/Entwicklers unter Beweis zu stellen, indem komplexe Designs mit anderen geteilt werden, sei es für eine ganze Website oder nur für bestimmte Interaktionen. Auf diese Weise werben beide für sich selbst und zeigen gleichzeitig, wie leistungsstark und leistungsfähig es ist, selbst die komplexesten Websites mithilfe von Webflow zu erstellen.

Webflow-Klondateien, von denen Sie lernen und kreativ werden können

Im Folgenden stellen wir Ihnen einige der klonbar Versionen, die wir von mehreren bekannten Websites erstellt haben, bieten Ihnen die Möglichkeit, Neues zu entdecken und sich inspirieren zu lassen!

Pitch-Website klonbar

Pitch ist eine webbasierte Präsentationssoftware, die die Zusammenarbeit im Team bei der Erstellung und Weitergabe visuell ansprechender und effektiver Präsentationen erleichtert. Es ermöglicht Benutzern, Präsentationen in Echtzeit zu erstellen und zu bearbeiten, und bietet ihnen eine Reihe anpassbarer Vorlagen, Themen und Designelemente, mit denen Benutzer ansprechende und professionell aussehende Präsentationen erstellen können. Schauen Sie es sich an und schauen Sie sich die Designdetails an!

A screenshot of the pitch.com homepage in a cloneable site
Pitch-Webseite - Klonbar

Was die letzten beiden angeht, so ist keine Einführung erforderlich — tauchen Sie einfach ein, entwickeln Sie sie zurück, passen Sie sie an oder tun Sie, was auch immer Sie benötigen, um den größtmöglichen Nutzen zu erzielen und sie perfekt an Ihre Bedürfnisse anzupassen. Die Möglichkeiten sind endlos!

Klonbare Webflow-Webseite

Als weitere klonbare Website haben wir uns für das Klonen entschieden Webflow mit all seinen Interaktionen und Funktionen. Analysieren Sie es und lassen Sie sich dabei inspirieren!

Webflow homepage screenshot in a cloneable site
Webflow Webseite - Klonbar

Apple-Website klonbar

Unser neuestes klonbares ist die iPhone 14 Pro-Seite von Apfel Webseite. Nehmen Sie sich Zeit, um es zu erkunden und Ihre Fähigkeiten mit dem, was Sie lernen, zu verbessern!

Iphone 14 pro page of apple.com in a cloneable site
Apple-Webseite - Klonbar


Neben klonbaren Produkten entwickeln wir umwerfend Webflow-Vorlagen und behalte unsere Blog aktualisiert mit verschiedenen Artikeln über Webdesign und Führungen Informationen zur Verwendung von Webflow-Assets und -Funktionen. Schauen Sie sich also unbedingt bei uns um, um unsere neuesten Erkenntnisse zu erhalten!

Zusammenfassend

Webflow Cloneable bietet Designern und Entwicklern eine zeit- und kostensparende Lösung für die Erstellung von Websites. Webflow Cloneable ermöglicht es Benutzern, Open-Source-Websites und Designelemente zu klonen, und ermöglicht es ihnen, ihre eigenen Website-Designs zurückzuentwickeln, zu testen und zu entwickeln.

Darüber hinaus sind Webflow Cloneables ein echtes Beispiel dafür, wie das Fachwissen von Webagenturen und einzelnen Designern unter Beweis gestellt wird und gleichzeitig die Leistungsfähigkeit und die Möglichkeiten hervorgehoben werden, selbst die komplexesten Websites mit Webflow zu erstellen. Angesichts der zahlreichen verfügbaren Versionen beliebter Websites haben Designer und Entwickler eine großartige Gelegenheit, Neues zu entdecken, zu lernen und kreativ zu werden.

Most read articles:
Thank you! Your submission has been received!
Check your inbox and confirm your email!
Oops! Something went wrong while submitting the form.
Share This

Other Insights

Amazing Webflow
templates 🤩