Lebensläufe und LinkedIn-Profile sind großartig, reichen aber oft nicht aus, um potenzielle Kunden und Arbeitgeber auf sich aufmerksam zu machen.
Unserer Erfahrung nach brauchen Sie ein Online-Portfolio, das Ihre besten Arbeiten professionell und ansprechend präsentiert, um Eindruck zu machen.
Machen Sie sich keine Sorgen, wenn Sie technisch nicht versiert sind, denn wir helfen Ihnen gerne.
In diesem Artikel zeigen wir Ihnen Schritt für Schritt, wie Sie eine Online-Portfolio-Website in WordPress erstellen können.

Warum brauchen Sie eine Online-Portfolio-Website?
Portfolios sind ein Gewinn für alle, auch für Freiberufler, Arbeitssuchende und kleine Unternehmen.
Sie können ein Online-Portfolio als Ihre digitale Visitenkarte betrachten.
Wo immer Sie Ihre potenziellen Kunden treffen, können Sie sie einfach auf Ihre Portfolio-Website verweisen. Anstatt nach früheren Arbeitsproben zu suchen, können Sie Ihre potenziellen Kunden oder zukünftigen Arbeitgeber getrost auf Ihr beeindruckendes Online-Portfolio verweisen.

Sie denken vielleicht, dass eine Mappe nur etwas für Künstler oder Kreative ist, aber das stimmt einfach nicht.
Es eignet sich für jeden Beruf, egal ob Sie Grafikdesigner, Autor oder Entwickler sind, und bietet Ihnen die Möglichkeit, sich in Ihrer Branche von der besten Seite zu zeigen.
Kurz gesagt, Ihre Portfolio-Website kann Ihnen helfen, sich von der Masse abzuheben und Vertrauen aufzubauen. Wenn Sie eine professionelle Website gestalten, gewinnen Sie sofort an Glaubwürdigkeit und können Ihre Erfahrung präsentieren.
Sie können Ihre Website auch für Suchmaschinen auf der Grundlage bestimmter Schlüsselwörter optimieren, damit mehr Menschen Sie finden können.
💡 Sie haben wenig Zeit, brauchen aber eine beeindruckende Online-Portfolio-Website für Ihr Unternehmen? WPBeginner Pro Services kann Ihnen helfen! Wir kümmern uns um alles, vom Design bis zur Suchmaschinenoptimierung, und liefern Ihnen eine individuelle, auf Ihre Bedürfnisse zugeschnittene Portfolio-Website. Holen Sie sich noch heute unsere WordPress Website Design Dienste!
Deshalb zeigen wir Ihnen, wie Sie eine Online-Portfolio-Website in WordPress erstellen können.
Sind Sie bereit? Dann fangen wir an.
Wie man eine Online-Portfolio-Website in WordPress mit SeedProd erstellt
Um Ihre Website zu erstellen, müssen Sie nicht lernen, wie man programmiert oder HTML schreibt. Folgen Sie einfach unserer Schritt-für-Schritt-Anleitung, und Ihre Website ist in wenigen Minuten einsatzbereit.
1. Wählen Sie einen WordPress-Host
Für die ersten Schritte benötigen Sie einen Domainnamen und einen Webhost. Der Webhost speichert die Dateien Ihrer Website und ist die Heimat Ihrer Website im Internet.
Ein guter Webhoster sollte so skalierbar sein, dass er auch anspruchsvolle Websites bewältigen kann, Support bieten, wenn etwas schief geht, die Web-Sicherheit ernst nehmen und über Funktionen verfügen, die Ihre Sicherheit gewährleisten.
Sie sollten auch nach den schnellsten WordPress Hosting-Anbietern Ausschau halten, damit Ihre Website schnell geladen wird.
Hostinger ist die beste Wahl für kleine Unternehmen, die ein erschwingliches, einsteigerfreundliches Hosting wünschen.
Glücklicherweise hat Hostinger zugestimmt, unseren Besuchern einen kostenlosen Domainnamen und einen großen Rabatt auf WordPress-Hosting anzubieten. Sie können für nur $2,24 pro Monat loslegen.

