So erstellen Sie eine Portfolio -Seite in WordPress mit Elementor

Eine Portfolio -Seite ist eine der besten Möglichkeiten, Ihre Arbeit online zu präsentieren. Diese Seite ist nicht nur für Einzelpersonen, sondern auch für Organisationen und Agenturen wichtig. Auf dieser Seite kann jeder die Projekte hervorheben, die er auf faszinierende Weise abgeschlossen hat, damit er mehr Kunden und Kunden anzieht.

Ein Portfolio -Standort ist in dieser modernen Welt zu einer gemeinsamen Norm geworden, unabhängig davon, ob Sie ein angesehener Mitarbeiter oder ein frischerer Arbeitsmarkt sind. Auf diese Weise können Kunden weltweit Sie finden, sich mit Ihnen verbinden und neue Projekte anbieten. Daher kann es Ihnen unbegrenzte Möglichkeiten eröffnen.

Mit WordPress und Elementor ist das Erstellen einer Portfolio -Webseite so einfach. Weil Sie es nur durch Drag & Drop tun können, ohne zu codieren. In diesem Tutorial -Beitrag erklären wir Ihnen, wie Sie eine Portfolio -Seite in WordPress mit Elementor erstellen. Beginnen Sie an!

Was ist eine Portfolio -Webseite?

Eine Portfolio -Webseite ist eine spezielle Seite, auf der Sie Ihre Arbeit, Fähigkeiten und Erfolge anzeigen können. Es wirkt wie ein digitales Schaufenster und ermöglicht den Besuchern, zu sehen, was Sie tun können und was Sie in der Vergangenheit getan haben. Es kann Bilder, Videos, Fallstudien, Testimonials und andere Inhalte enthalten, die Ihre Fähigkeiten belegen.

Portfolio -Websites sind bei kreativen Fachleuten wie Designern, Fotografen, Schriftstellern, Entwicklern und Künstlern beliebt. Das Hauptziel einer Portfolio -Website ist es, potenzielle Kunden oder Arbeitgeber zu beeindrucken und sie zu ermutigen, Sie einzustellen oder mit Ihnen zusammenzuarbeiten.

Unterschiede zwischen einer Portfolio -Website und einer Portfolio -Webseite

Viele Menschen sind zwischen einer Portfolio -Website und einer Portfolio -Webseite verwirrt. Obwohl sie ähnlich klingen, unterscheiden sie sich in der Art und Weise, wie sie Ihre Arbeit online präsentieren. Wenn Sie diese Unterschiede verstehen, können Sie entscheiden, welche Ihre Bedürfnisse beim Erstellen Ihrer Online -Präsenz besser entsprechen.

Überprüfen Sie, wie Sie eine Portfolio -Website in WordPress mit Elementor erstellen.

Elemente Eine Portfolio -Webseite kann haben

Wie Sie jetzt wissen, dass eine Portfolio -Seite normalerweise weniger Inhalte als eine vollständige Website hat, sollte sie sich auf die wichtigsten Teile konzentrieren, die Ihre Arbeit deutlich zeigen. Im Folgenden finden Sie die Dinge, die Sie auf der Portfolio -Webseite anzeigen können.

1. Eine kurze Einführung

Eine kurze Einführung, die zeigt, wer Sie sind und welche Art von Arbeit Sie tun. Dies hilft den Besuchern, sich sofort mit Ihnen zu verbinden, ohne eine lange Biografie zu lesen.

2. Portfolio Gallery

Dies ist der Hauptabschnitt, um Ihre Projekte anzuzeigen. Verwenden Sie klare Bilder oder Videos mit kurzen Titeln oder Beschreibungen. Organisieren Sie Ihre Arbeit gut, damit die Besucher leicht Ihre besten Fähigkeiten erkennen können. Erfahren Sie, wie Sie die Elementor -Bildergalerie verwenden.

3. Kontaktinformationen oder Schaltfläche

