Kompatibilität:

WebSite X5 Evo und Pro

Wenn Sie sich gerade fragen, ob Sie ein Portolio brauchen, dann gibt diese Frage selbst Ihnen die korrekte Antwort: Ja. 

Ein Online-Portfolio mit einem perfekten Design ist die moderne Version einer Visitenkarte, eines Lebenslaufs und eines Schaufensters für Ihre Projekte. Wenn Sie Freelancer sind, können Sie mit einem Portfolio Ihre Arbeite präsentieren, sodass potenzielle Kunden mit Ihnen Kontakt aufnehmen können. Wenn Sie Stunden oder Freiberufler auf der Suche nach einer Arbeit sind, können Sie es verwenden, um den Firmen Ihre Fähigkeiten zu zeigen, damit sie Sie für ein Auswahlgespräch anrufen können.


Mit dem Objekt Portfolio können Sie ein Online-Portfolio wirklich mühelos erstellen. Wehen wir zusammen, wie das Portfolio von WebSite X5 organisiert ist und wie Sie es auf Ihrer Website verwenden können.



So ist das Portfolio von WebSite X5 organisiert

Das Portfolio, das Sie mit WebSite X5 erstellen können, ist dafür gedacht, Ihre Arbeit bestmöglich zu präsentieren und den Besuchern die notwendigen Suchwerkzeuge zu bieten, um schnell die Elemente zu finden, die sie am meisten interessieren. Es besteht daher aus 2 Teilen:

  • Die Suchfelder

Ganz oben positioniert, bieten sie die Suche nach Kategorien, das Feld für die freie Suche und die Filter nach Datum / alphabetischer Reihenfolge. Sie können entscheiden, welche Suchfunktionen Sie aktivieren und wie Sie sie präsentieren möchten: Eventuell können Sie auch alle Suchfunktionen deaktivieren und nur die Boxen präsentieren.

  • Das Wall, das aus einer Box für jedes Element des Portfolios besteht

Jede Box hat ein Hintergrundbild und unten eine Leiste mit Titel und Datum. Beim Mouseover wird die Karte mit einer farbigen Schicht überzogen und den Titel, die Beschreibung und eventuelle Schaltflächen mit Links zu weiterführenden Informationen werden angezeigt. Auch hier haben Sie sehr viel Gestaltungsspielraum: Sie können mit Farben, Effekten und Formatierungen arbeiten, um das Ergebnis zu erhalten, das Sie am besten repräsentiert.

Jetzt, dass wir wissen, wie es organisiert ist und wie es funktioniert, können wir unser eigenes Portfolio einrichten.


Die Liste der Boxen definieren

Als Erstes müssen Sie natürlich alle Elemente einfügen, die Sie in Ihrem Portfolio präsentieren möchten. Vergessen Sie nicht, für jedes Element alle Informationen anzugeben, die für die Zusammenstellung der Boxen erforderlich sind, sowie auch sie in gut organisierten Kategorien einzuordnen.

  • Nachdem Sie das Objekt Portfolio in eine Zelle des Seitenlayouts eingefügt haben, doppelklicken Sie auf das Objekt selbst, um auf das Fenster Objekt Portfolio > Liste zuzugreifen. In diesem Bereich finden Sie alle Optionen für die  Zusammenstellung Ihres Portfolios. 
  • Beginnen Sie mit der Eingabe der erforderlichen Kategorien. Beispielsweise können Sie Ihre Grafikdesignarbeit in Kategorien organisieren, wie: Websites, Brand Identity und Print. Um eine Kategorie hinzuzufügen, müssen Sie nur auf die Schaltfläche Neue Kategorie klicken, den gewünschten Namen eingeben und zur Bestätigung auf die Eingabetaste (oder außerhalb des Etiketts) klicken.
  • Die Kategorien werden in der Reihenfolge angezeigt, in der Sie sie eingegeben haben: Sie können sie mit den entsprechenden Schaltflächen neu anordnen oder indem Sie sie mit der Maus ziehen und an der richtigen Position loslassen.
  • Jetzt können Sie eine Kategorie auswählen und auf die Schaltfläche Neue Box klicken, um auf das Fenster Box-Einstellungen.
  • Geben Sie einen Titel für die Box an, importieren Sie das Hintergrundbild und schreiben Sie eine kurze Beschreibung.
  • Entscheiden Sie auch, ob auf der Box ein Datum angezeigt werden soll, das y. B. zeigt, wann Sie an dem Element gearbeitet haben: Aktivieren Sie in diesem Fall die Datumsoption und stellen Sie es über den Kalender ein. Die Zuordnung eines Datums zu den Boxen ist notwendig, wenn Sie eine chronologische Sortierung zulassen möchten.
  • Vervollständigen Sie schließlich die Box, indem Sie eine oder zwei Schaltflächen einfügen: Für jede können Sie den Text und die Aktion angeben. So können Sie beispielsweise einen Button einrichten, der ein vergrößertes Vorschaubild öffnet und einen zweiten Button, der zu weiterführenden Informationen führt.
  • Wiederholen Sie diese Schritte für alle die Kategorien und die Boxen, die Sie benötigen. Sie sollen nicht alle sofort einrichten: Sie können jederzeit neue hinzufügen oder die bestehende bearbeiten.