Um sich in wenigen Minuten bei Hostinger einzurichten, klicken Sie einfach auf diese Schaltfläche:
Wenn Sie Hilfe bei der Anmeldung bei Hostinger benötigen, lesen Sie unseren Beitrag über den Erhalt eines kostenlosen Domainnamens, in dem Sie eine Schritt-für-Schritt-Anleitung finden.
Sobald Sie Ihr Hosting-Angebot registriert und eingerichtet haben, können Sie in Ihrem Dashboard einfach die Registerkarte „Domains“ auswählen.
Von dort aus müssen Sie einen neuen Domänennamen eingeben.

Sie werden dann aufgefordert, eine neue Website zu erstellen oder eine bestehende Website zu migrieren.
Für dieses Tutorial können Sie auf die Schaltfläche ‚Überspringen, eine leere Website erstellen‘ klicken.

Als Nächstes klicken wir auf den Button „Auswählen“ unter „Freie Domäne beantragen“.
Sie können einfach den gewünschten Domainnamen für Ihre Portfolio-Website eingeben.

Wenn Sie Hilfe bei der Wahl eines Domainnamens benötigen, bietet WPBeginner einen kostenlosen Generator für Geschäftsnamen an, der Ihnen hilft, einen Firmennamen zu finden, der leicht zu lesen und online zu bewerben ist.
Wenn Sie ein persönliches Portfolio erstellen, ist es natürlich am einfachsten, wenn Sie Ihren Vor- und Nachnamen als Domainnamen verwenden. Wenn dieser bereits vergeben ist, können Sie Ihren Beruf zusammen mit Ihrem Vornamen hinzufügen.
Wenn zum Beispiel johndoe.com
besetzt ist, finden Sie vielleicht johndoephotography.com
oder janedoewriter.com
.
Idealerweise sollten Sie die Domainendung .com
oben halten, da sie für kleine Unternehmen am bekanntesten und vertrauenswürdigsten ist.
2. WordPress installieren
Einer der häufigsten Fehler, den die meisten Anfänger machen, ist die Wahl der falschen Website-Plattform. Viele Freiberufler oder Kleinunternehmer tendieren zu Squarespace oder Wix.
Diese sind zwar einfach zu bedienen, aber es fehlt ihnen an Funktionalität, individueller Anpassung und Kontrolle.
Mit einem Content-Management-System wie WordPress sind Sie viel flexibler, denn es gibt Tausende von Designs und Add-ons für Ihre Website. WordPress ist kostenlos und quelloffen und verfügt über Tausende von vorgefertigten Erweiterungen und Website-Designs.
Mit den richtigen WordPress-Plugins und -Themes erhalten Sie auch den gleichen Drag-and-Drop-Builder, der Plattformen wie Squarespace oder Wix so benutzerfreundlich macht.
Egal, ob Sie Hostinger oder einen anderen WordPress-Hosting-Dienst wie WP Engine oder Bluehost nutzen, in unserer Anleitung zur Installation von WordPress finden Sie eine detaillierte Schritt-für-Schritt-Anleitung.
Als nächstes können Sie in Ihrem Hostinger-Dashboard auf den Button ‚Admin Panel‘ mit dem WordPress-Logo klicken, um zum Dashboard Ihrer WordPress-Website zu gelangen.

Sie können auch direkt in Ihrem Browser auf yoursite.com/wp-admin
gehen.
3. Wählen Sie ein Portfolio-Thema
Sobald Sie Ihr WordPress eingerichtet haben, können Sie das Design Ihrer Website anpassen, indem Sie ein Thema auswählen und neue Seiten erstellen.
In diesem Tutorial werden wir mit SeedProd ein Theme speziell für Portfolio-Websites erstellen.
SeedProd ist der beste WordPress Page Builder auf dem Markt. Mit ihm können Sie schnell und einfach jede Art von Seite erstellen, ohne eine einzige Zeile Code zu schreiben.
Ganz gleich, ob Sie eine Portfolio-Website erstellen möchten, um potenzielle Kunden zu gewinnen, einen WordPress-Blog starten oder einen Online-Shop einrichten wollen, SeedProd bietet Ihnen Templates, die genau auf Ihre Bedürfnisse zugeschnitten sind, aus einer Hand.
Sie müssen das SeedProd Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Anleitung zur Installation eines WordPress Plugins.
Nach der Installation werden Sie aufgefordert, den Einrichtungsassistenten abzuschließen. Klicken Sie auf „Get Started“ und folgen Sie den schrittweisen Anweisungen, damit SeedProd das Plugin so konfigurieren kann, dass es Ihren Bedürfnissen am besten entspricht.

