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/08/19 11:02] Timbow [The Sidebar and Tagline] |
ten_minute_web_site [2013/12/22 15:45] Timbow [The Sidebar and Tagline] |
||
---|---|---|---|
Line 1: | Line 1: | ||
======A Ten Minute Website====== | ======A Ten Minute Website====== | ||
[[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 changing the theme, adding content, creating a page, installing a plugin and 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]]. | + | 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 | ||
+ | * adding content | ||
+ | * uploading an image | ||
+ | * creating a page | ||
+ | * using 'components' | ||
+ | * installing a plugin | ||
+ | * 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]]. 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 7: | 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 16: | 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 design]]. | + | 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 46: | 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 58: | 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. |