As you are building custom websites, there is always a need to add/remove or edit the layout structure. For instance, you want to include another area above logo, where you want to display your ads. Even better, you want to split this area in two and have two banners in it. Or, even better, you want to split right area in three pieces, but leave left half intact. Now, that would be virtually impossible with most WordPress themes, currently available, but our new framework allows you to do just that.

Works with 7.0+ theme framework

Adding new custom grids (even tree structure):

1. Open custom/custom_functions.php
2. Define grid structure:

       bizz_register_grids(array(
           'id' => 'custom_area',
           'name' => 'Custom Area',
           'container' => 'container_12',
           'show' => 'true',
           'grids' => array(
               'custom_wide' => array(
                   'class' => 'grid_9',
                   'before_grid' => '',
                   'after_grid' => '',
                   'tree' => ''
               ),'custom_narrow' => array(
                   'class' => 'grid_3',
                   'before_grid' => '',
                   'after_grid' => '',
                   'tree' => ''
               )
           )
       ));
   

3. Add Sidebars to your grids:

       register_sidebars(1,array(
           'name' => 'Custom Wide',
           'class' => 'custom_wide',
           'before_widget' => '<div class="widget">',
           'after_widget' => '</div>',
           'before_title' => '<h3>',
           'after_title' => '</h3>',
           'grid' => 'custom_wide'
       ));
       register_sidebars(1,array(
           'name' => 'Custom Narrow',
           'class' => 'custom_narrow',
           'before_widget' => '<div class="widget">',
           'after_widget' => '</div>',
           'before_title' => '<h3>',
           'after_title' => '</h3>',
           'grid' => 'custom_narrow'
       ));
   

Removing existing grids:

1. Open custom/custom_functions.php
2. Remove grid structure:

       bizz_unregister_grids( 'area_id' ); // example: bizz_unregister_grids( 'header_area' );
   

Editing existing grids (custom CSS classes, grids and names):

1. Open custom/custom_functions.php
2. Remove grid structures you want to edit:

       bizz_unregister_grids( 'area_id' ); // example: bizz_unregister_grids( 'header_area' );
   

3. Add your own grid structure with the same ID’s but different grid structure

       bizz_register_grids(array(
           'id' => 'header_area',
           'name' => 'Header Area',
           'container' => 'container_16', // was grid_12
           'show' => 'true',
           'grids' => array(
               'header_wide' => array(
                   'class' => 'grid_8', // was grid_9
                   'before_grid' => '',
                   'after_grid' => '',
                   'tree' => ''
               ),
               'header_narrow' => array(
                   'class' => 'grid_8', // was grid_3
                   'before_grid' => '',
                   'after_grid' => '',
                   'tree' => ''
               )
           )
       ));
   

Add your comment