e107sk.com

Oriel Theme - part 03 Homepage layout

oriel_large_preview.jpg
How to create new e107 theme from HTML template in e107 2.3. The video tutorial about porting Oriel Theme. For now, it is postponed because of the latest changes in theme development.

Homepage layout  

Just move HTML markup to correct places.

For relative paths to images, use {THEME} shortcode.

Homepage layout  

  1. Copy all HTML code to see if it is working, then remove it
  2. Replace header part (in the separate file or directly in theme.html)
  3. Replace footer part 
  4. Split code between theme.html and main_layout.html

HEADER and FOOTER

For now, we use only the original HTML code; we will replace it by generated code later.

MAIN LAYOUT

How to separate code depends on page structure.

Because the Slider is only on the homepage, we moved Slider code to the home layout.  And so sidebar has to be part of the home layout, not theme layout.

For now:

Page Content HTML code replaced by {---} shortcode.

Sidebar HTML code replaced by {MENUAREA} shortcode.



2 Comments

Other links

Follow us