Step 4: Changing the logo and the panels

Last modified by Lucas Charpentier (Sereza7) on 2024/11/07

Changing the logo and the panels

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 Flamingo skin.

The following explanations provide you with basic guidelines. Please refer to the skin page and the complete skinning guide on XWiki.org if you're willing to heavily customize your wiki.

Hint: open links in a new tab in order to keep this page available for reference throughout the process.

Many methods can be used to change your wiki's logo. The method described here is the simplest of all:

  1. Edit the currently used Flamingo Theme (by going to Administration > Look & Feel > Themes > Color Theme > Customize) The default Flamingo Theme on a new instance is named Iceberg.
  2. Go the the "Logos" section of the theme variables
  3. Click on the "Choose an attachment" button, just beneath the @logo variable.
  4. Select from one of the existing image attachments on the theme page.
  5. Otherwise, if you'd like to upload a new logo image, click "Browse", choose a file from your computer and then click "Upload and select".

    LogoFlamingo.png

Changing your wiki's background color

If you're using the Flamingo skin, you can also change your wiki's background color pretty easily:

  • Go to the currently used Flamingo Theme as before
  • Change the @body-bg color from the “Base color” section in the editor
  • Click on the "Save & View" button at the bottom of the page. Your wiki is now running under a new color scheme!

    BaseColorsFlamingo.png

Changing your wiki's panels

In XWiki you can add panels to enhance the look and navigation of your wiki.

Go to the “Page Layout” tab ( Administration > Look & Feel > Panels). The "Page Layout" tab allows you to:

  • Define whether you want a right column, a left column, both or none
  • Set the width of these columns to small, medium or large
  • Specify the list of panels you’d like to display on both the left and the right column.

    PageLayoutFlamingo.png

The "Panel List" tab allows you to select which panels you want to display.

  • Drag & Drop the panels you want to use from the middle of the page to the columns
  • Drag & Drop the panels you want to remove from the columns to the middle of the page
  • Drag & Drop the panels you want to move from one place in the column to another
  • Once you're happy with the result, click on "Save" at the bottom of the page. Your wiki now has new panels ordered to your preference.

    PanelListFlamingo.png

Get Connected