Differences

This shows you the differences between two versions of the page.

--- themes:tutorial [2014/01/07 22:22]
Timbow [Editing]
+++ themes:tutorial [2023/03/21 12:57] (current)
gintoxic Link to beadysite template updated and changed the text a bit for fluent reading
@@ Line 1: / Line 1: @@
 ======How to Convert a Static Page to a GetSimple Site======
-It might be a site you have previously made, it might be a page or template you want to turn into a GS Theme – the procedure is the same. In this case I am going to use the free page template Beadysite from:
+It might be a site you have previously made, it might be a page or template you want to turn into a GS Theme – the procedure is the same. In this case I am going to use the free page template Beadysite. The files are offline now but you can look at the CSS and HTML through the [[https://web.archive.org/web/20120615044726/http://www.html5-templates.co.uk/temps/beadysite/ | Wayback Machine]]. You don't need the original files to understand this tutorial and no knowledge of PHP is needed. Just copy and paste the php tags which have mostly self-explanatory names. Best to copy them from the template in the sample theme in case there are errors in this wiki text.
-http://www.html5-templates.co.uk/beadysite/
-No knowledge of PHP is needed, you can just copy and paste the php tags which have mostly self-explanatory names. Best to copy them from the template in the sample theme in case there are errors in this wiki text.
 ====Getting Set Up====
-I install a copy of GetSimple in a new folder under Wampserver and I download and unzip the the Beady files. It's a page and a css and an images folder already arranged correctly for a GS theme so I put the whole Beadysite folder in the theme folder of my new local GS site alongside Cardinal and Innovation. Inside the folder I copy the file **index.html** and rename it **template.php**. Now I can activate the the beadysite as a theme in my new GS site and test the changes I make to the file as I go along. All the links to images and to the css are broken but we will soon fix that. I open the file **template.php** from the beadysite folder in my text editor and open the **template.php** from the Cardinal theme alongside it so I can copy and paste the tags from one to the other.
+I install a copy of GetSimple in a new folder under Wampserver and I download and unzip the the Beady files. It's a page and a css and an images folder already arranged correctly for a GS theme so I put the whole Beadysite folder in the theme folder of my new local GS site alongside Cardinal and Innovation. Inside the folder I copy the file **index.html** and rename it **template.php**. Now I can activate the beadysite as a theme in my new GS site and test the changes I make to the file as I go along. All the links to images and to the css are broken but we will soon fix that. I open the file **template.php** from the beadysite folder in my text editor and open the **template.php** from the Cardinal theme alongside it so I can copy and paste the tags from one to the other.
 This is the static index.htm <file>
@@ Line 229: / Line 226: @@
 **16**	We ought to Link to GS with ''<?php get_site_credits(); ?>''
-**17**	Some plugins require ''<?php get_footer(); ?>''. It won't have any visible effect.
+**17**	Some plugins require ''<?php get_footer(); ?>''. It is for scripts, nothing to do with the page footer and it won't have any visible effect. We will put it just before the closing tag </body>.
 That's it for a basic page
@@ Line 236: / Line 233: @@
    <?php get_site_name(); ?>
    © <?php echo date('Y'); ?> | Design by <a href="http://www.html5-templates.co.uk" target="_blank">HTML5 Templates</a> <?php get_site_credits(); ?>
-   <?php get_footer(); ?>
 </footer></code>
 <code></div> <!-- end-of-"page" --></code>
-<code></body>
+<code>   <?php get_footer(); ?>
+</body>
 </html>
@@ Line 324: / Line 321: @@
    <?php get_site_name(); ?>
    © <?php echo date('Y'); ?> | Design by <a href="http://www.html5-templates.co.uk" target="_blank">HTML5 Templates</a> <?php get_site_credits(); ?>
-   <?php get_footer(); ?>
 </footer>
 </div> <!-- end-of-"page" -->
+<?php get_footer(); ?>
 </body>
@@ Line 342: / Line 339: @@
 ====Finishing Touches====
-All the theme files go in a folder and the folder name determines the theme name as shown in the GS backend. ''template.php'' and any other page templates should be in the theme folder and not in a sub folder. There should be a sub folder called //images// and in that folder a file named ''screenshot.png'' which will be the screenshot displayed in the backend when themes are selected. It shouldn't be too big; 240px wide is plenty.
+All the theme files go in a folder and the folder name determines the theme name as shown in the GS backend. ''template.php'' and any other page templates should be in the theme folder and not in a sub folder. There should be a sub folder called //images// and in that folder a file named ''screenshot.png'' which will be the screenshot displayed in the backend when themes are selected. It shouldn't be too big; 648px wide is the maximum width.
 GetSimple's wysiwyg editor will display page contents much more accurately if you put in the theme folder a file named ''editor.css'' which includes the basic styles for the theme.

GetSimple CMS Wiki

User Tools

Site Tools

Differences

Page Tools