Wiki source code of ChangingTheLogoAndThePanels

Version 1.2 by Silvia Macovei on 2010/02/23

Show last authors
1 #toc("" "" "")
2
3 1 Changing the logo and the panels
4
5 Changing the logo and the panels are the first actions you are likely to undertake when starting a new wiki. The following explanations apply to the toucan skin (the one with colored, white-striped panels).
6
7 The following explanations provide you with basic explanations. Please refer to [the skin page>http://platform.xwiki.org/xwiki/bin/view/Features/Skins] and [the complete skinning guide on XWiki.org>http://platform.xwiki.org/xwiki/bin/view/AdminGuide/Skins] if you're willing to heavily customize your wiki.
8
9 #info("Hint: open links in a new tab in order to keep this page available for reference throughout the process.")
10
11 1.1 Changing the logo
12
13 Many methods can be used to change your wiki's logo. The method described here is the simplest of all:
14
15 * Choose an existing image or create a new one
16 * Resize it so that it is 220 pixels wide and 80 pixels high
17 * Save it as a PNG file and name it "logo.png"
18 * Upload the image as an attachment [right here.>XWiki.DefaultSkin#Attachments]
19
20 1.1 Changing your wiki's background color
21
22 If you're using the toucan skin, you can also change your wiki's background color pretty easily:
23
24 * Click on the "Administration" link at the top right of your page
25 * Click on the "Presentation" button
26 * In the "Default Stylesheet" field, replace "style.css" with one of the following:
27 ** "style-black.css" -> will give your wiki a black background
28 ** "style-blue.css" -> will give your wiki a blue background
29 ** "style-darkblue.css" -> will give your wiki a dark blue background
30 ** "style-darkgray.css" -> will give your wiki a dark gray background
31 ** "style-gray.css" -> will give your wiki a gray background
32 ** "style-green.css" -> will give your wiki a green background
33 ** "style-kaki.css" -> will give your wiki a kaki background
34 ** "style-orange.css" -> will give your wiki an orange background
35 ** "style-purple.css" -> will give your wiki a purple background
36 ** "style-red.css" -> will give your wiki a red background
37 * Click on the "Save" button at the bottom of the page. Your wiki is now running under a new color scheme!
38
39 1.1 Changing your wiki's panels
40
41 In XWiki Enterprise, you can control the look and feel of your wiki:
42
43 * Click on the "Administration" link at the top right of your page
44 * Click on the "Panel Wizard" button
45 ** The "Page Layout" tab allows you to define whether you want a right column, a left column, both or none.
46 *** Click on the desired layout
47 *** Click on "Save the new layout". Your wiki now has the columns you want it to!
48 ** The "Panel List" tab allows you to select which panels you want to display
49 *** Drag & Drop the panels you want to use from the middle of the page to the columns
50 *** Drag & Drop the panels you want to remove from the columns to the middle of the page
51 *** Drag & Drop the panels you want to move from one place in the column to another
52 *** Once you're happy with the result, click on "Save the new layout" at the bottom of the page. Your wiki now has its new panels.
53
54 #info("If you're experiencing problems using the Panel Wizard, please try using it with [the Firefox browser.>http://getfirefox.com/]")
55
56 * Next: [Creating new users>GettingStarted.CreatingNewUsers]

Get Connected