We call the THEME (for) all elements related to the graphical layout of your site: pictures, fonts, colours... All files related to the theme are saved in a unique folder.
CSS (cascading style sheet) is used for all elements related to the style of your SITE. A font is a style, colour is a style, a font-size is a style... etc... A style is created using one (or more) file(-s) with .css as EXTENSION.
1.3. Bootstrap based theme
e107 is by default based on the Bootstrap framework, so Jquery library is loaded by default too. The term bootstrap based theme means that bootstrap is loaded into the theme on the frontend. The Admin area always uses the bootstrap3 theme. How to create a theme without jquery is not part of this tutorial. You can, of course, create a theme without bootstrap.
In e107, the header is the part of your page BEFORE the main content (it can be on the top or/and the left part of the page). By default, the header is the same for ALL pages on site. Now is header part of the layout HTML file. It starts with <body tag.
in e107 the footer is part AFTER main content. By default, the footer is the same for ALL pages on site. Now is footer part of the layout HTML file. No closing body tag is needed.
Menus or menu areas are places where the content of menus/blocks is displayed. Each layout has its own set of menu areas. In the code you can find it as . For homepage is the content of Frontpage page (it's can be different for userclasses), otherwise content of desired page is displayed.
Content should be rendered via tablerender() method and it has always 2 parts - caption and text. How those parts are displayed depends on used style in tablestyle() method.
- welcome message
The way how to add HTML markup to e107 shortcodes before the content is rendered.
new in 2.2.2
Html files to display different page layout for different page. What layout is used depends on theme settings.
Before the global array $LAYOUT was used.