If you need quick answers just jump on the Forums and one of the staff or a member of the community will be able to help. Otherwise feel free to read through our Documentation or maybe check out a Video or two.
So you've set up your first site or just installed FI on your server and you want to get going, but not sure where to start?
Don't worry just follow the steps on this page and you'll soon start seeing for yourself how quick and easy everything is. If you'd like more in depth details, checkout the User Guide.
You can then reference this image in your page, in the next section we'll show you how.
Remember to hit publish when you make changes so the world can see your great site !
Lets put your logo in the top of your template so it's hard coded and non editable by a Block.
Lets import a website that you've been working on shall we? First of all make sure:
Then you simply upload the zip file by:
Web Magic! Your site should have been imported with images and CSS.
If you want to spend more time with this we suggest you look at how to make a theme on the Themes Guides Page , where you can find more information.
FI isn't like most other content management platforms in that it doesn't require you to use specific themes. You can use any static HTML/CSS theme by just following a few simple preparations.
To upload a theme to your FI site either prepare your static HTML/CSS using the instructions below, or you can download some example themes for your site. Once you have your theme in a ZIP file simply upload it using the Import Theme button in the Templates section of the Administration portal.
Simple example themes to get you started.
Forging themes in FI is easy! You don't need to know PHP or any clever syntax, just HTML/CSS goodness. Although FI does offer some clever syntax to give you more functionality, but note, it's not needed.
Themes are imported using the 'Template Import' tool in the Templates section of FI administration, note for super complicated themes you may want to do this manually, you should be fine though given the themes adhere to these rules:
You can use folders and you can call the files what you like.
Firstly you will need to make your static, offline XHTML/CSS site and do the usual browser testing and validation. Then when finished you will want to make sure all the paths are absolute to the root (e.g. /images).
Also make sure your HTML files are named based on what you want to call the templates. For example you might want 'home.html' for your Home template, and 'contact.html' for your Contact template.
Fi uses Includes to separate the commonly used header and footer parts of the HTML file. FI will automatically do this for you as long as you tell it where the content area lies. Use the code below.
<!--content--> <p>My content!</p> <!--endcontent-->
Note: Please don't use spaces in your comments.
Next you will want to tell FI which parts of your template are editable regions. So delete the dummy HTML content and then just replace it with the following.
Lastly, tell FI what you want the theme to be called. In the head use this code:
<meta name="theme" content="Your Theme" />
That's it! Once you've made your theme and zipped it up, your ready to go. If you feel like sharing or showing off your great work feel free to upload it somewhere and share it with the community!
You can post submissions on the Forums , if it's better or equal to the examples posted here we'll feature it.