Solved

How to make pages wider to accomodate sidebars on 2011 child theme?

Posted on 2014-02-19
5
194 Views
Last Modified: 2014-03-19
the site was created by a third party without sidebars.  I now want to add them and can do so with the Twenty Eleven Theme Extension plugin.  However the width of the page is not sufficient to place the sidebars.  Any widget I add to the sidebar is placed over the page text.  I think I need to make the page either wider or multi column.  this is the code in the home-page.php

<?php
/**
 * Template Name: Home Page
 *
 */

wp_enqueue_script('jquery');

get_header(); ?>

<script type="text/javascript">

jQuery('body').removeClass('singular');

</script>

		<div id="primary">
			<div id="content" class="myhome" role="main">

				<div id="slider"><?php if (function_exists("easing_slider")){ easing_slider(); }; ?></div>
                <div id="home-content">
                	<h1 class="entry-title"></h1>
                    <?php the_post(); the_content(); ?>
                </div>
                <div id="bottom-box">
                	<div id="box-1">                    	
                        <?php dynamic_sidebar( 'box-1' ); ?>
                    </div>
                    <div id="box-2">
                    	<?php dynamic_sidebar( 'box-2' ); ?>
                    </div>
                    <div id="box-3">
                    	<?php dynamic_sidebar( 'box-3' ); ?>
                    </div>
                </div>

			</div><!-- #content -->
		</div><!-- #primary -->

<?php get_footer(); ?>

Open in new window

0
Comment
Question by:leachj
  • 4
5 Comments
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 39870954
Just copy page.php from the parent TwentyEleven directory to the child directory.  That will add a page template to the child and the sidebars should be accessible.
0
 

Author Comment

by:leachj
ID: 39871069
One already exists.  

<?php
/**
 * The template for displaying all pages.
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages
 * and that other 'pages' on your WordPress site will use a
 * different template.
 *
 * @package WordPress
 * @subpackage Twenty_Eleven
 * @since Twenty Eleven 1.0
 */

wp_enqueue_script('jquery');

get_header(); ?>

<script type="text/javascript">

jQuery('body').removeClass('singular');

</script>

            <div id="primary">
       
              <div id="page-banner"><img src="<?php bloginfo( 'stylesheet_directory' ); ?>/images/page-banner.jpg"></div>
           
            <div id="wrapper">
       
                <div id="content" class="mypage" role="main">
   
                    <?php while ( have_posts() ) : the_post(); ?>
   
                        <?php get_template_part( 'content', 'page' ); ?>
   
                        <?php //comments_template( '', true ); ?>
   
                    <?php endwhile; // end of the loop. ?>
   
                </div><!-- #content -->
               
                <?php get_sidebar(); ?>
               
            </div><!-- #wrapper -->
               
            </div><!-- #primary -->
     
<?php get_sidebar(); ?>
<?php get_footer(); ?>
0
 

Author Comment

by:leachj
ID: 39871072
Also there is a no-sidebar-page.php

<?php
/**
 * Template Name: No Sidebar Page
 *
 */

wp_enqueue_script('jquery');

get_header(); ?>

<script type="text/javascript">

jQuery('body').removeClass('singular');

</script>

            <div id="primary">
       
              <div id="page-banner"><img src="<?php bloginfo( 'stylesheet_directory' ); ?>/images/page-banner.jpg"></div>
       
                  <div id="wrapper">
       
                <div id="content" class="myhome" role="main">
   
                    <?php while ( have_posts() ) : the_post(); ?>
   
                        <?php get_template_part( 'content', 'page' ); ?>
   
                        <?php //comments_template( '', true ); ?>
   
                    <?php endwhile; // end of the loop. ?>
   
                </div><!-- #content -->
               
            </div><!-- #wrapper -->
            </div><!-- #primary -->

<?php get_footer(); ?>
0
 

Accepted Solution

by:
leachj earned 0 total points
ID: 39929259
please close this question
0
 

Author Closing Comment

by:leachj
ID: 39939090
There has been no resolution.  I will try to open a new thread.
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

WordPress has made it easy to create scalable sites based on their powerful CMS, but as great as WordPress is, there are some SEO issues that haven’t been addressed out of the box.  Fortunately these problems can be solved with a few plugins.  The f…
So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
The purpose of this video is to demonstrate how to make a WordPress Site faster and smaller in size by cleaning up the database. This will be demonstrated using a Windows 8 PC. Plugin WP Optimize will be used. Go to your WordPress login page. T…
The purpose of this video is to demonstrate how to exclude a particular blog category from the main blog page. This is can be used when a category already has its own tab, or you simply want certain types of posts not to show up on the main blog. …

828 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question