Wenn Sie den Einrichtungsassistenten abgeschlossen haben, können Sie zu SeedProd ≫ Einstellungen gehen und Ihren Lizenzschlüssel eingeben. Sie finden Ihren Lizenzschlüssel auf der Seite mit Ihren Konten auf der SeedProd-Website.
Nachdem Sie die Informationen eingegeben haben, klicken Sie auf den Button „Schlüssel überprüfen“.

Sie haben nun Zugang zu allen Funktionen von SeedProd.
4. Erstellen Sie Ihre Portfolio-Landing Page
Als Nächstes navigieren wir zu SeedProd ≫ Theme Builder.
Von hier aus können Sie den orangefarbenen Button mit der Aufschrift „Theme Template Kits“ auswählen.

Sie werden auf einer Seite mit einer durchsuchbaren Bibliothek von WordPress Themes landen, aus der Sie wählen können. Geben Sie einfach „Portfolio“ in die Suchleiste ein und wählen Sie das Template für das Theme aus, das am besten zu Ihrer Website-Idee passt.
Sie können auch nach anderen Schlüsselwörtern suchen, wenn Sie in einer bestimmten Nische tätig sind. Wenn Sie zum Beispiel ein Immobilienmakler sind, können Sie auf SeedProd WordPress-Themes für Immobilien finden.
Wir entscheiden uns für das Theme „Freelance Portfolio“, aber Sie können jedes Theme wählen, das Ihren Anforderungen entspricht.

Wir werden eine einseitige Website erstellen. Das bedeutet, dass die Portfolioseite Teil der Homepage der Website ist. Auf diese Weise können Sie Ihre Website schnell einrichten und in Betrieb nehmen, ohne mehrere Seiten gestalten zu müssen.
Gehen Sie im WordPress-Dashboard zu Einstellungen ≫ Lesen. Wählen Sie neben der Homepage das Dropdown-Menü „Portfolio“, um Ihre Portfolioseite zur Homepage zu machen.

Dann gehen Sie zurück zu SeedProd ≫ Theme Builder, und Sie sehen eine Liste aller Seiten innerhalb des Themes.
Von hier aus müssen Sie nach unten scrollen und den Mauszeigerkontakt auf die Seite „Portfolio“ setzen. Klicken Sie dann einfach auf den Button „Design bearbeiten“.

5. Bearbeiten Sie die Portfolio-Website
Jetzt ist es an der Zeit, den Inhalt zu bearbeiten und ihn zu Ihrem eigenen zu machen.
Im visuellen Drag-and-drop Page-Builder von SeedProd können Sie zwischen zahlreichen Standard- und erweiterten Widgets wählen. Dazu gehören eine Überschrift, ein Text, eine Liste, ein Header, ein Hervorgehobenes Bild und so weiter.
Ziehen Sie einfach das gewünschte Widget und verschieben Sie es genau an die Stelle, an der Sie das Element haben möchten.

Sie können den Hintergrund auch nach Ihren Wünschen anpassen, indem Sie eine Volltonfarbe, einen Farbverlauf oder ein Hintergrundbild wählen.
Klicken Sie einfach auf das Feld für die äußere Ebene, und unter dem Menüpunkt „Inhalt“ in der Seitenleiste finden Sie Optionen zum Anpassen des Hintergrunds.

Wenn Sie Hilfe bei der Arbeit mit der SeedProd-Schnittstelle benötigen, können Sie sich unsere SeedProd-Videotutorials ansehen.
Wenn Sie den Inhalt Ihrer Hauptportfolioseite bearbeiten, sollten Sie einige wichtige Komponenten einbeziehen, z. B:
Starker Aufruf zum Handeln (CTA): Websites sollten einen eindeutigen CTA Button haben, damit die Besucher Sie beauftragen oder sich mit Ihnen in Verbindung setzen können. Der CTA Button sollte sowohl oberhalb der Falz als auch am unteren Rand Ihrer Seite platziert werden.
Suchen Sie einfach das Feld „Schaltfläche“ im linken Menü und ziehen Sie es auf Ihre Seite auf der rechten Seite.

