Default Layout

Robert Windisch edited this page Jul 25, 2015 · 1 revision

Deutsch / German

Clone this wiki locally

Immediately after the installation of Xtreme, the standard layout is the only layout and is used for all templates in your theme. Choose your settings as you would like to have them in most views. You can create new layouts for one or several templates with the layout manager (Xtreme Layouts). You can create your own sidebars, which will be shown in the selection list at File Sidebar 1 and File Sidebar 2. To do that, you create the according file in your child theme in the includes/sidebars/ directory (if the directory doesn't exist in your child theme, yet, create it). Use the existing files sidebar-one.php and sidebar-two.php for orientation.

Layout

There are 6 layouts available:

1 Column

  • Text alignment content area: left, centered, right
<div class="ym-col1">
    <!-- Content area -->
</div>

2 Columns– right sidebar

  • Width sidebar 1: Value in %,em or px
  • File sidebar 1: Selection list of available sidebars
  • Text alignment sidebar 1: left, centered, right
  • Text alignment content area: left, centered, right
<div class="ym-col3">
    <!-- Content area -->
</div>
<div class="ym-col1">
    <!-- right sidebar -->
</div>

2 Columns– left sidebar

  • Width sidebar 1: Value in %,em or px
  • File sidebar 1: Selection list of available sidebars
  • Text alignment sidebar 1: left, centered, right
  • Text alignment content area: left, centered, right
<div class="ym-col1">
   <!-- left sidebar -->
</div>
<div class="ym-col3">
   <!-- Content area -->
</div>

3 Columns– right and left sidebar

  • Width sidebar 1: Value in %,em or px
  • File sidebar 1: Selection list of available sidebars
  • Text alignment sidebar 1: left, centered, right
  • Width sidebar 2: Value in %,em or px
  • File sidebar 2: Selection list of available sidebars
  • Text alignment sidebar 2: left, centered, right
  • Text alignment content area: left, centered, right
<div class="ym-col2">
    <!-- left sidebar -->
 </div>
 <div class="ym-col3">
    <!-- Content area -->
 </div>  
<div class="ym-col1">
    <!-- right sidebar -->
</div>

3 Columns – 2 right sidebars

  • Width sidebar 1: Value in %,em or px
  • File sidebar 1: Selection list of available sidebars
  • Text alignment sidebar 1: left, centered, right
  • Width sidebar 2: Value in %,em or px
  • File sidebar 2: Selection list of available sidebars
  • Text alignment sidebar 2: left, centered, right
  • Text alignment content area: left, centered, right
<div class="ym-col3">
    <!-- Content area -->
</div>  
<div class="ym-col2">
    <!-- Sidebar 1 -->
</div>
<div class="ym-col1">
    <!-- Sidebar 2 -->
</div>

Important: The units of the sidebars have to be identical for this layout!

3 Columns – 2 left sidebars

  • Width sidebar 1: Value in %,em or px
  • File sidebar 1: Selection list of available sidebars
  • Text alignment sidebar 1: left, centered, right
  • Width sidebar 2: Value in %,em or px
  • File sidebar 2: Selection list of available sidebars
  • Text alignment sidebar 2: left, centered, right
  • Text alignment content area: left, centered, right
<div class="ym-col1">
    <!-- Sidebar 1 -->
</div>
<div class="ym-col2">
    <!-- Sidebar 2 -->
</div>
<div class="ym-col3">
    <!-- Content area -->
</div>

Important: The units of the sidebars have to be identical for this layout!

Activation and Deactivation of Header, Teaser, Footer and Site Info

Activate or deactivate the containers you would like to use. The settings of the containers can be found in the according metaboxes. You can also choose make separate settings for every newly created layout with Xtreme Layouts.

Title Tag in the Widget Areas of the Sidebars

You can set the title element of the widget areas in the sidebars with the selection box. You can choose between h3-h6 The list of tags can be expanded with more tags using a filter. You can find the filter xtreme_widget_allowed_tags_post_headline and an example in our documentation.

HTML5 Tag of Sidebars

When you have HTML5 output activated in General Settings, the chosen element from the selection box will be used for the sidebars. You can choose between aside, footer, header, nav and section. The default value is aside.