Fügen Sie den Personen eine einfache Möglichkeit hinzu, Sie zu kontaktieren, z. B. eine E -Mail -Adresse, eine Telefonnummer oder eine Kontaktschaltfläche, die mit einem Formular oder einer E -Mail verknüpft ist.

4. Aufruf zum Handeln (CTA)

Leiten Sie die Besucher darüber, was als nächstes zu tun ist. Unabhängig davon, ob Sie Sie einstellen, weitere Details anfordern oder mehr Arbeit ansehen, ein klares CTA hilft, Besucher in Kunden zu verwandeln.

So erstellen Sie eine Portfolio-Seite in WordPress mit Elementor: Schritt-für-Schritt-Anleitung

Denken Sie daran, dass eine Portfolio -Seite Teil einer Website ist. Wie bereits erwähnt, können Portfolio -Seiten für jede Website erstellt werden. Wenn Sie also eine Portfolio -Seite entwerfen möchten, müssen Sie häufig andere Seiten auf Ihrer Website entwerfen oder ändern. Um Ihre Portfolio -Seite mit Elementor zu entwerfen, benötigen Sie die folgenden Plugins.

• Elementor
• Elementor Pro
• Happyaddons
• Happyaddons Pro

Happyaddons ist ein bekanntes Addon des Elementor-Plugins. Es verfügt über 130 zusätzliche Widgets und mehrere Dutzend leistungsstarke Funktionen, mit denen Sie die Einschränkungen des Elementor -Plugins überwinden und das Design Ihrer Website verbessern können. Beide zusammen können unbegrenzte Möglichkeiten auf Ihrer Website schaffen.

Sobald diese Plugins auf Ihrer Website installiert und aktiviert sind, folgen Sie den folgenden Schritten.

Schritt 01: Entscheiden Sie über die Elemente, die Sie auf der Portfolio -Seite anzeigen möchten

Bevor Sie mit dem Entwerfen beginnen, ist es wichtig zu entscheiden, was Sie auf Ihrer Portfolio -Seite aufnehmen möchten. Da diese Seite sauber und fokussiert sein sollte, müssen Sie nur die wichtigsten Elemente auswählen, die Ihre Arbeit effektiv hervorheben. Wir haben Ihnen bereits gesagt, was Sie in die Seite aufnehmen sollen.

• Eine kurze Einführung
• Portfolio Gallery
• Kontaktinformationen oder Schaltfläche
• Aufruf zum Handeln

Schritt 02: Öffnen Sie eine Seite mit der Elementor Canvas

Öffnen Sie nun eine Seite mit der Elementor -Leinwand. Hier müssen Sie Elemente ziehen und fallen lassen und geeignete Inhalte hinzufügen.

HINWEIS: Wir haben bereits einen Header mit dem Themenbauer erstellt, der oben angezeigt wird.

Schritt 03: Fügen Sie eine kurze Beschreibung hinzu

Wählen Sie eine geeignete Spaltengröße für die Leinwand basierend auf der Breite, die Ihr Inhalt darstellt. Wir wählen den Einspaltbehälter aus.

Um das Design des Containers mit dem Header auszurichten, werden wir seine Hintergrundfarbe ändern. Klicken Sie dazu auf das sechs-passende Symbol oben im Container, gehen Sie zur Registerkarte Stil und klicken Sie auf die Farboption unter dem Abschnitt Hintergrund .

Wählen Sie nun eine Farbe für den Behälter.

Wenn Ihre gewünschte Farbe auf den Hintergrund des Behälters angewendet wird, suchen Sie das Überschriften -Widget zum Behälter.

Dieses Widget erstellt einen Raum, in dem Sie einen Titel oder einen Übergang für die Seite schreiben können. Mach es.

Sie können sehen, dass wir einen Titel für die Seite geschrieben haben . "Lassen Sie sich von meinen früheren Projekten inspirieren." Sie können seine Größe, Typografie, Farbe und viele andere Optionen auf der Registerkarte Stil stylieren.

