320
edits
Default Website Development: Difference between revisions
From Cumulus Wiki
Jump to navigationJump to search
m
→Alternative public website
NeilThomas (talk | contribs) m (→Installing) |
NeilThomas (talk | contribs) |
||
| (10 intermediate revisions by the same user not shown) | |||
| Line 14: | Line 14: | ||
*Panels can be rearranged with minimal coding skills | *Panels can be rearranged with minimal coding skills | ||
*Different colour schemes can be applied, again with minimal coding required | *Different colour schemes can be applied, again with minimal coding required | ||
** It includes a high contrast theme as well. | |||
*It has the facility to specify a separate location for your data files | *It has the facility to specify a separate location for your data files | ||
* Sub-menus can now have dividers to separate sections as required | |||
* The mobile menu now closes sub-menus automatically when you select another sub-menu. | |||
''' | * If you are a new station, only available months on your monthly and all records pages will be accessible - the buttons will be removed. | ||
'''Download the [https://www.cumuluswiki.org/images/0/08/PublicWebsite.zip latest version here]''' (Updated: Friday 22/03/2024) | |||
'''You can view my site using the new default templates on [https://oaktreewebs.co.uk Oaktree Weather ]. | |||
==Installing== | ==Installing== | ||
| Line 22: | Line 29: | ||
*Unzip it in the same location as your existing site - it will not overwrite the existing pages | *Unzip it in the same location as your existing site - it will not overwrite the existing pages | ||
*:The new site uses .html pages whereas the existing default site uses .htm | *:The new site uses .html pages whereas the existing default site uses .htm | ||
*; If you visit your site without specifying a page you will be taken to the new template, | *; If you visit your site without specifying a page you will be taken to the new template pages, | ||
*;Specifying a page such as index.htm will display your old template. | *;Specifying a page such as index.htm will display your old template pages. | ||
*: Please clear your browser cache before viewing. | |||
===Changing where you data is found=== | |||
This applies to the data used for your pages, the data used for the charts and the data used by the gauges. It does '''not''' affect your moon image or your NOAA reports. | |||
* You will obviously need to create the required folder on your web host system. | |||
* You need to configure CumulusMX to upload to that folder. | |||
*: This is done on the '''Internet Settings ~ Web/Upload Site''' options under ''Remote FTP Directory''. | |||
:; You should check that the data is being uploaded to the correct location and adjust your settings if not. | |||
* You then need to edit the '''ws-extra.js''' file. | |||
*: The variable on line 13 is used to point to your data so it should be the name of the folder created above with a trailing forward slash. | |||
*;; Please note that it should be empty if your data is uploaded to the normal location. | |||
===Your Own Pages=== | ===Your Own Pages=== | ||
As with previous releases, the public website template also includes a template page. | '''As with previous releases, the public website template also includes a template page'''. | ||
The template.html page is provided to make it easier for you to add your own pages while retaining the look and feel of the website. The template page is called '''template.html'''. | |||
<big>Editing</big> | |||
The template page shows all the different column layouts that are available. These are: | |||
ow-oneCol, ow-TwoCol, ow-ThreeCol, ow-FourCol, ow-FiveCol and ow-SixCol | |||
: These will always try to display the indicated number of columns but as the screen becomes small will automatically collapse into fewer columns as appropriate. | |||
:; If there are more panels than columns they will gracefully split onto additional rows while retaining their column settings. | |||
:; Rows with fewer panels than columns will centre panels up to the stated number of column. | |||
==Editing the website menu== | ==Editing the website menu== | ||
