Level:
Intermediate+
Official release:
2012-07-31
Prerequisite:
Php v5.x+
Javascript
Cumulus v1.9.2+
Features:
14 pages
Multilingual
Update module
Modules addons
3 separate menus
Links:
Tools suggested:
In the previous page, you have created a new folder to contain all files and folders of your new Weather Sky template and we have take a look on the most important files it contains.
Also, we have talked about why so many files? And the "law of least effort", consisting to seperate the content to be repeated all over again, and to not duplicate tedious tasks which in the end will give us more time for creations and customizations.
Finally, I indicated NEVER to modify files, as they will be updated frequently! (files ending with "_txt.php" and the lang folder!
Now that you know Weather Sky's principle of operation, you could begin to edit it for your own needs. I've keep it very short and simple! Let's begin with the Site Name in the header and it's slogan
Weather Sky's header is the clouds picture with this text:
- Weather Sky (planned to be your website name)
- Your BEST forecast provider (your site's slogan)
In folder style, you will find a file named header.gif (the current header) and header-empty.gif, a graphic file without text. The first thing you could do is to do some "lettering" on your own header file. As with web fonts you are in some way limited in your choice (Arial, Roman, Geneva and a few others). The easiest way is to put your text directly in your header graphic. To do so, take an image editor, I suggest Paint.NET, which is an easy and powerful program (at last Windows Paint can do the job). Just as an inspiration, I've used (windows) font: Lucida Calligraphy, size: 36, italic.
In the Weather Sky template, menus are stored into separate files. You will find a file named: header_inc.php. This file contain upper and main menu comment like this one <!-- main menu --> it shows you where the menu begins. The MENU structure is like this:
adding items
adding an item is easy, simply insert an <li>...</li>
at the location where you need it.
removing upper menu
If you don't need this menu, you could simply remove these tags <ul>...</ul>
and all of the lines between them (do the same thing on the main menu if you want to remove that one as well).
Last thing you have to do is to modify footer_inc.php file to fit your needs. In the footer there is also a menu that you can edit or reject by following the same rules as the main menu above
You could also put your own copyright sifbature at bottom to indicate that this station is build and operated by you!
Then that's it for configuration! You could for sure, go ahead and modify any page to give your site a unique "personal touch"! Like we say... "The Sky is the limit"!!
Now that you have prepared and configured your template, it's time to send it to your web-site. If you already have a weather template, like the Cumulus standard, you need to wipe it from your website to avoid a mix between that one and your new Weather Sky template. To install your template, you simply need to take all Weather Sky files and folders and sent them to your web site, using your prefered ftp software. .
Now that you have your own template it's time to tell Cumulus to use it! To do so, start Cumulus and go to menu: Configuration --> Internet --> Files tab. That will bring you a screen as the one you see (partly) in the image shown below
First thing you have to do is to unselect option "Include Standard Files" as we don't want Cumulus to send its standard template as the same time as your Weather Sky template. Also, be sure to keep the option "Include Standard Images" checked as we want to use Cumulus graphs and gauges.
Now, it's time to tell Cumulus to process our unique file: wt_data_inc.php. To do this, you have to fill one line, as indicated below:
To process your template, Cumulus beed 4 informations:
Then, for our data file we have to enter the fields in this way:
Note: In our example, we've show public_html for remote path as it is the most common name used in website configuration, but this could be different on your provider configuration.
Now, that all is in place, it's time to launch the Template Manager Module on your website to "initialize" you website template (eg. http://MyWeatherSite/manage.php.)
Now, Final: Template Manager Module! >>