Fügen Sie das Texteditor -Widget unter dem Widget der Überschrift hinzu, wie im unten angehängten Bild gezeigt. Auf diese Weise können Sie eine kurze Beschreibung schreiben.

Auf die gleiche Weise haben wir der Portfolio -Seite eine Beschreibung hinzugefügt und eine geeignete Ausrichtung, Typografie und Farbe für den Text festgelegt.

Schritt 04: Fügen Sie der Seite eine Schaltfläche hinzu

Mit einer CTA -Taste können Sie Benutzer dazu drängen, eine andere Seite zu besuchen, die Sie möchten. Es ist also besser, eine Schaltfläche hinzuzufügen, bevor Sie den Portfolio -Bereich erstellen.

Auf der Registerkarte Inhalt können Sie Ihre gewünschte Kopie für die Schaltfläche hinzufügen .

Durch Hinzufügen von Polsterung

Nach der Schaltfläche habe ich einen kurzen Text hinzugefügt, der den Benutzern eine Stimmung der Vertrauenswürdigkeit verleiht.

Schritt 05: Erstellen Sie den Abschnitt Portfolio

Jetzt ist es Zeit, den Portfolio -Bereich zu erstellen, in dem Sie Ihre Aufgaben visuell präsentieren. Fügen Sie dazu zuerst einen neuen Container im ersten Abschnitt hinzu.

Fügen Sie das Registerkarten -Widget zum Portfolio -Abschnitt hinzu. Mit diesem Widget können Sie unbegrenzte Registerkarten erstellen und dann jeder Registerkarte geeignete Widgets hinzufügen, damit Sie alle gewünschten Inhalte anmelden können.

# Nennen Sie die Registerkarten

Jede Registerkarte soll als Kategorie funktionieren. Sie müssen sie also umbenennen.

Um die Registerkarten umzubenennen, wählen Sie das Widget aus, wechseln Sie zur Registerkarte Inhalt , klicken Sie, um eine gewünschte Registerkarte zu öffnen , und schreiben Sie einen Namen für die Registerkarte unter dem Titel.

Fügen Sie auf die gleiche Weise Namen zu allen Registerkarten hinzu. Wenn Sie bei Bedarf auf die Schaltfläche + Registerkarte addieren , können Sie dem Portfolio -Abschnitt weitere Registerkarten hinzufügen.

# Stylize das Registerkarten -Widget

Nach der Registerkarte Stil können Sie den Registerkarten eine Hintergrundfarbe hinzufügen, ihre Typografie ändern, eine Randfarbe hinzufügen und vieles mehr. Tun Sie diese notwendigen Anpassungen selbst.

Schritt 06: Fügen Sie den Registerkarten Inhalt hinzu

Genau wie bei der Standard -Elementor -Leinwand erhalten Sie in jeder Registerkarte eine ähnliche Schnittstelle, um Widgets hinzuzufügen und den jeweiligen Inhalt anzuzeigen. Klicken Sie auf das Plus (+) -Symbol .

Wählen Sie eine geeignete Spaltenstruktur für den Portfolio -Abschnitt aus. Wir wählen die 3-Spalte-Struktur mit sechs Container aus. Anschließend können Sie jedes Widget hinzufügen, das Ihren gewünschten Inhalt anzeigen kann.

# Portfolioinhalte anzeigen

Zum Beispiel haben wir den Widget der Bild-, Überschrift und Texteditor seriell zu einem Container hinzugefügt, um unser Inhaltslayout zu erstellen.

Mit diesen Widgets können Sie Ihre Portfolioelemente visuell anzeigen und mit Textinhalten so viel wie Sie benötigen.

Sie können sehen, dass wir dem Container Inhalte hinzugefügt haben. Danach haben wir eine Farbe für die Überschrift und Beschreibung festgelegt. Außerdem haben wir dem Widget und dem Containerrand einen Radius hinzugefügt. Ich hoffe, Sie können diese selbst tun.

