This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
ten_minute_web_site [2013/09/06 19:06] Timbow [Changing the Theme] |
ten_minute_web_site [2014/02/02 12:09] Timbow [A Ten Minute Website] |
||
---|---|---|---|
Line 2: | Line 2: | ||
[[http://timbowgs.bplaced.net/tutorial/|{{ :wiki:pavcafehm.jpg?nolink |}}]] | [[http://timbowgs.bplaced.net/tutorial/|{{ :wiki:pavcafehm.jpg?nolink |}}]] | ||
If you have installed GetSimple on the [[:quick_install|previous page]] you can quickly get an idea of its use by following this step by step tutorial for making the two page [[http://timbowgs.bplaced.net/tutorial/|Pavement Cafe Website]]. It covers: | If you have installed GetSimple on the [[:quick_install|previous page]] you can quickly get an idea of its use by following this step by step tutorial for making the two page [[http://timbowgs.bplaced.net/tutorial/|Pavement Cafe Website]]. It covers: | ||
- | * changing the theme | + | * Changing the theme |
- | * adding content | + | * Adding content |
- | * uploading an image | + | * Uploading an image |
- | * creating a page | + | * Creating a page |
- | * using 'components' | + | * Using 'components' |
- | * installing a plugin | + | * Installing a plugin |
- | * making a backup | + | * Making a backup |
- | It should take between ten and twenty minutes. If you have any difficulty with the tutorial have a look at the [[http://get-simple.info/forums/showthread.php?tid=4602|GetSimple forum thread]]. | + | It should take between ten and twenty minutes. If you have any difficulty with the tutorial have a look at the [[http://get-simple.info/forums/showthread.php?tid=4602|GetSimple forum thread]]. The text assumes you are working on a web server but you can complete the tutorial on localhost if you have set up a WAMP or LAMP server on a desktop. |
=====Getting Ready===== | =====Getting Ready===== | ||
Line 16: | Line 16: | ||
=====Website Settings===== | =====Website Settings===== | ||
- | Open your browser and go to the root of your new GetSimple site. In the address bar add ''/admin'' to the url and hit Enter. Type in your Username and Password and Login to the GetSimple Admin Pages. At the far right of the page click on **Settings**. | + | Open your browser and go to the root of your new GetSimple site. In the address bar add ''/admin'' to the url (so normally www.example.com/admin) and hit Enter. Type in your Username and Password and Login to the GetSimple Admin Pages. At the far right of the page click on **Settings**. |
Under **Website Settings** change the **Website Name** to //The Pavement Cafe//, put a tick in the check box for **Use fancy URLs** and click **Save Settings**. | Under **Website Settings** change the **Website Name** to //The Pavement Cafe//, put a tick in the check box for **Use fancy URLs** and click **Save Settings**. | ||
Line 25: | Line 25: | ||
{{ :wiki:pavtheme.jpg?nolink&300|}}Unzip the file //pavement.zip// on your desktop and upload by ftp the uncompressed //pavement// folder to the ///theme// folder of your website alongside the //cardinal// and //innovation// theme folders. In the site Admin in your browser go to the **Theme** tab, choose //pavement// in the drop-down box and click **Activate Theme**. Refresh/Reload your site and it will look like the image on the right. | {{ :wiki:pavtheme.jpg?nolink&300|}}Unzip the file //pavement.zip// on your desktop and upload by ftp the uncompressed //pavement// folder to the ///theme// folder of your website alongside the //cardinal// and //innovation// theme folders. In the site Admin in your browser go to the **Theme** tab, choose //pavement// in the drop-down box and click **Activate Theme**. Refresh/Reload your site and it will look like the image on the right. | ||
- | The Pavement theme is a cut down and slightly altered version of the free GetSimple theme [[http://get-simple.info/extend/theme/trendybiz/574/|TrendyBiz]]. There are several hundred [[themes:installation|free themes]] available for GetSimple but anybody who knows basic html and css can [[themes:tutorial|create their own]]. | + | The Pavement theme is a cut down and slightly altered version of the free GetSimple theme [[http://get-simple.info/extend/theme/trendybiz/574/|TrendyBiz]]. There are several hundred [[themes:installation|free themes]] available for GetSimple but anybody who knows basic html and css can [[themes:tutorial|create their own]]. There are also Premium themes available for a fee. |
=====File Upload===== | =====File Upload===== | ||
Line 55: | Line 55: | ||
<p><small><?php get_page_date(' jS F'); ?></small></p> | <p><small><?php get_page_date(' jS F'); ?></small></p> | ||
- | Then we can write in the Specials list with normal html formatting. The style is governed by the css file which is attached to the Theme. | + | Then we can write in the Specials list with normal html formatting. The styling is governed by the css file which is attached to the Theme. |
<ul class="list-style1"> | <ul class="list-style1"> | ||
Line 67: | Line 67: | ||
Click **Save Components** | Click **Save Components** | ||
+ | |||
+ | If you want to alter the styling of the contents you can directly edit the theme's css under **Theme**, **Edit Theme** but be sure you make a backup first. | ||
Our cafe owner is happy to use a few html tags, but it would be a simple job to arrange the Specials Menu so that it could be updated by someone through the wysiwyg editor just like in a word processor. | Our cafe owner is happy to use a few html tags, but it would be a simple job to arrange the Specials Menu so that it could be updated by someone through the wysiwyg editor just like in a word processor. |