The name of the template newspaper explains what purpose is the template ment for. Very simply maintainable e-newspaper, e-broshure, e-bulleting, e-campain, e-manual etc. are the targets for this template.
It may be freely extended by other plugins (as long as the content of the pages fits into newsboxes. All these e-materials may be very attractive if saturated by images, sounds and other media.
The name of the template newspaper explains what purpose is the template ment for. Very simply maintainable e-newspaper, e-broshure, e-bulleting, e-campain, e-manual etc. are the targets for this template.
It may be freely extended by other plugins (as long as the content of the pages fits into newsboxes. All these e-materials may be very attractive if saturated by images, sounds and other media.
The template newspaper is built of 12 newsboxes. Minimum is 1 newsbox in a column as the basic structure is of 4 columns. It has no user navigation and acts as a newspaper. The template is prepared for CMSimple_XH pages. It may be rextended simply copying/pasting the newsboxes incl. the necessary scripts. The scripts controle the content of each newsbox and if there is no content, the newsbox is hidden. The only mandatory feature is the naming of pages (e.g. News##) both in the content and respective newsboxes in template.
On the pages (News##) may be added any content (texts with headings, bolckquotes, lists, tables, images of any standard formats (jpg, jpeg, png, jpg, gif,bmp, svg etc.).
But also media of any valid format (video: mp4, ogg, webm; audio: mp3, m4a).
There is no need to use any special plugin. However, plugins may be used in newsbox as well (this is not tested wit all possible plugins, so some discrepancies are possible).
To place any image and/or media the built in editor (tinymce4 or 5) are fully functional.
Each newspaper article shall be written on one single page and the page shall then be show in respective newsbox.
Standardly, the page has:
The publishing date may be added automatically from the editor functions
These H1 and H5 headings are wisible only in admin mode. In admin mode there is also visible the navigation.
The title of an article is assigned as H1 heading. H2 heading is formated as a subtitle for internal splitting of an article. If more headings are needed, they may be specified in the stylesheet.
Sound files may be also inserted on any page withou any further plugins.
Any visual or voice content may be inserted on any place within a page.
Only standard and regular formats of medias are supported.
Template is built of newsboxes. The newsboxes are placed into 4 columns in a row. The column may contain optional number of newsboxes.
| row | ||||||||
| column | column | column | column | |||||
| newsbox | newsbox | newsbox | newsbox | |||||
| newsbox | newsbox | newsbox | newsbox | |||||
| newsbox | newsbox | newsbox | newsbox | |||||
| /column | /column | /column | /column | |||||
| /row |
Each page (News##) is shown in one newsbox.
If the page has no content (except of the H2 page name), the respective newsbox is hidden.
There is a test script for each newsbox in the template checking the length of the content.
<!-- NEWSBOX 01 -->
<?php
/*
test the content of newsbox,
if the content is longer than 9 characters,
show the newsbox. Else hide the newsbox
*/
$test = strip_tags(newsbox('news01'));
$test = str_replace(array(" ", "\r","\n", " "), '', $test);
if(strlen($test) > 9) { ?>
<?php echo '<div class="newsbox">'.newsbox('news01').'</div>';?>
<?php }else { ?>
<?php echo '<div class="hide">'.newsbox('news01').'</div>';?>
<?php } ?>
The template is fully responsive. Using mediaquerries in the stylesheet, there are set break points:
All images and media are also fully responsive.
Tables may also be inserted on pages. They bay be of any width. In the newsbox the, the overlapping content of a table is hidden, but the table is movable (scrollable left/right).
| Year | Members | Men | Women | Children |
| 2000 | 250 | 120 | 100 | 30 |
| 2001 | 360 | 140 | 140 | 80 |
| 2002 | 590 | 230 | 190 | 170 |
There is one requirement, however. If a table shall overlap the qidth of the column, it shall be put into its own DIV container. To do so, follow the steps:
Click into the table and use either a mouse or arrow keys to move the table.
All images in this template are zoomable. It is the feature of the hi-fancybox plugin.
Using this plugin requiers to link inserted image to its original and assign the link with zoom class. The class shall be (it is added in this stylesheet) added in the stylesheet. The class may be formated (border, padding, background, other effects) or it may be left empty.
Using the zoom_g class you may assign more images on the same site (in the newsbox) and show them as a controlled slideshow.
Using the zoom_i class you may show any external page or document in a stand-alone lightbox.
slideshow by Christoph M. Becker facilitates displaying a scrolling slideshow of images (optionally with links and with a description). It has no back-end functionality to manage the galleries. Instead the images have to be uploaded via FTP or the CMSimple_XH file manager. Additional information for the links and the description has to be entered manually in a special text file.
The template is widely adjustable. Feel free to make any extension or modification to match it to your needs. I would be thankfull for any comments and even more, if you send me your modified copy.
Also, I would be happy to konow, if you use this template and if you let me know the URL at info[at]cmsimple.sk.
To use the template, you need to add images in ./templates/newspaper/images. If using any plugins, read carefully attached help files of the plugins.
© 2024 by Tata"newspaper" version 1.2
A template for CMSimple_XH 1.7.x
Simple template for a "multinewsboxed" newspaper.
Donec id elit non mi porta gravida at eget metus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas faucibus mollis interdum. Nulla vitae elit libero, a pharetra augue. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Donec id elit non mi porta gravida at eget metus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Maecenas faucibus mollis interdum. Nulla vitae elit libero, a pharetra augue. Cras mattis consectetur purus sit amet fermentum.
Aenean lacinia bibendum nulla sed consectetur. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
