Even though Wikidot now allows us to manipulate our wiki's layouts, there remain many websites customised to the legacy Wikidot layout.

If you wish to customise minor sections of your existing site's layout, it may be more convenient to simply "upgrade" your legacy layout to an "emulated" legacy layout. In this fashion, you can then adjust the layout to your liking, without having to rebuild your website's customisation from scratch.

There are a few steps involved to upgrade your site's legacy layout to a customisable one:

  1. Go to your Site Manager: http://yoursite.wikidot.com/_admin
  2. Go to Appearance & Behaviour » Themes
  3. You will see the Wikidot | Community | You | External | Custom tab selectors. Choose Custom
  4. Click on the [Create a New Layout] button, and scroll down to the editor
    • Type the following into the "Layout name" field: Wikidot Legacy Layout
    • Un-tick "Use bootstrap" at this stage, and paste in the Emulated Legacy Layout code
    • Click on the [Save Layout] button
  5. If you already have a Custom Theme, then click on the green [Edit] button beside it.
    Otherwise, if you need to create a new theme, click on the [Create a New Theme] button, and scroll down to the editor
    • Change the "Choose layout" field to your newly created layout: Wikidot Legacy Layout
    • If you have existing pre-filled CSS code in your theme, you will need to replace it with CSS code compatible with the customised layout. Feel free to use our Legacy CSS Upgrade Converter
    • Click on the [Save Theme] button
  6. Change the tab selector from "Custom" to You
  7. Ensure your custom theme is correctly "installed" for each applicable category

If you wish to use one of the legacy Wikidot CSS themes, you can use the ones that have been upgraded for compatibility with customisable layouts: Emulated Legacy CSS

NOTE
If your custom CSS is an extension of an imported Wikidot theme, you will most likely need to convert the original CSS code using our Legacy CSS Upgrade Converter first, and import it above your custom CSS.


Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License