Using Themes

So, once we have a theme, how do we use it? What do we do to make our theme appear? This article is meant to answer those questions for both HTML and Wikidot especially. Although you might have a theme, it will never appear on your site unless you define it the correct way.

HTML

Using HTML, you can define a theme straight into the HTML source code. Simply, all you need to use is a <style> tag within the <head> tags. When you do this, the parser will read whatever is in the <style> and apply it to the <body> of the HTML. The code looks like this:

<html>
    <head>
        <style type="text/css">
            THE CSS CODING
        </style>
    </head>
    <body>
        CONTENT
    </body>
</html>

The type="text/css" lets the parser know it is reading CSS and not Javascript or another language.

For Wikidot

In Wikidot, you cannot directly edit the HTML code, for Wikidot does that automatically. So how do I define a theme?

In order to define a theme, you first must be an administrator of the site so that you can access the Site Manager. Without being an administrator, you cannot define a theme. From there, there are a couple of methods or ways by which you can define a theme depending on your preference. Here, each will be discussed in full detail.

Before we start, it is important to note where in the Site Manager all the CSS stuff is. In the Site Manager, under the tab "Appearance", the two important tabs are "Themes" and "Custom themes".

Using a Built-In Default Theme

Using an External Theme

Using a Built-In Custom Theme

Importing a Theme Page within the Site

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