Wenn Sie ein Element bearbeiten möchten, müssen Sie auf das entsprechende Element oder den Bereich klicken, den Sie anpassen möchten.
Die Optionen für diesen Block werden auf der linken Seite angezeigt. Wie Sie unten sehen können, können Sie auf dem Tab „Inhalt“ den Text des Buttons bearbeiten und ihn mit Ihrer Kontaktseite oder sogar mit einem eingebetteten Formular weiter unten auf derselben Seite verlinken.
Auf dem Tab ‚Templates‘ können Sie den Button-Stil auswählen, und auf dem Tab ‚Advanced‘ können Sie den Innenabstand, die Schriften und vieles mehr ändern.

Die von Ihnen angebotenen Dienste: Die Besucher wollen wissen, was Sie anbieten, damit sie sicher sein können, dass Sie das tun können, was sie wollen. Programmieren Sie als WordPress Entwickler zum Beispiel individuelle Plugins, bieten Sie Website-Anpassungen an oder erstellen Sie Websites von Grund auf?
Um einen Abschnitt über Dienste zu erstellen, fügen Sie einfach ein ‚Column‘-Widget hinzu und fügen Sie eine ‚Icon Box‘ für jeden angebotenen Dienst ein.
Anschließend können Sie den Text und die Symbole nach Bedarf anpassen, indem Sie auf das Element klicken und die Seitenleiste verwenden.

Abschnitt „Über mich“: Potenzielle Kunden und Auftraggeber möchten auch mehr über Ihren Hintergrund und Ihre Erfahrung erfahren. Dies ist eine Chance, eine Verbindung zu den Menschen aufzubauen und Ihre Leidenschaft für das, was Sie tun, zu zeigen.
Um einen „Über mich“-Abschnitt zu erstellen, müssen Sie nur das „Image Box“-Widget auf der Seite hinzufügen. Fügen Sie dann einfach ein Porträtfoto von Ihnen hinzu und schreiben Sie eine Beschreibung, die den Leuten mehr über Sie erzählt.
Wenn Sie ein Portfolio für ein Unternehmen oder eine Marke erstellen, können Sie hier stattdessen Ihr individuelles Logo verwenden.

Zeugnisse: Zeugnisse früherer Kunden schaffen Vertrauen, vor allem, wenn Sie mit renommierten Marken zusammengearbeitet haben. Wenn Sie sehen, dass andere mit Ihrer Arbeit zufrieden sind, geben Sie anderen das Vertrauen, dass Sie auch gute Arbeit leisten können.
Fügen Sie einfach das Widget „Testimonials“ zu Ihrer Seite hinzu. Dann können Sie ein Foto des Kunden hinzufügen und seinen Namen und sein Zeugnis bearbeiten. Wenn Sie weitere Bewertungen hinzufügen möchten, klicken Sie einfach auf das Symbol „Duplizieren“ neben dem Namen der Person.

6. Fügen Sie eine Galerie hinzu, um Beispiele für Ihre Arbeit zu präsentieren
Die Erstellung einer Portfolio-Website gibt Ihnen die Möglichkeit, all Ihre großartigen Arbeiten zu präsentieren. Wenn potenzielle Kunden sehen, was Sie können, werden sie darauf vertrauen, dass Sie die richtige Person für den Job sind.
Dazu verwenden wir Envira Gallery, das beste WordPress Plugin für Galerien. Während Sie das „Advanced Gallery“-Widget auf SeedProd verwenden können, bietet Envira Gallery mehr Funktionalität.
Zum Beispiel gibt es Lightboxes“ für Bilder. Das heißt, wenn jemand auf ein Foto klickt, wird es automatisch in voller Größe angezeigt, ohne dass es zugeschnitten oder in der Größe verändert werden muss. Sie können sogar Diashows hinzufügen und Ihre Galerien in Alben organisieren, um Ihre Arbeit besser zu kategorisieren.
Installieren und aktivieren Sie zunächst das Envira Gallery Plugin. Detaillierte Anweisungen finden Sie in unserer Anleitung zur Installation eines WordPress Plugins.
Nach der Aktivierung können Sie im WordPress-Dashboard auf Envira Gallery ≫ Add New gehen.
Benennen Sie Ihre Galerie einfach in der Titelleiste. Dann klicken Sie auf „Dateien von Ihrem Computer durchsuchen“, um Bilder von Ihren Portfolio-Projekten hinzuzufügen.

