Anleitungen/Inhalte erstellen/Portfolio-Projekte auf deiner Website anzeigen

Portfolio-Projekte auf deiner Website anzeigen

Du solltest mittlerweile einige Projekte in deinem Portfolio erstellt und veröffentlicht haben. In diesem Ratgeber sehen wir uns die verschiedenen Möglichkeiten an, wie du deine Projekte auf deiner Website darstellen kannst.

Die Portfolio-Standardseite verwenden

Die Portfolio-Standardseite wird automatisch für dich erstellt und ist die schnellste Methode, um deine Projekte auf deiner Website anzuzeigen. Mit der unten stehenden Anleitung findest du den Link zu deiner Portfolio-Seite.

Wähle unten den entsprechenden Tab aus, je nachdem, mit welcher Methode du Portfolios aktiviert hast.

Nach der Aktivierung deines Portfolios und der Veröffentlichung von mindestens einem Projekt erstellt deine Website automatisch eine neue Portfolio-Seite mit deinen Projekten.

So zeigst du die neue Seite mit den Projekten an:

  1. Rufe dein Dashboard auf.
  2. Navigiere zu Beiträge → Kategorien.
  3. Bewege den Mauszeiger über deine Portfolio-Kategorie und klicke auf den Link Anzeigen.
Die Option „Anzeigen“ in der Kategorieliste für die Kategorie „Portfolio“.

Wenn du die Portfolio-Kategorie auf diese Weise anzeigst, siehst du die Ansicht deiner Besucher. Du wirst feststellen, dass die Kategorie-URL etwa so aussieht:

https://yourgroovysite.wordpress.com/category/portfolio

Alle deine Projekte werden automatisch auf dieser Seite deiner Website in chronologischer Reihenfolge angezeigt, beginnend mit dem aktuellsten Projekt. Wenn du die Reihenfolge ändern möchtest, kannst du in den Seiteneinstellungen das Datum anpassen, an dem das Projekt veröffentlicht wurde.

Eine Portfolio-Kategorieseite, wie sie Besuchern angezeigt wird.
Die standardmäßige Portfolio-Kategorieseite im Twenty Twenty-Four-Theme

Themes, die den Website-Editor unterstützen, können das Layout dieser Seiten bearbeiten. Um das Layout der Standard-Portfolio-Seiten zu bearbeiten, bearbeite das Template „Alle Archive“.

Individuelle Portfolio-Seite erstellen

Du kannst deine eigene Portfolio-Seite von Grund auf neu gestalten oder mithilfe vorgefertigter Block-Vorlagen erstellen. So erstellst du eine neue Seite für deine Portfolio-Projekte:

  1. Rufe das Dashboard deiner Website auf.
  2. Klicke auf der linken Seite auf Seiten.
  3. Klicke auf den Button Neue Seite hinzufügen.
    • Wähle bei entsprechender Aufforderung Starter-Inhalt aus oder klicke rechts oben auf das X, um mit einer leeren Seite zu beginnen.
  4. Füge einen Abfrage-Loop-Block ein und passe eine der folgenden Einstellungen an, um deine Portfolio-Projekte anzuzeigen:
    • Wenn du eine Portfolio-Kategorie verwendest, wähle die Portfolio-Kategorie in den Filtern aus.
    • Wenn du einen individuellen Inhaltstyp verwendest, wähle „Projekt“ als Einstellung für den Inhaltstyp aus.
  5. Klicke oben rechts auf den Button Veröffentlichen, um deine Seite live zu schalten.
Ein Beispielportfolio, das den Abfrage-Loop-Block verwendet, gefiltert nach der Portfolio-Kategorie.
Der Abfrage-Loop-Block kann in verschiedenen Layouts gestaltet werden.

Optional kannst du deine neue Portfolio-Seite als Startseite deiner Website festlegen, indem du die Schritte in unserem Ratgeber zum Festlegen der Startseite befolgst.

Portfolio-Shortcode verwenden

Eine weniger häufig verwendete Methode zur Anzeige von Portfolio-Projekten auf deiner Website ist die Verwendung von Shortcodes.

Wenn du eine Kategorie für die Portfolio-Projekte deiner Website erstellt hast, verwendest du den Shortcode. Wenn du den individuellen Inhaltstyp für die Portfolio-Projekte deiner Website aktiviert hast, verwendest du den Shortcode [portfolio].

Wähle unten den entsprechenden Tab aus, je nachdem, mit welcher Methode du Portfolios aktiviert hast.

Füge den Shortcode mit dem Shortcode-Block zu einem Beitrag oder einer Seite hinzu. Verwende den Filter Kategorie, um nur die Beiträge aus deiner Portfolio-Kategorie anzuzeigen.

Im folgenden Beispiel wird die Kategorie auf Portfolio festgelegt, der Inhalt des Portfolios wird mit dem Wert „true“ eingeschlossen und mit image_size=”medium” wird das Beitragsbild in mittlerer Größe angezeigt:

[display-posts category=„portfolios“ include_content=„true“ image_size=„mittel"]

Weitere Informationen zum Shortcode display-posts.

Copied to clipboard!