Site icon startupyourfuture

So erstellen Sie eine Portfolio-Website: Eine detaillierte Anleitung

So bringen Sie Ihre Portfolio-Website mit Wix online

Wix ist ein Website-Builder, mit dem jeder ohne Erfahrung im Webdesign in wenigen Minuten eine professionell aussehende Website erstellen kann. Wix ist wegen seiner Flexibilität und Benutzerfreundlichkeit sehr beliebt. In diesem Abschnitt gehen wir auf die Erstellung einer persönlichen Portfolio-Website mit Wix.com ein.

Ein Konto erstellen

Das Erstellen eines Kontos im Website-Builder von Wix ist sehr einfach. Sie können sich sogar mit Ihren Google- oder Facebook-Konten anmelden.

Besuchen Sie die Homepage www.wix.com und klicken Sie auf „Erste Schritte“.

Sie werden zur Anmeldeseite weitergeleitet. Geben Sie Ihre E-Mail-Adresse und ein neues Passwort ein und klicken Sie dann auf SSchaltfläche “Anmelden”.

Der nächste Schritt ist eine kleine Umfrage, um Wix dabei zu helfen, Ihre Bedürfnisse zu kennen, damit sie Ihnen die bestmögliche Erfahrung bieten können. Sie können die Umfrage beantworten oder überspringen.

Die Umfrage besteht aus nur drei Fragen und dauert weniger als 30 Sekunden. Wählen Sie noch nie zuvor, da diese Anleitung sowohl für Anfänger als auch für fortgeschrittene Benutzer gedacht ist.

Sobald Sie die letzte Option ausgewählt haben, werden Sie zur nächsten Seite weitergeleitet, wo Sie die Möglichkeit haben, zwischen der Verwendung des Wix-Designers für künstliche Intelligenz oder des Website-Editors von Wix zum Erstellen Ihrer Website zu wählen.

Verwendung des Artificial Intelligence Designer (ADI) von Wix zur Erstellung einer Portfolio-Website

Klicken Sie auf „Jetzt starten“, um den ADI von Wix zu verwenden, oder auf „Vorlage auswählen“, um Ihre eigene beeindruckende Website mit dem Website-Editor von Wix zu erstellen. In diesem Leitfaden werden wir beide untersuchen, beginnend mit der Wix ADI-Option, die die beste Option für Nicht-Webentwickler ist.

Wählen Sie die Art der Website, die Sie erstellen möchten; in diesem Fall eine Portfolio-Website. Klicken nächste um auszuwählen, welche Funktionen Sie auf der Website wünschen.

Wir haben uns hier für den „Online-Shop“ entschieden, weil wir unsere Arbeiten ausstellen und Besucher Sie kontaktieren und beauftragen sollen. Beachten Sie, dass Sie diesen Schritt überspringen und später Funktionen hinzufügen können. Klicken Sie danach auf Weiter.

Wählen Sie einen Marken-/Geschäftsnamen oder verwenden Sie Ihren eigenen Namen. Was auch immer Sie hier auswählen, wird als Ihr Domainname verwendet. Als Beispiel haben wir unseren Markennamen „blooanimation“ verwendet. Weiter klicken.

Da wir an einem neuen Projekt arbeiten, wird davon ausgegangen, dass wir keine bestehende Website oder Google Places haben, also klicken wir auf „Überspringen“, um unsere Informationen zu überprüfen und zu bearbeiten.

Füllen Sie die bereitgestellten Felder aus; Ihre E-Mail ist bereits da. Fügen Sie Ihr Logo, Ihre Adresse, Telefonnummer, Ihr Fax (falls vorhanden) und Links zu sozialen Konten hinzu.

Wählen Sie auf der nächsten Seite ein Design für Ihre Website aus (Sie können Designs später einfach ändern). Wählen Sie eine aus und klicken Sie darauf fortsetzen.

Wenn Sie ein Logo hochgeladen haben, haben Sie die Möglichkeit, eine Farbpalette aus diesem Logo zu erstellen. Sie können überspringen, wenn Sie keine haben, oder auf „Palette erstellen“ klicken, um fortzufahren.

Im nächsten Schritt wählen Sie a Homepage-Gestaltung.

Wählen Sie eines der angezeigten Designs aus oder überspringen Sie es. Sie können sie später noch ändern. Sobald du ein Design ausgewählt hast, wirst du zum Wix ADI Editor weitergeleitet.

Der Editor von Wix hat drei Hauptbereiche, die im Bild unten wie folgt gekennzeichnet sind: (1) Hauptmenübereich (2) Seitenleistenbereich und (3) Hauptseitenbereich.

Es ist wichtig, dass wir uns jeden dieser Bereiche und ihre Funktionsweise genau ansehen.

Hauptmenübereich: Der Hauptmenübereich umfasst die folgenden Registerkarten:

