Customising Your Website

Changing Your Index Page

PixWire allows a certain amount of customisation to your website. When installed, software provides a default index page, which is called index.html. This is very simple and just contains a link to the galleries and a link to the Administration Index. You are free to modify this file as you see appropriate. There are many HTML editors you can use such as Microsoft's Frontpage and DreamWeaver. Be careful not to modify anything in the pw folder, which is where the PixWire source is located, or inside the galleries folder, which is where your images and associated files are stored.

The two links that you need to know about on your page are:

The Galleries which should point to “pw/galleries.php”

The Admin Index which should point to “pw/admin.index.html”

You may not wish to make the Admin Index visible to your other users. In this case, you can omit it from the index page, and perhaps bookmark it using your browser for easy access.

Once you have changed your index page, you can also add other pages of non-dynamic format as you see fit.

Changing The Colours/Fonts/Look

It is possible to change the fonts and colours on your website to match your company look. Every single page generated by PixWire includes a file called “pixwire.css”, which is on your website. This file is called a Cascading Style Sheet, which is sometimes abbreviated to CSS. It allows you to set the background colours, foreground colours, fonts and a host of other properties.

The syntax of style sheets is rather unfriendly if modified by hand, but most HTML editors also contain a style sheet editor to let you change these values.

An example style sheet which gives a light blue background, dark blue titles and changes the colour of links to red when you hover over them would look as follows:

body {background-color:#e0e0f0;}
h1 {color:#3030d0;}
h2 {color:#3030d0;}
a:hover {color:crimson;}

CSS Classes That Can Be Overridden

Top Level Galleries

Gallery View

Archive Gallery View

Footers and Headers

You can provide your own footers and headers to the non-administration parts of the website. This can allow a wide range of customisation from simply adding a banner, to adding menus along the top or side, or even adding scriptable code.

If required the header page should be saved as header.php. This should be saved in the top level folder of your website, not the pw folder. The footer page should be saved as footer.php.