Fügen Sie Ihren Portfolio -Inhalt auf die gleiche Weise zu allen Containern hinzu.

Hinweis: Aber all diese Inhalte mögen so chaotisch aussehen, oder? Es ist, weil sie dazwischen keinen Platz haben.

# Fügen Sie Leerzeichen zwischen Containern auf der Portfolio -Seite hinzu

Um Platz zwischen ihnen hinzuzufügen, wählen Sie den Mutterbehälter aus , gehen Sie zur Registerkarte Inhalt , kommen Sie zur Option GAPS und geben Sie Werte ein, um Platz zwischen den Containern hinzuzufügen.

Sie können den Unterschied im unten angeschlossenen Bild sehen.

Schritt 07: Inhalt auf der anderen Registerkarte hinzufügen

Nicht alle Registerkarten müssen dem gleichen Inhaltslayout folgen. Es ist nicht obligatorisch. Sie können verschiedene Layouts für verschiedene Registerkarten erstellen.

Zum Beispiel fügen wir das Galerie -Widget zur zweiten Registerkarte hinzu. Mit diesem Widget können Sie Ihre Portfolioelemente nur visuell anzeigen. Es sind keine Textinformationen angezeigt.

Sie können sehen, dass wir der Galerie Bilder hinzugefügt haben.

Wenn Sie die Registerkarte Inhalt ein wenig nach unten scrollen, erhalten Sie Optionen, um die Bildreihenfolge, die Spaltennummer, den Abstand, den Galerie -Typ und die Bildauflösung anzupassen .

Fügen Sie gleich in den verbleibenden Registerkarten Inhalte hinzu. Daher können Sie das Erstellen Ihres Portfolio -Abschnitts abschließen.

Schritt 08: Fügen Sie am Ende der Seite ein Formular hinzu (optional)

Ihr Portfolio -Bereich ist also fertig. Sie können Ihre Seite hier beenden oder weitere Elemente hinzufügen, z. B. ein Kontaktformular, einen Aufruf zum Handeln oder sonst.

Sie können sehen, dass wir am Ende der Seite ein Kontaktformular hinzugefügt haben. Erfahren Sie, wie Sie eine Kontaktseite im Elementor erstellen.

Schritt 09: Vorschau der Portfolio -Seite

Wenn alles erledigt ist, gehen Sie zum Portfolio -Seite, um zu überprüfen, ob alles gut funktioniert oder nicht. Sie können im kurzen Videoclip sehen, das unten auf dem Registerkarte Widget angehängt ist. Dies bedeutet, dass der Hauptportfolio -Abschnitt einwandfrei funktioniert. Ich hoffe, es funktioniert auch gut an Ihrem Ende.

Daher können Sie eine Portfolio -Seite auf Ihrer WordPress -Site mithilfe von Elementor- und Happyaddons -Plugins erstellen.

Letztes Wort!

Wir haben die Demo einer grundlegenden Portfolio -Seite in diesem Tutorial vorgestellt. Wenn Sie an der Reihe sind, werden Sie auf jeden Fall versuchen, eine umfassende und inhaltsreiche Portfolio-Seite zu erstellen. Aber ich hoffe, Sie können erkennen, dass es nie einfach ist, alles in nur einem Blog/Tutorial -Beitrag zu präsentieren.

Wir wollten Sie nur mit den Tools vorstellen und wie Sie sie zum Erstellen einer Portfolio -Seite verwenden. Wir sind sicher, dass Sie den Rest selbst tun können. Wenn Sie jedoch Vorschläge oder Ratschläge zu Elementor, Happyaddons und Website -Design benötigen, können Sie diese im Kommentarfeld unten erwähnen.

Oder Sie können uns einen Chat geben. Unser Support -Team wird sich sehr bald bei Ihnen melden. Danke, dass du bis zum Ende bei uns bist. Ich wünsche Ihnen einen schönen Tag voraus!