Wie kann ich das Layout des Intranets ändern?

Mit den Gestaltungsoptionen können Sie Viadesk mühelos an Ihr eigenes Corporate Design anpassen. Eine maßgeschneiderte Gestaltung ist ebenfalls möglich. Viadesk bietet Optionen für:

• die Gestaltung eines Logos und der Anwendungsleiste,,
• das Hinzufügen einer Hintergrundfarbe und eines Hintergrundbildes,,
• die Gestaltung von Widgets,
• das Hinzufügen von Favicons für verschiedene Browser und Betriebssysteme,
• die allgemeine Darstellung von Texten und
• erweiterte CSS- und HTML-Möglichkeiten für Experten.

Hiermit können Sie problemlos ansprechende Intranet-Layouts gestalten.

Logo und Anwendungsleiste

Unter Setup > Branding(Logo und Farben) können Sie die Farbe der Anwendungsleiste ändern. Außerdem können Sie hier das Logo Ihrer Organisation einfügen. Dabei können Sie auch die Akzentfarbe der Anwendungsleiste einstellen.

• • Logo: Sie können ein Logo verwenden. Verwenden Sie eine möglichst große Ausgangsdatei, damit die Darstellung nicht körnig aussieht. Unter Darstellung stellen Sie ein, wie groß das Logo wiedergegeben werden soll. Die Werte haben folgende Bedeutung:
    

    Wert	Höhe
    Klein	20px
    Normal	24px
    Groß	32px
    Extra groß	40px

  • Hintergrundfarbe: Sie können die gewünschte Farbe durch Eingabe eines Hexadezimalcodes festlegen oder indem Sie in dem Fach klicken und eine Farbe wählen.
    
  • Dasselbe gilt für die Akzentfarbe. Mit der Akzentfarbe legen Sie die Farbe des aktiven Links in der Anwendungsleiste fest

Seitenlayout festlegen

Auf der Registerkarte Seite können Sie eine Hintergrundfarbe und ein Hintergrundbild wählen. Dies wird auf allen Seiten des Social Intranets erscheinen.

• Hintergrundfarbe: Klicken Sie auf das Feld Hintergrundfarbe, um eine andere Farbe zu wählen. Da die Seiten und Widgets standardmäßig einen weißen Hintergrund haben, kann als Hintergrundfarbe am besten ein neutraler oder dunkler Farbton gewählt werden.
• Hintergrundbild: Als Option können Sie ein Hintergrundbild hinzufügen. Dieses Bild wird auf der ganzen Breite dargestellt. Wählen Sie ein neutrales, ruhiges Bild, das die Benutzer nicht ablenkt. Tipp: Optimieren Sie die Größe des Hintergrundbildes, indem Sie die Bilddatei mit einem Tool wie TinyPNG kleiner machen. Eine große Bilddatei muss auf jeder Seite geladen werden, wodurch das Social Intranet langsam werden kann.
• Undurchsichtigkeit: Stellen Sie die Undurchsichtigkeit des Hintergrundbildes so ein, dass dieses teilweise durchsichtig ist. Je durchsichtiger Sie das Bild machen, desto stärker wird die Hintergrundfarbe sichtbar

Widgets gestalten

Bei Widgets (den Seitenelementen in Viadesk) können Sie unter anderem die Gestaltung des Titels und eine Akzentfarbe einstellen.

• Titel: Mit der Textfarbe, Schriftschnitt (normal oder fettgedruckt) und Hintergrundfarbe können Sie die Titel aller Seitenelemente im Intranet variieren – beispielsweise von einem dunklen Text auf weißem Hintergrund in einen weißen, fettgedruckten Text auf einem gelben Hintergrund:
  
• Akzentfarbe:  Auf der persönlichen Startseite kann die Akzentfarbe als Hintergrundfarbe in einem Text-Widget aktiviert werden. Wählen Sie hierfür eine auffällige Farbe, auf der der weiße Text gut lesbar ist.

Textdarstellung ändern

Die Darstellung von Text im Social Intranet können Sie unter Text ändern. In Viadesk können Sie die Schriftart, Darstellung der Schaltflächen, Linkfarbe und die Farbe der primären Schaltfläche wählen.

Favicon

Das Favicon ist das kleine Symbol, das in Ihrem Browser oben auf der Registerkarte dargestellt wird.

Unter der Registerkarte Symbol können Sie eine Bilddatei mit dem Logo einfügen, sodass dieses automatisch in ein Favicon umgewandelt wird.

Das Format des Favicons hängt vom Browser ab. Es gibt drei Sorten:

• • • Für das Domain Icon muss das Bild 192 x 192 Pixel groß sein,
    • für das Apple Touch Icon muss das Bild 180 x 180 Pixel groß sein und
    • für das Legacy Favicon benötigen Sie ein 32 x 32 Pixels großes Bild.

Welches Symbol (Icon) für welchen Browser dient, sehen Sie in der folgenden Übersicht.

Windows

• • • Edge: Domain Icon
    • IE11: Domain Icon
    • IE10: Legacy Icon
    • IE9: Legacy Icon
    • Chrome: Legacy Icon (wenn dieses fehlt, wird das Domain Icon angezeigt)
    • Firefox: Legacy Icon (wenn dieses fehlt, wird das Domain Icon angezeigt)

Mac

• • • Safari: Domain Icon
    • Firefox: Legacy Icon (wenn dieses fehlt, wird das Domain Icon angezeigt)
    • Chrome: Legacy Icon (wenn dieses fehlt, wird das Domain Icon angezeigt)
    • Opera: Legacy Icon (wenn dieses fehlt, wird das Domain Icon angezeigt)

iOS
Auf der Startseite: Apple Touch Icon

Android
Auf der Startseite: Domain Icon

Erweiterte Möglichkeiten (CSS/HTML)

Unter den Registerkarten CSS/HTML und Layout Dateien finden Sie weiterführende Gestaltungsmöglichkeiten. Diese sind für Webdesigner bestimmt.

• • • Unter CSS/HTML fügen Sie maßgeschneiderte CSS und/oder HTML zu Ihrer Viadesk-Plattform hinzu. Dazu müssen Sie sich sehr gut mit HTML und CSS auskennen. Wenn Sie sich dessen nicht wirklich sicher sind, sollten Sie diese Registerkarte nicht benutzen.
    • Unter Layout Dateien können zusätzliche Layout-Dateien wie Logos, Schriftarten und/oder (Hintergrund-)Bilder hinzugefügt werden.

Hiermit können Sie Viadesk ganz nach dem Corporate Design Ihrer Organisation gestalten bzw. Ihrem Social Intranet ein maßgeschneidertes Layout geben.

Wenn Sie Fragen oder Anmerkungen zu den zur Verfügung stehenden Gestaltungsmöglichkeiten haben, können Sie jederzeit Kontakt aufnehmen.