Sobald Sie die Portfolioelemente hochgeladen haben, sollten Sie nach unten scrollen und zum Tab „Config“ wechseln.
Hier können Sie die Anzahl der anzuzeigenden Galeriespalten ändern. Die Einstellung „Automatisch“ legt die Anzahl der Bilder fest, die automatisch jede Zeile füllen.

Wenn Sie die Bildgrößen ändern möchten, können Sie auf dem Tab „Config“ die Option „Image Size“ finden.
Wählen Sie dann einfach die Größe aus, die am besten zu Ihrem Portfolio passt.

Sie können die Bildgröße der Lightbox auch so einstellen, dass sie die Originalgröße des Bildes anzeigt, wenn jemand auf das Bild klickt.
Dazu müssen Sie auf den Tab „Lightboxes“ gehen und die Bildgröße auf „Originalbild“ einstellen.

Scrollen Sie dann zum oberen Rand der Seite und klicken Sie auf „Veröffentlichen“.
Unter dem Button „Veröffentlichen“ sehen Sie einen Shortcode. Kopieren Sie den Shortcode, um die Galerie zu unserer WordPress-Portfolio-Seite hinzuzufügen.

Gehen wir nun zurück zu Ihrer Portfolioseite in SeedProd.
Als Nächstes ziehen Sie den ‚Shortcode‘-Block per Drag-and-drop an eine beliebige Stelle auf der Seite. Dann fügen Sie den Shortcode einfach in die Box „Shortcode“ in der Seitenleiste ein.

Wenn Sie eine Vorschau des Shortcodes sehen möchten, klicken Sie auf den Button „Vorschau“ in der oberen rechten Ecke der Seite.
So sehen Sie, wie die gesamte Seite aussieht.

Hier sollten Sie sehen können, dass Ihre Envira-Galerie in Ihre Portfolioseite eingebettet ist.
Mit der Leuchtkasten-Funktion von Envira Gallery können Sie auf jedes Element klicken, um das vollständige Bild zu sehen.

7. Kontakt-Formular hinzufügen
Jetzt, wo Sie Ihre potenziellen Kunden angelockt haben, ist es an der Zeit, sie dazu zu bringen, Sie zu kontaktieren. Natürlich können Sie auch einfach eine E-Mail schreiben, aber über Kontaktformulare können sie Ihnen direkt eine Nachricht senden, ohne ihre E-Mail-App öffnen zu müssen.
Der beste Weg, ein einfaches und professionelles Kontaktformular zu erstellen, ist mit WPForms.

WPForms ist der beste WordPress Contact Form Builder, mit dem Sie Online-Kontaktformulare erstellen können.
Um zu erfahren, wie Sie ein einfaches Kontaktformular für Ihre Website erstellen, damit potenzielle Kunden Sie kontaktieren können, folgen Sie einfach unserer Schritt-für-Schritt-Anleitung zum Erstellen eines Kontaktformulars in WordPress.
Sobald Sie Ihr Formular ausgefüllt haben, können Sie zu Ihrer Portfolioseite zurückkehren.
Dann können Sie das Widget „Kontaktformular“ verwenden, um ein Formular von WPForms hinzuzufügen. Wählen Sie unter „Select a Form“ einfach das von Ihnen erstellte Formular aus.

8. Mach es live
Wenn alles gut aussieht, sind Sie bereit, Ihre Website zu starten.
Klicken Sie einfach auf den Pfeil unter der grünen Schaltfläche „Speichern“ in der oberen rechten Ecke. Klicken Sie dann auf „Veröffentlichen“.

Schauen Sie sich die Live-Site an.
Alles sollte erscheinen, einschließlich der Portfolio-Galerie, der Schaltflächen und des Kontaktformulars.

