Einen eigenen Skin im XWiki anlegen

24. März 2013


 

Wie kann ich als Nutzer meinen eigenen Skin im XWiki2 erzeugen?

  • Wählen Sie auf Ihrer Startseite im Menu „Main“ -> „Neue Seite“. Wählen Sie als Seitennamen z.B. „MySkin“ und klicken Sie „Erstellen“, im nächsten Fenster „Speichern & Ansehen“.
  • Wählen Sie aus dem Untermenu „Editieren“ -> „Objekte“. Im nächsten Fenster wählen Sie nun in der rechten Spalte unter ‚Objekt hinzufügen‘ ein Objekt der Klasse ‚XWiki.XWiki.Skins‘ aus und klicken Sie auf „Objekt dieser Klasse hinzufügen“. (Bei Bedarf fügen sie auf die gleiche Weise der Seite ein Objekt der Klasse ‚ColorThemes.ColorThemeClass‘ zu, um einige Farben der Elemente zu bearbeiten.)
  • Klicken Sie nun auf das hinzugefügte Objekt oder das dazugehörige Bleistiftsymbol. Es öffnet sich ein Formular.
    • Im Formularfeld ‚Base Skin‘ tragen Sie bitte ‚colibri‘ ein.
    • Im Formularfeld ‚Style‘ tragen Sie bitte folgende Daten ein:

@import "/xwiki/bin/skin/skins/colibri/style.css"
  • Sie können den EsPresto Skin nun modifizieren, indem sie am Ende desselben Formularfeldes Ihre CSS Angaben eintragen, z.B.:

.panel {
  border: 3px outset #EEE;
}
 
.xwikipaneltitle {
  font-style: italic;
}

#document-title h1 {
  font-family:"Arial Black",Arial,sans-serif;
  color: #999;
  border-bottom: 1px dashed #999;
}
  • Klicken Sie „Speichern & Ansehen“.

EMPFEHLUNG: Testen sie Ihr Skin an einem eingeschränkten Space, bevor sie es global für alle Spaces aktivieren.

  • Legen Sie einen Testbereich ein über „XWiki“ -> „Neuer Bereich“ und nennen Sie ihn z.B. „LayoutTest“.
  • Gehen Sie in den Admin Bereich des Test-Spaces via „LayoutTest“ -> „Einstellungen: Bereich“. Unter Bereichseinstellungen wählen Sie „Presentation“.
  • Im Formularfeld ‚Oberfläche‘ tragen Sie nun den Namen der Seite ein, die den Skin enthält. In diesem Beispiel ist es ‚XWiki.MySkin‘. Speichern Sie die Seite, leeren Sie evt. den Cache Ihres Browsers und laden Sie die Seite neu und betrachten sie nun die Seite in Ihrem Test Space.
  • Wenn Sie zufrieden sind, können Sie den Skin global für alle Bereiche aktivieren. Gehen sie dazu über „Verwalten“ (nun rechts oben) -> „Einstellung: Wiki“ zu den Presentation Einstellungen.
  • Im Formularfeld ‚Oberfläche‘ tragen Sie nun wieder den Namen der Seite ein, die den Skin enthält, also in diesem Falle wieder ‚XWiki.MySkin‘. Speichern Sie die Seite, leeren Sie evt. wieder den Cache Ihres Browsers und laden Sie die Seite neu und betrachten sie nun die Seite in allen Spaces.