SharePoint Page Layouts – Erstellen einer Gruppe

Heute wollen wir in unserer Reihe SharePoint Page Layouts eine Gruppe erstellen, um unsere eigenen Page Layouts besser unterscheiden zu können. Der Schritt ist nicht zwingend notwendig, aber sehr praktisch, da man beim Erstellen mehrerer Layouts schnell die Übersicht verlieren kann.

Wir gehen über Site Actions -> Site Settings -> Site Content Types auf „Create“, um einen neuen Content Type hinzuzufügen.

Danach gehen wir über Site Actions -> Site Settings -> Master Pages and Page Layouts im Ribbon auf New Page Layout

Und erstellen folgendes Beispiel-Layout:

Wir werden in die Dokumentenbibliothek zurückgeschickt und sehen unsere Seite. Über das Menü öffnen wir diese nun im SharePoint Designer 2010.

Wir sehen jetzt eine Seite ohne Inhalte. Da in den allermeisten Fällen neue Page Layouts auf Basis der „BlankWebPartPage.aspx“ gemacht werden, schauen wir uns diese etwas genauer an. Die BlankWebPartPage.aspx, die unter Page Layout in „Welcome Pages“ als „Blank Web Part Page“ abgelegt ist, hat folgende Webpart-Zonen:

In Webpart-Zonen können beliebig viele Webparts reingepackt werden, es kommt durchaus vor, dass diese Zonen nicht so angeordnet sind, wie man sie für die Darstellung haben möchte, sei es, weil man den Footer unter allen Bereichen haben möchte oder der Header über allen stehen soll oder man eine Webpart-Zone „Left“ benötigt, oder – weil man dem Content-Pfleger nicht Möglichkeiten geben will, einzelne Seiten zu verun-/gestalten. Bei uns geht es zunächst aber um das grundsätzliche Prinzip. Darum kopieren wir uns im SharePoint Designer 2010 jetzt erst mal den kompletten Inhalt der BlankWebPartPage.aspx Datei und ersetzen damit unsere komplette Seite (wirklich alles überschreiben!). Check In:

Änderungen genehmigen, damit das Layout freigeschaltet wird:

Wir kontrollieren das Ergebnis auf der vorher von uns erstellten Seite, und wenn wir alles richtig gemacht haben, finden wir nun unter „VIALUTIONS“ die „Produktseite“.

Themes für SharePoint 2010 mittels PowerPoint erstellen

Heute soll es in unserem Artikel um eine kleine Möglichkeit gehen, Ihren SharePoint 2010 anzupassen: Themes heißt das Zauberwort. Wer jetzt glaubt, dahinter verbirgt sich ein mächtiges Instrument, mit dem man das komplette Layout verändert, wird enttäuscht sein. Trotzdem ist es nützlich.

Microsoft selbst bezeichnet „Theming“ als „Lightweight Branding“ und liefert auch einige mehr oder weniger gut gelungene Themes direkt mit.

Technet

 “Themes enable lightweight branding of a SharePoint Server 2010 site by allowing a site owner or a user with designer rights to make changes to the colors and fonts of user interface elements of a site. Themes are applied and customized directly in the user interface, and do not require knowledge of cascading style sheets or master pages.” (MicrosoftTechNet )

Definitionsgemäß sollen diese Themes also auch nicht ein vollständiges Branding ersetzen. Da sie aber im Zusammenspiel mit einem eigenen Branding (Master Pages, Page Layouts, eigenen CSS-Dateien, etc.) die Arbeit erheblich vereinfachen, will ich an dieser Stelle beispielhaft erklären, wie man sie mittels PowerPoint erstellt und bereitstellt. Ich gehe davon aus, dass Sie die entsprechenden Rechte auf Ihrem SharePoint besitzen.

1. Öffnen Sie PowerPoint und wählen Sie im Ribbon „Design“/„Entwurf“ aus.

2. Klicken Sie im Ribbon Menü auf das Icon „Colors“/„Designfarben“.

3. Klicken Sie auf „Create New Theme Colors…“/„Neue Designfarben erstellen“.

4. Nun haben Sie die Möglichkeit, für jeden Bereich eine Farbe zu erstellen, auch im Reiter „Custom“ haben Sie die Möglichkeit, direkt RGB/HSL-Farben einzugeben. 

5. Klicken Sie auf den kleinen Pfeil, der Ihnen alle Themes anzeigt.

6. Speichern Sie das aktuelle Theme.

7. Speichern Sie es als „Office Theme“/„Office-Design“ mit der Endung .thmx und merken Sie sich den Speicherort. 

8. Öffnen Sie über den Browser Ihren SharePoint, gehen über „Site Settings“ / „Webseitenaktionen“ -> „Site Settings“/„Webseiteneinstellungen“ in die Themes-Gallery.

9. Laden Sie Ihre gespeicherte .thmx Datei hoch.

10. Gehen Sie zurück auf „Site Settings“/„Webseiteneinstellungen“ und wählen den Punkt „Site Themes“.

11. Nun können Sie Ihr erstelltes Theme auswählen und mit der entsprechenden Option auch alle Unterseiten auf dieses Themes setzen.

12. Fertig.

Wer ein umfangreiches eigenes Branding erstellt, sollte sich überlegen, ob er nicht einige Elemente über das Theming realisiert, das spart Ihnen nicht nur Arbeitszeit und Nebeneffekte, sondern dem Browser auch Zeit beim Rendern der Seite.