Sobald Sie eine professionell aussehende Portfolio-Website erstellt haben, können Sie damit beginnen, mehr Besucher auf Ihre Website zu leiten oder interessierte Kunden zu gewinnen.
Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man eine Online-Portfolio-Website in WordPress erstellt. Wir empfehlen Ihnen auch unsere Anleitungen zum Erstellen eines kostenpflichtigen Newsletters und zur Erstellung eines Links in der Bio-Seite.
Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.
Jiří Vaněk
I’ve approached my portfolio as a blog. I write a tech blog about what interests me, using it as a showcase of my work. So, for me, a blog can be a great addition to a portfolio, demonstrating your skills and expertise in a way that can also be enjoyable and drive traffic to your website through search engines.
Konrad
one more thing to save for the future, thank you guys
wish me luck as i gather the courage to share my artworks with others :>
WPBeginner Support
Good luck
Admin
Ram E.
Thanks for another detailed guide! For more complex or bigger portfolio sites, there is also the option to create custom post types for even greater flexibility in terms of features.
WPBeginner Support
That is a good option for sites with multiple content types
Admin
Mikolaj
I’ve been in search of a great portfolio landing page for my art selling business, and it seems like SeedProd is just what I need. The simplicity and theme customization options are fantastic. Thanks for the comprehensive guide; I’m excited to give it a go!
WPBeginner Support
We hope you enjoy using the plugin
Admin
Ralph
Nice and easy step by step tutorial. I don’t really need portfolio however it gave me other idea. I will use similar concept for homepage of my blog. Above all newest articles i will place 3 big buttons/pics (sorry i don’t know how to describe it in english), that will lead to my youtube, podcast and blog. So more promotion for my other channels.
Thanks for idea!
WPBeginner Support
You’re welcome, glad our guide could give you ideas
Admin
Naveera Batool
Really an interesting and helpful article.
WPBeginner Support
Glad you think so
Admin
A Owadud Bhuiyan
I have tried to create a portfolio site but I am not able to set the blog page as Homepage.
WPBeginner Support
It would depend on the theme but if you do not set a static page under Settings>Reading, most themes set the blog page as your homepage.
Admin
Adam Michalak
Grate artictle, highly recommend it to anyone looking to learn how to create an online portfolio website in WordPress. In today’s competitive freelance market, having a portfolio website to display your best work is essential for standing out and attracting more clients. This step-by-step guide offers valuable insights on how to accomplish this, making it a valuable resource for those aiming to build their online presence as a professional freelancer.
I will recommend it to my friends who are just starting to work with wordpress
WPBeginner Support
Thank you for your kind words and we hope whoever you recommend also finds this article helpful
Admin
William Dean Dailey
This is the most effective and informative post I have read by you all.
The graphics and text were easy to understand and follow through to complete the website and publish. Thank you for that. It’s the first time I have made it to publish using WordPress and am happy with the results.
WPBeginner Support
Glad to hear you were able to publish your site
Admin
Sean Brady
I feel that developing a portfolio website with WordPress would be a great way add to display an artist discography.
WPBeginner Support
It certainly could be
Admin
Sharon
I liked this Tutorial. Although I’m an Elementor page builder user, it’s nice to see other page builders out there and what they can do. I had a portfolio of my website at one point, but I can’t say I really liked it. I think I might try again and use some techniques from this tutorial. Thanks, WPBeginner for the useful tutorial! Awesome instructions!
WPBeginner Support
You’re welcome and glad to hear you found our tutorial useful.
Admin
Alice Elliott
Thank you for this very detailed tutorial about how to set up a portfolio website. However, I wonder why you chose a non-wysiwyg theme within your example. If you are targeting visual people, I would think this should be far more applicable, as it would be something they could relate to much more easily.
WPBeginner Support
We went with a page builder in this guide as it adds more freedom for design
Admin
priya
thanks for sharing with us .
WPBeginner Support
You’re welcome
Admin
Shafqat Khan
I’ve been looking for a way to create a portfolio landing page for my photography business, and SeedProd seems like the perfect solution. I love how easy it is to use and customize the theme templates. Thank you for this detailed guide, I can’t wait to try it out!
WPBeginner Support
Glad to hear our guide was helpful!
Admin