HTML Structure of Themes

The HTML structure is different on each theme. Here we have some examples:

The HTML Structure

Each HTML page is has a grid which is composed by:

  • main WRAPPER;
  • main CONTENT;

Elementor's Hello Theme

It can be extended.
Warning: natively it has not a "Wrapper", but you can add it with a theme-child. Read more...

  • Header (class: .site-header);
  • Content (class: .site-main);
  • Footer (class: .site-footer).

Ocean WP

Its structure is composed by a main-Wrapper called (# outer-wrap) and a sub-wrapper (#wrap) which combined define a perfect logic.

  • Wrapper (ID: #outer-wrap);
  • Header (ID: #site-header);
  • Content (ID: #main);
  • Footer (ID: #site-footer).

Astra Theme

  • Wrapper (class: .site);
  • Header (class. .site-header);
  • Content (class: .site-content);
  • Footer (class: .site-footer).

Page Builder Framework

  • Wrapper (ID: #container);
  • Header (ID: #header);
  • Content (ID: #content);
  • Footer (ID: #footer).

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us