GetSimple CMS Wiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== Theme Creation ======

If you are building a site from scratch, converting an existing site to GetSimple or you have a web page you want to use as a template you need to create a GetSimple //Theme// which will define the html and css of your web pages. There is a [[themes:tutorial|Step-by-Step Tutorial]] for converting a static html page into a simple theme. Just as a single html file can define a web page there is only one truly required theme file, and that's ''template.php''. ''template.php'' defines the html of the default page layout for most pages within your site, but you can make other page templates and set particular pages to use an alternative template by choosing it within the **Page Options -> Template** setting:{{ :themes:page-options.png |}}


Dynamic content is inserted into your page template by using [[themes:template_tags|template tags]] similar to WordPress (if you are familiar with that). You then place that file within it's own uniquely named folder and [[themes:installation|install it]] on your server. All template pages are written in PHP.
===== Anatomy of a Theme =====
the default page template ''template.php'' goes inside a folder named specifically for your theme, and placed within the theme folder of your GetSimple installation such as: ''/path/to/getsimple/theme/my_theme/template.php'' You can rename a theme by renaming the folder that contains it.

Other files found in a template folder are:
  * Normally an external stylesheet referenced in the html of the page template file.
  * Alternative templates for pages such as ''homepage.php'' or ''contact.php''. They will be available for selection in **Page Options**.
  * A file named ''editor.css'' in the theme folder will enable the CKeditor to display page content more accurately.
  * Any images used in the theme, along with favicons and backgrounds
  * An image of your theme saved in an //images// folder as /path/to/getsimple/theme/your-theme/images/screenshot.png will be displayed on the Theme Selection Page in the Admin Pages.((Be sure to name it that exact name or else our system will not pick it up. Lowercase AND in the folder /images/ AND named screenshot.png))
  * A file ''[[theme:advanced#theme_functions_file|functions.php]]'' contains any custom functions that are used within your theme.
  * Sometimes template files are split into parts and saved as [[theme:advanced#optimal_theme_files_layout|partial template files]] with names like ''header.inc.php''
  * sometimes javascript and other files are included in the theme
===== Theme Development Tips =====
   * Start any PHP file within your theme with ''<?php if(!defined('IN_GS')){ die('you cannot load this page directly.'); } ?>''. This will stop any unwanted direct access to that particular file.
  * Most themes id the body of the html by writing the opening body tag ''<body id="<?php get_page_slug(); ?>" >'' It makes it easy to restyle a single page.
  * Many plugins require ''<?php get_header(); ?>'' between the ''<head>'' tags and ''<?php get_footer(); ?>'' somewhere before the end ''</body>'' tag.
======Links======
Back to the GetSimple Wiki [[:start|Contents Page]]
==Pages in this Section==
===Themes===
  *[[themes:installation|Ready-Made Themes]]
  *[[themes:creation|Theme Creation]]
  *[[themes:template_tags|Complete Template Tags Reference]]
  *[[theme:template_code_snippets|Template Code Snippets]]
  *[[themes:tips|Theme Development Tips]]
GetSimple CMS Wiki

User Tools

Site Tools

Page Tools
