User Tools

Site Tools


ten_minute_web_site

Differences

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

Link to this comparison view

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.
ten_minute_web_site.txt · Last modified: 2017/03/19 13:47 by Timbow