ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
    • Tutorials
    • Shopify
    • Bewertungen
    • Tipps
    • Sicherheit
    • Software und Dienste
    • Verkehrserzeugung
    • Anfängerleitfaden
    • Showcase
Search
  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt
© 2022 Themelocal. Alle Rechte vorbehalten.
Lektüre: So erstellen Sie ein Online-Portfolio mit WordPress (und dem Gesamtthema)
Aktie
Benachrichtigung Zeig mehr
Neuesten Nachrichten
iOS 16.4 Beta: So aktivieren Sie die Sprachisolation für Mobiltelefonanrufe
Wie man
Bewertung: OWC ThunderBay 8 bietet hochvolumigen, leistungsstarken Mac-Speicher
Technische Bewertungen
So erstellen Sie ein GIF in Photoshop
Wie man
Vollformat vs. APS-C: Welchen Kamerasensor sollten Sie wählen?
Gegen
Currys hat gerade das bisher beste Pixel 7-Bundle veröffentlicht
Angebote
Aa
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
Aa
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
Search
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
    • Tutorials
    • Shopify
    • Bewertungen
    • Tipps
    • Sicherheit
    • Software und Dienste
    • Verkehrserzeugung
    • Anfängerleitfaden
    • Showcase
Folge uns
  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt
© 2022 Themelocal. Alle Rechte vorbehalten.
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren > Blog > Tutorials > So erstellen Sie ein Online-Portfolio mit WordPress (und dem Gesamtthema)
Tutorials

So erstellen Sie ein Online-Portfolio mit WordPress (und dem Gesamtthema)

Zuletzt aktualisiert: November 17, 2021 8:36 pm
ThemeLocal vor 1 Jahr 14 Minuten Mindestlesezeit
Aktie
14 Minuten Mindestlesezeit
Aktie

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.

Contents
Schritt 1: Wählen Sie einen Webhost ausSchritt 2: Wählen Sie einen DomainnamenSchritt 3: WordPress installierenSchritt 4: Wählen Sie ein Thema aus und aktivieren Sie esSchritt 5: Portfolioelemente erstellen und bearbeiten und eine Liste von Portfolioelementen erstellenOption 1: Verwenden des benutzerdefinierten Portfolio-Beitragstyps von Total unverändertOption 2: Erstellen Sie Ihre eigene Portfolio-Vorlage mit Visual ComposerSchritt 6: Erstellen der Portfolio-SeiteSchritt 7: Passen Sie Ihr Portfolio anSchritt 8: Hinzufügen Ihres Portfolios zum MenüBeenden

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.

Bestes WordPress-Hosting

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.

Gesamtzahl der Posten vom Typ Portfolio

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.

Einstellungen für den Gesamtpostentyp des Portfolios

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.

Total Portfolio Page Builder

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.

Gesamtportfolio-Seitenvorlagenersteller

Klicken Sie auf den Templatera-Button (der wie ein kleines graues Layout-Symbol aussieht).

Gesamtportfolio-Seitenvorlage

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.

Standardeinstellungen für Portfolio-Seiten insgesamt

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?

Verwandter Beitrag

iOS 16.4 Beta: So aktivieren Sie die Sprachisolation für Mobiltelefonanrufe

So erstellen Sie ein GIF in Photoshop

Vollformat vs. APS-C: Welchen Kamerasensor sollten Sie wählen?

SharePlay: So trainieren Sie mit Freunden mit Apple Fitness Plus

Mit diesem SIM-Karten-Schnäppchen erhalten Sie 60 GB Daten für nur 10 £

MARKIERTE: dem, ein, erstellen, Gesamtthema, mit, OnlinePortfolio, Sie, und, WordPress
ThemeLocal November 17, 2021
Teile diesen Artikel
Facebook Twitter Pinterest Whatsapp Whatsapp
Aktie
Was denkst du?
Liebe0
Traurig0
Glücklich0
Schläfrig0
Wütend0
kein Kommentar0
Zwinkern0
Vorheriger Artikel Tipps zur Beschleunigung des Designprozesses mit Elementor
Nächster Artikel Eine Überprüfung des Genesis-Frameworks für WordPress
Hinterlasse einen Kommentar

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Berühmter Post

So löschen Sie Bücher von der Kindle-App oder dem Kindle-Gerät
Wie man
Sony A80L vs. Sony A80K: Wie unterscheiden sie sich?
Gegen
Walkie-Talkie auf der Apple Watch funktioniert nicht? 6 einfache Lösungen (2023)
Wie man
Acer Swift 1 Bewertung
Technische Bewertungen
Eine PS5 Pro könnte Sonys gebrochenes Versprechen endlich einlösen
Technische Bewertungen
Gewinner und Verlierer: Das Steam Deck wird zum ersten Mal verkauft, da Microsoft sein KI-Ethikteam fallen lässt
Technische Bewertungen

También podría gustarte

Wie man

iOS 16.4 Beta: So aktivieren Sie die Sprachisolation für Mobiltelefonanrufe

vor 26 Minuten 3 Minuten Mindestlesezeit
Wie man

So erstellen Sie ein GIF in Photoshop

vor 4 Stunden 3 Minuten Mindestlesezeit
Gegen

Vollformat vs. APS-C: Welchen Kamerasensor sollten Sie wählen?

vor 4 Stunden 3 Minuten Mindestlesezeit
Wie man

SharePlay: So trainieren Sie mit Freunden mit Apple Fitness Plus

vor 5 Stunden 3 Minuten Mindestlesezeit
Angebote

Mit diesem SIM-Karten-Schnäppchen erhalten Sie 60 GB Daten für nur 10 £

vor 9 Stunden 2 Minuten Mindestlesezeit
Wie man

Fokusmodus funktioniert nicht? Probieren Sie diese 8 Tipps zur Fehlerbehebung aus

vor 10 Stunden 8 Minuten Mindestlesezeit
Wie man

So löschen Sie Bücher von der Kindle-App oder dem Kindle-Gerät

vor 19 Stunden 8 Minuten Mindestlesezeit
Angebote

Mit diesem Angebot erhalten Sie eine Heißluftfritteuse für nur 34,99 £

vor 22 Stunden 2 Minuten Mindestlesezeit
Zeig mehr
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
Folge uns

© 2022 Themelocal. Alle Rechte vorbehalten.

  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt

Removed from reading list

Rückgängig machen
Welcome Back!

Sign in to your account

Passwort vergessen?