#Tipp - Um die Liste schneller zu erstellen, können Sie eine Karte kopieren und einfügen, um sie zu duplizieren: Sie können dies mit den Befehlen der Werkzeugleiste tun, die sich über der Übersichtstabelle befindet, oder mit denen des Kontextmenüs, das durch Rechtsklick auf den Titel einer Box aufgerufen wird.

  

Den Stil der Boxen anpassen

Jetzt, dass die Liste der Boxen Ihres Portfolios fertig ist, können Sie mit den grafischen Einstellungen arbeiten:

  • Gehen Sie auf Portfolio-Einstellungen > Box.
  • Definieren Sie einige allgemeinen Optionen, d. h. die Anzahl der Boxen pro Zeile, die Höhe der Boxen, die Abrundung der Ränder der Box, den Außenrand der Boxen und den Ein-und Ausblendenseffekt.
  • Definieren Sie nun den Stil der Titelleiste, die unten auf jeder Karte angezeigt wird: Sie können die Hintergrundfarbe und Deckkraft sowie die Formatierung und Farbe der Texte festlegen. Sie können den Hintergrund der Titelleiste transparent machen, indem Sie einfach die Deckkraft auf 0 setzen.
  • Kümmern Sie sich dann um das Aussehen / Verhalten der Box beim Mouseover. Wählen Sie das gewünschte Element aus dem entsprechenden Menü aus und verwenden Sie die verfügbaren Optionen, um die gewünschten Anpassungen vorzunehmen:
    • Hintergrund: Sie können die Farbe und Deckkraft der Ebene definieren, die mit einem Overlay-Effekt beim Museover angezeigt wird. Außerdem können Sie die Effekte auswählen, mit denen sowohl die farbige Ebene als auch das Hintergrundbild erscheinen / verschwinden.
    • Beschreibung: Sie können den Titel und die Beschreibung der Box beim Mousover formatieren.
    • Schaltflächen: Sie können den Stil der Schaltflächen  beim Mouseover definieren, indem Sie Texte, Ränder und Hintergrund einstellen.


#Tipp - Die Breite der Box basiert auf der Gesamtbreite des Objekts und der Anzahl der Karten, die auf jede Zeile angezeigt werden. Die Hintergrundbilder werden automatisch an den verfügbaren Platz angepasst.


Die Suchwerkzeuge einrichten

Zuletzt können Sie für Ihr Portfolio nützliche Suchwerkzeugen einrichten, damit die Besucher die Möglichkeit haben, die Boxen durchzusuchen und das gewünschte Element schnell zu finden und anzuzeigen. Die Suchwerkzeuge befinden sich auf in zwei Leisten, die Sie selbst gestalten können. 

  • Gehen Sie auf Portfolio-Einstellungen > Filter
  • Zuerst können Sie sich entscheiden, die Liste aller Kategorien anzuzeigen, in denen Sie Ihr Portfolio organisiert haben. Dazu müssen Sie nur die Option Leiste für die Liste der Kategorien anzeigen aktivieren.
  • Wenn Sie auch die Option Alle Kategorien beim Laden anzeigen aktivieren, stellen Sie sicher, dass „Alle Kategorien“ auch in der Leiste für die Liste der Kategorien vorhanden ist.
  • Danach können Sie den Stil der Leiste anpassen, indem Sie mit den Schriftarten, Ränder und Farben der Elemente arbeiten.
  • Unter der Leiste für die Liste der Kategorien befindet sich eine zweite Leiste mit einem Feld zur freien Suche und mit der Option, um die Anordnung der Karten festzulegen. Sie können entscheiden, ob Sie diese beiden Tools zur Verfügung stellen möchten oder nicht, indem Sie die Optionen Suchfeld anzeigen und Anordnung der Elemente genehmigen aktivieren.
  • Sie können auch diese zweite Leiste anpassen,  indem Sie mit den Schriftarten, Ränder und Farben der Elemente arbeiten. 
#Tipp - Damit die Leiste für die Liste der Kategorien und die Funktion für die chronologische Reihenfolge korrekt funktionieren, sollen Sie für einige Kategorien ein Datum angegeben haben.


Jetzt, da Ihr Portfolio fertig ist, müssen Sie Ihre Website nur noch online veröffentlichen und damit beginnen, sie zu präsentieren, um potenziellen Kunden oder Geschäftspartnern die Qualität Ihrer Arbeit zu zeigen.