Die Oberfläche von SharePoint 2013 umgestalten, Teil 1 - mit geringem Aufwand

​Eine einheitliche grafische Benutzeroberfläche ist für jede Art von Website ratsam, sei es eine Intranet- oder eine Internetsite. Bekannte Farben und Bilder schaffen eine gewohnte Umgebung und fördern die Akzeptanz. In diesem Artikel wird gezeigt, wie man sehr einfach mit Standardmitteln eine Site in SharePoint 2013 umgestalten kann. In einem weiteren Teil möchten wir zeigen, wie man mit etwas mehr Aufwand noch umfangreichere Änderungen am Screen-Design vornehmen kann.

 

 

 

 



 

Zwei der hier beschriebenen Möglichkeiten findet man direkt auf dem Startbildschirm.

 

 

Header Logo ändern

 

Wie man es bereits aus SharePoint 2010 kennt, kann man im ersten Schritt das Header Logo austauschen. Dazu geht man über Websiteeinstellungen und wählt dort „Titel, Beschreibung und Logo“ unter der Rubrik „Aussehen und Verhalten“.

 

 

 

 

 

 

 

 

 

 

In diesem Dialog kann man neben dem Titel und der Beschreibung einer SharePoint-Site eine Logo-Grafik hinterlegen. Dabei kann der Link zum Bild von einer Intranet-, oder einer Internetsite verwendet werden. Es empfiehlt sich jedoch das Logo in einer Dokumentenbibliothek im SharePoint zu hinterlegen, wodurch sich ein relativer Pfad ergibt: /sites/test/pictures/logo.png

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Aussehen ändern

 

Spielend leicht lässt sich auch die komplette Aufmachung der Seite nach vorgegebenen Schemen ändern. Hierbei verhält es sich nicht wie bei SharePoint 2010 durch die Erstellung der Themes per PowerPoint. In SharePoint 2013 sind es hinterlegte XML-Dateien auf dem Server, die die Farbmuster bereitstellen. Man gelangt über den Klick auf Einstellungen und „Aussehen ändern“ oder über den Umweg der Websiteeinstellungen und der Rubrik „Aussehen und Verhalten“ zur Auswahl der vordefinierten Designs.
 

 

 

 

 

 

 

Hier kann man eines der standardmäßig achtzehn hinterlegten Designs auswählen.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Hat man ein Design ausgewählt kann man im nächsten Fenster noch Feinjustierungen vornehmen.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Es lässt sich, anders als bei SharePoint 2010, ein eigenes Hintergrundbild definieren. Man kann dazu einfach das Bild per Drag and Drop in das entsprechende Feld ziehen. Das Farbschema und die Schriftart kann man hier ähnlich wie in SharePoint 2010 anpassen.

Neu an dieser Stelle ist die Auswahl eines Layouts. Es steht das Layout „Seattle“ und „Oslo“ zur Verfügung. Wählt man „Seattle“ dann befindet sich die Quick Launch auf der linken Seite wie gehabt. Dagegen befindet sich beim Layout „Oslo“ die Quick Launch in der horizontalen, dadurch hat man unterhalb des Head-Bereichs die volle Breite für den Content.
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Möchte man das angepasste Design übernehmen, muss man zunächst auf „Testen“ klicken. Hier hat man die Möglichkeit, das Design anzuwenden oder es zu nochmals zu ändern.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Das spontan zusammengeklickte Testdesign sieht in diesem Fall so aus:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Beim Testen mehrerer Designkombinationen fiel auf, dass die Designs wunderbar mit einer Auflösung von 1280 x 1024 Pixeln zurechtkommen. Allerdings scheinen manche Designs die immer noch häufig vorkommende Auflösung von 1024 x 768 Pixeln nicht richtig zu mögen, da hier gelegentlich unschöne horizontale und vertikale Scroll-Balken erscheinen.
 

S-PI hat jahrelange Erfahrung beim Entwickeln von SharePoint-Screendesigns anhand eines vorgegebenen Corporate Identity. Sehen Sie sich dazu gerne unsere Referenzen unter

http://www.s-pi.de/sharepoint/sharepoint-design.htm an.

 

 

Falls wir Sie beim customizing Ihres SharePoints unterstützen können setzen Sie sich mit uns unter Telefon 0 71 31/ 72 40-503 oder per mail contact@s-pi.de in Verbindung.