Eine Portfolio-Website ist eine perfekte Plattform, um alles zu präsentieren, was Sie wollen. Es können Produkte sein, die Sie verkaufen, Projekte, die Sie abgeschlossen haben, Auszeichnungen, die Sie erhalten haben, inspirierende Fotos oder Kunstwerke, auf die Sie stolz sind. Eine Portfolio-Site vermarktet Ihre Produkte, Dienstleistungen und Fähigkeiten bei Ihrer Zielgruppe. Darüber hinaus kann es bei der Generierung von Leads hilfreich sein. Wenn Sie ein kreativer Profi sind (Webdesigner, Künstler, Maler, Schriftsteller, Grafiker), ist eine gut gestaltete Website besonders wichtig, um Kunden zu gewinnen und Ihr Geschäft auszubauen.
In diesem Beitrag werden wir die Schritte zum Erstellen einer Portfolio-Website mit WordPress unter Verwendung der Gesamt Thema. Zu Beginn sollten Sie wissen, dass das Total-Theme einen integrierten benutzerdefinierten Beitragstyp für das Portfolio enthält. So ist es einfacher, Ihr Portfolio zu erstellen und Ihre Portfolio-Elemente hinzuzufügen. Und wenn Sie wissen, wie man mit Standard-Posts arbeitet, wird das Erstellen eines Portfolios für Sie viel einfacher.
Lass uns anfangen!
Schritt 1: Wählen Sie einen Webhost aus
Wenn es um Hosting geht, gibt es eine Vielzahl von Hosting-Optionen für jeden Geldbeutel. Aber wenn Sie bei der Auswahl nicht weiterkommen, werfen Sie einen Blick auf die WordPress-Hosting-Lösungen, die Themelocal empfiehlt.
Bluehost ist eine großartige Option, wenn Sie gerade erst anfangen, da es viele Ressourcen zu einem niedrigen Preis bietet – der noch niedriger ist, wenn Sie unseren Link verwenden. Im ersten Jahr erhalten Sie Bluehost für nur 2,95 USD!
Wenn Sie jedoch Hosting wünschen, das ein Kinderspiel ist, sind Flywheel und WP Engine zwei der am besten verwalteten WordPress-Hosting-Unternehmen. Beide bieten großartige Funktionen zu einem vernünftigen Preis und das Beste ist, dass Sie sich nie Gedanken über Ihren Server machen müssen, da sie sich um alles kümmern.
Schritt 2: Wählen Sie einen Domainnamen
Wenn Sie sich bei einem Host für Serverplatz anmelden, müssen Sie Ihren Domainnamen zur Hand haben. Ihr Domainname ist für Ihre Website eindeutig und Sie können diese Namen von Registraren wie NameCheap und GoDaddy erhalten. Wählen Sie einen Namen sorgfältig aus, da es ziemlich chaotisch werden kann, ihn später zu ändern.
Schritt 3: WordPress installieren
WordPress zu installieren ist ganz einfach! Bei Managed Hosts ist Ihre WordPress-Installation bereits für Sie eingerichtet. Wenn Sie sich für Bluehost entscheiden, folgen Sie einfach dem Ein-Klick-Installationsprozess und Sie sollten WordPress in wenigen Minuten bereit haben.
Wenn Sie den Anmeldebildschirm erreichen, geben Sie den Benutzernamen und das Passwort ein, die Sie bei der Installation von WordPress erstellt haben, und geben Sie Ihre Website ein. Dort angekommen, können Sie Ihre eigentliche Portfolio-Website erstellen.
Schritt 4: Wählen Sie ein Thema aus und aktivieren Sie es
Dieser Schritt wird uns leicht fallen, da wir uns entscheiden werden Gesamt. Unserer Meinung nach ist es eines der besten Themen, die Sie für jedes Projekt auswählen können, da das Thema unzählige Funktionen und Optionen bietet, die Sie für Unternehmen, Wohltätigkeitsorganisationen, Portfolios und mehr verwenden können. Und mit den einfachen Demo-Importen können Sie mit Total mit nur wenigen Klicks schöne Portfolio-Websites erstellen, wie diese unten:
Nachdem Sie das Total-Theme installiert haben, aktivieren Sie es von Ihrem Dashboard aus, indem Sie auf klicken Darstellung > Designs > Neu hinzufügen.
In diesem Stadium haben Sie die Wahl – Sie können einfach jede beliebige Demo-Website von Total importieren, indem Sie die Demo-Importeur. Total hat über 40 vorgefertigte Websites, einschließlich Demos für das Portfolio. Sie können eine beliebige Demo auswählen, importieren und eigene Inhalte hinzufügen.
Wählen Sie einfach die Demo aus, die Ihnen gefällt, und folgen Sie den Anweisungen auf dem Bildschirm, um die Installation durchzuführen, dann alle erforderlichen Plugins zu aktivieren und den Beispielinhalt (Beiträge, Beitragstypen, Widgets, Menüs usw.) zu importieren.
Schritt 5: Portfolioelemente erstellen und bearbeiten und eine Liste von Portfolioelementen erstellen
Natürlich müssen Sie keine Demo importieren, um loszulegen, Sie können jederzeit Ihre eigene Website von Grund auf erstellen. Wenn Sie das Total-Theme verwenden, ist es einfach, Ihr eigenes Portfolio zu erstellen.
Aber bevor wir unsere Portfolio-Seite erstellen können, müssen wir die Portfolio-Elemente erstellen, die darin enthalten sind. Mit Total haben Sie zwei Möglichkeiten, Ihre Portfolioelemente zu erstellen.
Option 1: Verwenden des benutzerdefinierten Portfolio-Beitragstyps von Total unverändert
Ihre erste Möglichkeit besteht darin, den Portfolio-Post-Typ so zu verwenden, wie er ist, um Ihr Portfolio zu erstellen. Klicken Sie im WordPress-Dashboard auf Portfolio > Neu hinzufügen.
Fügen Sie Titel, Tags, Kategorien und beliebige Textinhalte Ihres Portfolios hinzu. Total unterstützt verschiedene Inhaltstypen – füge ein . hinzu Ausgewähltes Bild Wenn Sie ein einzelnes Bild anzeigen möchten, fügen Sie mehrere Bilder zum Bildergalerie Abschnitt, um einen Schieberegler zu erstellen oder einen Link für eine Audio- oder Videodatei im Portfolio-Element Sektion. Aber in all diesen Fällen möchten Sie wahrscheinlich auch ein Seitenlayout unter den Haupteinstellungen (links, rechts oder keine Seitenleiste) auswählen und ein empfohlenes Bild für Ihren Beitrag festlegen, das in Portfolio-Rastern, Karussells und verwandten Beiträgen verwendet wird. Wenn Sie fertig sind, speichern Sie den Beitrag.
Der nächste Schritt ist zu gehen Darstellung > Anpassen > Portfolio um Ihre Portfolio-Archivseiten (Haupt-, Tags und Kategorien) sowie Ihre einzelnen Portfolio-Elementseiten anzupassen. Von hier aus können Sie ein Seitenleisten-Layout auswählen, verwandte Beiträge zählen und verschiedene Seitenelemente aktivieren und sie dann per Drag & Drop in die gewünschte Reihenfolge ziehen.
Das ist es! Fügen Sie einfach weitere Elemente hinzu, um Ihr Portfolio zu vervollständigen.
Option 2: Erstellen Sie Ihre eigene Portfolio-Vorlage mit Visual Composer
Wenn Sie mehr Hand anlegen möchten, können Sie Ihr eigener Designer sein, indem Sie die Funktionen von Total und den Visual Composer-Seitenersteller verwenden. Visual Composer ist ein visueller Seitenersteller, mit dem Sie mithilfe der Drag-and-Drop-Methode schöne Layouts erstellen können. Als Benutzer bedeutet dies, dass Sie keine Codierung kennen müssen und den Web-Building-Prozess tatsächlich genießen können. Es kommt kostenlos mit Total, und Sie sollten eine Aufforderung sehen, das Plugin auf Ihrer Website zu installieren, wenn Sie das Thema aktivieren. Denken Sie daran, es auch zu aktivieren.
Rufen Sie die Visual Composer-Einstellungen über das Dashboard auf, um das Plugin einzurichten. Klicke auf Visual Composer > Rollenmanager und passen Sie die Einstellungen an. Am wichtigsten ist, dass Sie den Composer für die Beitragstypen aktivieren, für die Sie ihn verwenden möchten. Visual Composer ist standardmäßig nur auf Seiten aktiviert. Aktivieren Sie es auch für Portfolio-Beitragstypen, damit Sie mit Hilfe von Visual Composer Portfolio-Elemente erstellen können.
Genau wie bei der letzten Option müssen Sie einen neuen Beitrag erstellen, indem Sie auf klicken Portfolio > Neu hinzufügen. Geben Sie Ihrem Beitrag einen Namen, wählen Sie Kategorien oder Tags aus, wählen Sie ein Seitenleisten-Layout unter den Haupteinstellungen und legen Sie ein vorgestelltes Bild fest. Speichern Sie Ihren Beitragsentwurf. Jetzt können Sie mit dem Bauen beginnen!
Sie haben die Möglichkeit, den Frontend (visuell) oder Backend (Block) Editor von Visual Composer start zu verwenden, um das Portfolioelement zu bearbeiten. Wir bevorzugen den Frontend-Editor, da Sie Ihre Seitenelemente, benutzerdefinierten Farben, Abstände/Ränder und mehr sehen können. Aber egal für welchen Sie sich entscheiden, wählen Sie einfach den Visual Composer Element hinzufügen Taste, um loszulegen.
Sie sehen alle Elemente, die in der Elementbibliothek verfügbar sind. Total verfügt zusätzlich zu den Standard-Visual Composer-Elementen über eine Reihe speziell entworfener Elemente in der Bibliothek. Sie können sehen, dass der obige Snapshot die Bild-Slider und ein Textfeld um das Portfolioelement zu erstellen. Sie können jedoch fast jedes andere Element aus der Bibliothek verwenden.
Wenn Sie mit der Bearbeitung fertig sind, speichern Sie den Portfolio-Beitrag und klicken Sie auf Veröffentlichen. Wenn Sie viele ähnliche Artikel erstellen möchten, können Sie sogar Speichern Sie die Vorlage zur wiederholten Verwendung. Um Ihr Layout als Vorlage zu speichern, kehren Sie zum Backend-Editor zurück.
Klicken Sie auf den Templatera-Button (der wie ein kleines graues Layout-Symbol aussieht).
Geben Sie dann Ihrer Vorlage einen Namen und speichern Sie sie. Um Ihre Vorlage in einem neuen Beitrag zu verwenden, klicken Sie einfach auf das Templatera-Symbol, um das gespeicherte Layout einzufügen. Alternativ können Sie die Vorlage als Standard für alle neuen Beiträge in einem bestimmten Beitragstyp festlegen.
Navigieren Sie dazu zu Visual Composer > Allgemeine Einstellungen und legen Sie Ihre bevorzugte Vorlage für jeden Beitragstyp fest. Wenn Sie vorhaben, viele Elemente zu Ihrem Portfolio, Personal usw. hinzuzufügen, sparen Sie wirklich einige Zeit, da alle Ihre Standardseitenelemente automatisch eingefügt und für Sie formatiert werden.
Schritt 6: Erstellen der Portfolio-Seite
Da wir nun die Liste der Portfolioelemente haben, die wir in unserem Portfolio anzeigen möchten, ist es an der Zeit, die Seite zu erstellen, die diese Portfolioelemente enthält. Erstellen Sie eine Seite, wie Sie es normalerweise mit WordPress tun. Gehe zu Seiten > Neu hinzufügen. Benennen Sie die neue Seite und speichern Sie sie.
Klicken Sie als Nächstes auf die Visual Composer-Option, mit der Sie arbeiten möchten – auch hier haben Sie die Möglichkeit, den Frontend-Editor oder Backend-Editor zu verwenden. Dadurch wird der Live-Drag-and-Drop-Editor geöffnet. Klicken Sie auf das Blau Element hinzufügen Taste. Wir verwenden das Portfolio-Grid-Element, um unsere Portfolio-Seite zu erstellen. Portfolioraster auswählen. Wenn Sie auf Ihrer Portfolio-Seite ein Karussell haben möchten, wählen Sie das Element Portfolio-Karussell aus.
Sie können die Einstellungen im Portfolio-Rasterelement anpassen, um die Darstellung Ihrer Portfolio-Seite zu optimieren. Sie können die Größe der Bilder auswählen, Ränder hinzufügen, sie betiteln, sKategorien festlegen, Reihenfolge, Spalten und Beiträge pro Seite auswählen, Paginierung aktivieren, Rasterstile auswählen, Auszüge hinzufügen und vieles mehr. Speichern die Portfolio-Seite, nachdem Sie die Einstellungsoptionen unterhalb des Texteditors ausgefüllt haben.
Es ist möglich, die Änderungen anzuzeigen, während Sie sie vornehmen. So sieht meine Portfolio-Seite im Frontend aus, nachdem ich die Änderungen am Portfolio-Grid-Element gespeichert habe.
Schritt 7: Passen Sie Ihr Portfolio an
Sie können die Einstellungen im Live-WordPress-Customizer verwenden, um Optionen für Breadcrumbs, Archiv-Layout, Single-Post-Stil, Bildzuschneiden und mehr festzulegen.
Wenn Sie Änderungen am Admin-Symbol, Posttypnamen, Slug und Taxonomie vornehmen möchten, verwenden Sie die Editor für Portfolio-Beitragstypen.
Schritt 8: Hinzufügen Ihres Portfolios zum Menü
Auf einer Portfolio-Website ist es sinnvoll, dass die Portfolio-Seite im Hauptmenü erscheint, damit Besucher sofort auf das ‚Portfolio‘ zugreifen und die Portfolio-Seiten anzeigen können. Um Ihre neue Portfolio-Seite hinzuzufügen, gehen Sie zu Darstellung > Menü, wählen Sie die Portfolio-Seite aus und klicken Sie auf Zum Menü hinzufügen.
Jetzt erscheint das Portfolio als leicht zugänglicher Menüpunkt auf der Startseite (und jeder anderen Seite mit aktiviertem Hauptmenü).
Wenn Sie möchten, dass Ihre Portfolioseite Ihre Startseite ist, navigieren Sie einfach zu Einstellungen > Lesen, Stellen Sie Ihre Startseitenanzeige auf eine statische Seite ein und wählen Sie dann Ihr Portfolio aus. Kinderleicht!
Beenden
Wenn der Portfolio-Bereich Ihrer Website eingerichtet ist, möchten Sie möglicherweise weitere Seiten zu Ihrer Website hinzufügen. Betrachten Sie eine Kontaktseite, Info oder Dienste, die unglaublich nützlich sind und ein notwendiger Teil einer Portfolio-Website sind. Erstellen Sie so viele Seiten, wie Sie möchten oder benötigen, und denken Sie daran, die wichtigen in das Menü aufzunehmen, um eine vollwertige Portfolio-Website zu haben.
Wenn Ihr Portfolio fertig ist, können Sie Traffic für Ihr Portfolio generieren, Ihre Bilder optimieren oder sogar Ihre Website monetarisieren. Welche anderen Tipps haben Sie für den Aufbau Ihres Online-Portfolios?