A) Aktive Seitenauswahl: Hier wählen Sie eine Seite aus, die im Hauptseitenbereich zur Bearbeitung angezeigt werden soll. B) Hinzufügen: Hiermit wird eine neue Seite oder ein neuer Seitenabschnitt hinzugefügt. C) Design: In diesem Bereich können Sie Themen, Farben, Schriftarten, Animationen oder Seitendesigns ändern. D) Shop verwalten: Dies wird zum Einrichten eines Online-Shops verwendet. Da unser Interesse darin besteht, ein Portfolio zu erstellen, überspringen wir dies.
E) Schaltflächen Rückgängig/Wiederherstellen: Macht eine Aktion rückgängig oder wiederholt sie. F) Hilfe: Greifen Sie auf die Hilfedatenbank von Wix zu. G) Site: Diese Registerkarte enthält eine Liste von Untermenüs wie „Neue Site erstellen“, „Meine Site“, „Domain verbinden“ usw. Unser einziges Interesse hier ist die „Domain verbinden“; andere sind eher unkompliziert.
H) Benachrichtigungsglocke: Alle Ihre Benachrichtigungen werden hier angezeigt. I) Upgrade: Um Ihre Domain zu verbinden, müssen Sie auf ein Premium-Konto upgraden. Alle Upgrade-Pläne finden Sie hier. J) Vorschau: Auf der Registerkarte „Vorschau“ können Sie eine Vorschau Ihres Designs anzeigen, bevor Sie es veröffentlichen. K) Veröffentlichen: Sobald Sie mit dem Design der Website fertig sind und mit dem, was Sie in der Vorschau gesehen haben, zufrieden sind, können Sie fortfahren und auf die Schaltfläche „Veröffentlichen“ klicken, um Ihre Portfolio-Website zu veröffentlichen.

Seitenleistenbereich: Der Seitenleistenbereich wird normalerweise verwendet, um Informationen anzuzeigen, die nicht Teil der Hauptseite sind. Klicken Sie zunächst auf einen Abschnitt, und er wird zur Bearbeitung im Seitenleistenbereich geöffnet. Von dort aus können Sie Mediendateien wie Bilder ändern, Text bearbeiten und andere Dinge.

Unten sehen Sie eine Aufnahme des Kopfzeilenabschnitts, wie er im Seitenleistenbereich angezeigt wird.

In diesem Bereich können Sie das Abschnittsdesign ändern, Menüs hinzufügen/bearbeiten, eine Mitgliedschaft zu Ihrer Website hinzufügen und vieles mehr. Um eine dieser Funktionen zu Ihrer Website hinzuzufügen, klicken Sie einfach auf das Kontrollkästchen daneben.

Werfen wir einen Blick auf einige davon:

Website-Menü: Jede Seite, die Sie Ihrer Website hinzufügen, wird hier angezeigt. Sie können Seiten bearbeiten, die Seitenreihenfolge ändern oder Seiten löschen. Mitglieder-Anmeldeleiste: Diese Funktion ist für Mitglieder-Websites. Firmenname: Der zuvor gewählte Firmenname wird hier gespeichert. Sie können den Namen hier jedoch jederzeit ändern. Tagline: Legen Sie einen Tagline für die Website fest. Logo: Fügen Sie ein Logo hinzu oder ändern Sie ein vorhandenes. Website-E-Mail: Bearbeiten oder fügen Sie neue E-Mail-Konten hinzu. Telefonnummer: Bearbeiten oder fügen Sie eine neue Telefonnummer hinzu. Schaltfläche: Ermöglicht Ihnen das Hinzufügen von Schaltflächen wie die Schaltflächen „Kontaktieren Sie uns“ oder „Kontakt aufnehmen“. Soziale Konten: Bearbeiten oder fügen Sie Ihre sozialen Konten hinzu.

Die obigen Optionen sind im Kopfbereich enthalten. Andere Abschnitte haben ihre jeweiligen Merkmale. Klicken Sie auf einen anderen Abschnitt, und die Bearbeitungsfunktionen werden in der Seitenleiste angezeigt.

Hauptseitenbereich: Dies ist der Hauptanzeigebereich, in dem Sie Ihr Design sehen können. Der Viewer ist unglaublich intuitiv zu bedienen. Klicken Sie einfach auf einen Abschnitt, um ihn zu bearbeiten, neu anzuordnen/zu verschieben, zu gestalten oder von Ihrer Website zu löschen.

Sie können so viele Abschnitte haben, wie Sie möchten, aber wir empfehlen, es einfach zu halten, mit 5 oder 6 Abschnitten. Die Kopf- und Fußzeilenabschnitte können nicht verschoben/neu angeordnet, aber bearbeitet werden.

Textabschnitte: Im Gegensatz zum Kopfbereich können Sie den Textabschnitt duplizieren, verschieben und löschen. Sie können es auch bearbeiten und gestalten. Die beiden Pfeile oben rechts werden verwendet, um einen Abschnitt nach oben/unten zu verschieben. Während die Option “Verschieben nach …” im Dropdown oben links verwendet wird, um einen Abschnitt in einen bestimmten Bereich zu verschieben.

Die Fußzeilen-/Kopfzeilenabschnitte: Wie ich bereits erwähnt habe, können Sie nur den Fußzeilenabschnitt bearbeiten und gestalten.

