WordPress.org

1. WordPress Jedi
   Member
   Posted 11 months ago #

   Hi Guys

   I really need your help and assistance with this. I have read forums after forums but no luck at all with this. Everything i try to implement doesnt work.

   I need to put a 6 widget area below the header and above the content of the blog theme.

   They basically need to display horizontally as images and a bit of text will be placed in each of them.

   Please your help would be greatly appreciated.

   I am using DIY Theme 1.0 by Randa Clay.

2. alchymyth
   The Sweeper
   Posted 11 months ago #

   related:
   http://wordpress.org/support/topic/create-3-horizontal-boxes-between-menu-and-container?replies=15

   this is for twenty ten, but you might be able to extract the essential ideas.

3. WordPress Jedi
   Member
   Posted 11 months ago #

   Hiya, thats great. Thank you, will have a look now.

4. WordPress Jedi
   Member
   Posted 11 months ago #

   No luck, i tried to implement this and just caused more problems :-( I followed it step by step but no luck. Any further suggestions?

5. WordPress Jedi
   Member
   Posted 11 months ago #

   Wow, i finally did it. This was very tricky and mixed alot of content i had written to enable this function without disrupting my themes layout.

   STEP 1:

   I first duplicated by sidebars and made and extra six winch would now be the sidebars"widget areas" below my header.

   t_sidebar.php to t6_sidebar.php. Each had the following text and of course corresponding to the sidebar name:
   <!-- begin t5_sidebar -->

   <div id="t5_sidebar">

   <ul id="t5_sidebarwidgeted">
   <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(4) ) : else : ?>

   <h5>Recently Written</h5>

   <?php get_archives('postbypost', 10); ?>

   <h5>Categories</h5>

   <?php wp_list_cats('sort_column=name'); ?>

   <h5>Archives</h5>

   <?php wp_get_archives('type=monthly'); ?>

   <?php endif; ?>

   </div>

   <!-- end t5_sidebar -->

   STEP 2:
   Insrted the following code where i wanted it to display in the header.

   </div>
   <div id="third">
   <?php include(TEMPLATEPATH."/t_sidebar.php");?>
   </div>

   <div id="fourth">
   <?php include(TEMPLATEPATH."/t1_sidebar.php");?>
   </div>

   <div id="fifth">
   <?php include(TEMPLATEPATH."/t2_sidebar.php");?>
   </div>

   <div id="sixth">
   <?php include(TEMPLATEPATH."/t3_sidebar.php");?>
   </div>

   <div id="seventh">
   <?php include(TEMPLATEPATH."/t4_sidebar.php");?>
   </div>

   <div id="eighth">
   <?php include(TEMPLATEPATH."/t5_sidebar.php");?>
   </div>

   Step 3:

   Did the styling as below:

   #header-sidebar {

   border: 1px solid #cccccc;
   display:block;
   height: 260px;
   }

   #t1_sidebar {

   float: left;
   width: 250px;
   margin-right:20px;
   display:inline;
   text-align:left;
   }

   #t2_sidebar {

   float: left;
   width: 250px;
   margin-right:20px;
   display:inline;
   text-align:left;
   }

   #t3_sidebar {

   float: left;
   width: 250px;
   margin-right:20px;
   display:inline;
   text-align:left;
   }

   #t4_sidebar {
   float: left;
   width: 250px;
   margin-right:20px;
   display:inline;
   text-align:left;
   }

   #t5_sidebar {
   float: left;
   width: 250px;
   margin-right:20px;
   display:inline;
   text-align:left;
   }
   #t6_sidebar {
   float: left;
   width: 250px;
   margin-right:20px;
   display:inline;
   text-align:left;
   }

   And there, it was done. :-) Have a read here to http://www.sueblimely.com/add-widget-ready-sidebars-to-wordpress-footers/

6. WordPress Jedi
   Member
   Posted 11 months ago #

   By the way: 2 Notes...

   CSS:

   Only need this as only picks this up for all those new widgets.

   #header-sidebar {

   border: 1px solid #cccccc;
   display:block;
   height: 260px;
   }

   #t_sidebar {

   float: left;
   width: 140px;
   margin-right:10px;
   display:inline;
   text-align:left;
   }

   In step 1:
   <?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(4) ) : else : ?>

   The number in brackets needs to be unique and correspond to the individual widget or wont work. BAsically will make all of them pull the same data.

Reply

You must log in to post.