how to add widget area WordPress

Basilis Kanonidis answers:

Hi,

First you need to add into your functions.php


register_sidebar(array('name'=>'WidgetArea',
'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div>',
'before_title' => '<h2 class="widgettitle">',
'after_title' => '</h2>',
));


End then, up to the position you need to add the widget, put the following:

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('WidgetArea') ) : ?> <?php endif; ?>

Michael Caputo answers:

After the h1 in the hgroup tag, add this:


<div id="widgetBox"><?php dynamic_sidebar('Header Widget'); ?></div>


in your CSS add:


#widgetBox{float:right;}


in your functions.php add:


if ( function_exists('register_sidebar') ) {

register_sidebar(array(
'name' => 'Header Widget',
'before_widget' => '<div class="widget">',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>'
));
}


designchemical answers:

see following tutorial

http://www.designchemical.com/blog/index.php/wordpress-tips/wordpress-tutorial-adding-a-widget-area-to-your-theme-files/

Daniel answers:

Use this tutorial to give you the exact answer. [[LINK href="http://reflectingthedesigner.com/wordpress/2011/03/09/adding-a-widgetized-sidebar-to-your-header/"]]http://reflectingthedesigner.com/wordpress/2011/03/09/adding-a-widgetized-sidebar-to-your-header/[[/LINK]]

Arnav Joy answers:

Hello First of all you have to wrap <h1> and <h2> at <hgroup> under a div and then you can add widget

so here is the code for all

open header.php

find

<hgroup>
<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>
<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
</hgroup>

now change it as

<hgroup>
<div class="hgroup_left">
<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>
<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
</div>
<?php dynamic_sidebar('upper_right_widget'); ?>
</hgroup>

and then add the sidebar in functions.php

if ( function_exists('register_sidebar') ) {

register_sidebar(array(

'name' => 'Upper Right Widget',

'id' => 'upper_right_widget'

'before_widget' => '<div class="upper_right_widget">',

'after_widget' => '</div>',

'before_title' => '',

'after_title' => ''

));

}

then add following to style.css

.hgroup_left{float: left; width: 450px;}
.hgroup_left h1{width: 450px; float: left;}
.hgroup_left h2{width: 450px;}
.upper_right_widget{float: right; height: 75px; margin-top: 17px; width: 321px;}

---

---

---

---

---

---

---

---