Werfen wir also einen Blick auf unsere Endergebnis. Für dieses Beispiel haben wir alle Seiten gelöscht und nur die Startseite übrig gelassen. Unsere Homepage hat sechs Bereiche.

Der Kopfbereich Willkommensbereich Pro-Galerie-Bereich (dient als Portfolio-Bereich) Der Angebotsbereich Der Kontaktbereich Der Fußbereich

Mit dem Website-Editor von Wix eine Portfolio-Website erstellen

Nachdem wir nun gesehen haben, wie der ADI von Wix funktioniert, werfen wir einen Blick darauf, wie Sie unsere Portfolio-Website mithilfe des Editors von Wix anpassen können. Um den Website-Editor von Wix zu verwenden, gehen Sie zu Wix und befolgen Sie alle Schritte wie oben beschrieben. Wählen Sie dieses Mal die Option „Vorlage auswählen“.

Auf der nächsten Seite sehen Sie viele schöne Vorlagen, die sich über mehrere Seiten erstrecken. Blättern Sie durch und treffen Sie eine Auswahl.

Bewegen Sie den Mauszeiger über die Vorlage, die Sie verwenden möchten, und klicken Sie auf „Anzeigen“, um eine Vorschau der Vorlage anzuzeigen, oder auf „Bearbeiten“, um sofort mit der Arbeit an der Vorlage zu beginnen.

Sobald Sie auf die Schaltfläche „Bearbeiten“ klicken, gelangen Sie zum Website-Editor von Wix. Der Editor ist recht einfach und leicht zu bedienen; Werfen wir einen Blick auf einige der Funktionen.

Im Bild unten haben wir auf den Titel doppelt geklickt, um ihn bearbeitbar zu machen, sodass Sie den Titel Ihrer Website einfach eingeben können. Sie können den Überschriftentyp, die Schriftart, die Schriftgröße, die Schriftfarbe und andere Textformatierungsoptionen über das Feld „Texteinstellungen“ ändern. Das Feld „Texteinstellung“ erscheint nur, wenn Sie einen Text bearbeiten möchten.

Sie können das Menü und die Seiten bearbeiten, einen Hintergrund hinzufügen und Ihrer Website Medien hinzufügen. Sie können auf Elemente im Canvas klicken, um sie zu bearbeiten.

Sie können Ihre Website speichern oder in der Vorschau anzeigen, bevor Sie sie veröffentlichen. Wenn Sie zur Veröffentlichung bereit sind, klicken Sie oben rechts auf die Schaltfläche „Veröffentlichen“. Wir empfehlen, Ihre Arbeit von Zeit zu Zeit zu speichern, um zu vermeiden, dass Ihr Design verloren geht.

Wenn Sie sich zum ersten Mal mit dem Design von Websites beschäftigen, finden Sie es möglicherweise verwirrend. Aber der Editor von Wix ist so einfach zu bedienen, dass Sie, nachdem Sie ein wenig damit herumgespielt haben, den Dreh raus haben und sich beim Navigieren wohl fühlen werden.

Hier ist unser Endergebnis:

Verbinden einer benutzerdefinierten Domain mit deiner Website von Wix

Du kannst eine benutzerdefinierte Domain von verschiedenen Stellen auf deinem Website-Dashboard aus mit deiner Website von Wix verbinden. Um Ihre Domain zu verbinden, gehen Sie zu Ihrem Konto oben rechts auf der Seite. Es erscheint ein Pop-up mit einem Call-to-Action „Get a Domain“.

Sie können dies auch tun, indem Sie Ihr Profil-Dropdown aufrufen oder einfach direkt dort auf Ihrem Dashboard auf „Get a Domain“ klicken.

Danach haben Sie die Möglichkeit, eine neue Domain zu kaufen oder eine Domain zu verbinden, die Sie bereits besitzen.

Um eine Domain zu verbinden, die du bereits besitzt, musst du auf einen Premium-Plan von Wix upgraden. Fahren Sie fort und aktualisieren Sie Ihren Plan, wenn Sie Ihre bereits gekaufte Domain verbinden möchten.

Wenn Sie noch keine Domain haben und eine neue kaufen möchten, klicken Sie auf „Neue Domain kaufen“.

Geben Sie die neue Domain ein, die Sie kaufen möchten, und klicken Sie auf die Schaltfläche „Suchen“, um zu prüfen, ob die Domain verfügbar ist.

Klicken Sie auf „Holen“. Sie führen entweder ein Upgrade auf einen Jahresplan durch, der eine 1-jährige kostenlose Domain umfasst, oder Sie kaufen die Domain und führen später ein Upgrade durch.

Hinweis: Die Domain wird Ihrer Website erst nach dem Upgrade zugewiesen.

Wählen Sie einen Plan aus, um mit der Zahlung fortzufahren.

Wir empfehlen den Jahresplan, damit Sie einen kostenlosen Domain-Gutschein und andere tolle Funktionen erhalten.

Geben Sie Ihre Kartendaten ein und senden Sie Ihren Kauf ab.

Herzliche Glückwünsche! Ihr Premium-Plan läuft und Sie können Ihre Portfolio-Website erstellen!


Exit mobile version