Ruggero Barelli
asked 8 years ago

Hi,
when i purchased DW simplex I was sure that was possible to build a page like this:
http://www.portolano.it/le-aree-di-attivita/
with a photo, some text below, and a left sidebar. It seems quite simple. Unfortunately, I didn’t find out this option yet.
How to create it? Maybe working on a new template?
Thanks in advance.
 

2 Answers
DominicStaff
answered 8 years ago

Hi,
To create a new page with a left sidebar and free text as you want, you can do as the following:
1. Download the simplex.zip package in the following

2. Unzip the simplex.zip file, then copy/paste the page-left-sidebar.php file into the template folder (wp-content\themes\dw-simplex\templates)

3. Log in to Dashboard > Pages > Add new, then select the page-demo template in the Page Attributes section in the right hand side.
See the screenshot: http://prntscr.com/5jltso
4. Add the following code to the style.css file:

.page-template-page-demo .row-fluid #primary { float: right;}

Hope this helps !

Ruggero Barelli
replied 8 years ago

It helps a lot! Thank you, but unfortunately I have a problem with the text reflow, see here: http://prntscr.com/5k33ig. It goes over the page edge… How to correct it? Thanks!

Dominic Staff
replied 8 years ago

I have checked on our site, it’s still work fine, you can send me your site for further checking.

Ruggero Barelli
replied 8 years ago

Hi Dominic, i solved the issue adding to page code… It seems that span9 is set already in page-demo.php you gave me, but I repeated it in the page hmtl editor and has worked fine… 🙂
Anyway, I'm sorry but I have another question related: is possibile to have another sidebar (not the same the blog's one)? Thanks! 🙂

DominicStaff
answered 8 years ago

To resolve this issue, you can open the functions.php in the folder path “wp-content\themes\dw-simplex”. Add the following code to the line 152.

register_sidebar( array(
‘name’ => __( ‘Demo Sidebar’, ‘dw-simplex’ ),
‘id’ => ‘blogpage’,
‘before_widget’ => ‘<aside id=”%1$s” class=”widget %2$s”>’,
‘after_widget’ => “</aside>”,
‘before_title’ => ‘<h3 class=”widget-title”>’,
‘after_title’ => ‘</h3>’,
) );

See the screenshot: http://prntscr.com/5mwv1n
 – Then add the following code to the page-left-sidebar.php file in the templates folder :
line 29.
Replace the following code:

 <?php get_sidebar(); ?>

With new code: 


<div id="secondary page-demo" class="widget-area span3" role="complementary">
<?php if ( ! dynamic_sidebar( 'blogpage' ) ) : ?>
<?php endif; // end sidebar widget area ?>
</div><!– #secondary .widget-area –>

Hope this helps !

Powered by DW Question & Answer Pro