WordPress.org

Ready to get started?Download WordPress

Forums

Hueman
[resolved] how do i add widget area right of the logo in header? (18 posts)

  1. emmykk
    Member
    Posted 6 months ago #

    hello friends,this is a premium theme for $0,i love it

    but how do i create a widget area in the header.i want to add adsense in that area.

    thanks friends

  2. Ildib
    Member
    Posted 5 months ago #

    Same question here, i want to add a flag widget in the header. But i dont know how?

  3. Ildib
    Member
    Posted 5 months ago #

    Or how to ad a widget in the navigation area is fine by me as well..

  4. Alam Khan
    Member
    Posted 5 months ago #

    i think widget is not possible for that area...

    either a plugin or function to display post with short-code may be possible.

    i am working on something like this, but yes not finished. Also i am pushing hard to make it responsive.

    In Hueman theme, after the logo in the header part there are lot of space, which can be used for many things, but before adding anything we should keep in mind that, the look of the theme should not go messy.

    As @alex had worked very hard on it, to keep it neat n clean, anyone adding any stuff should also keep in mind.

    When i finish and come out with some stuff i will post it on this board.

  5. Ildib
    Member
    Posted 5 months ago #

    Ow im very happy with hueman, and there is not a lot i want to change. But unfortunally i need a place where i can show a flags widget, and i dont want to put it in every page seperately, thats all.

  6. Alexander Agnarson
    Member
    Theme Author

    Posted 5 months ago #

    If you go to Theme Options > Sidebar, go and add a new area. Let's say you name the ID "header-ads".

    When you've saved and created the area, go to edit header.php with a child theme and add:

    <?php dynamic_sidebar('header-ads'); ?>

    Where you want the area to be located.

  7. Ildib
    Member
    Posted 5 months ago #

    Great!!!

  8. starta-blogg
    Member
    Posted 5 months ago #

    What a great theme - I love it!

    Was thinking of adding a ad unit to my header. Google -> this page -> the solution -> now working at http://www.starta-blogg.se

    Took me 5 minutes! Thank you Alexander!

  9. emmykk
    Member
    Posted 5 months ago #

    @starta-blogg,good to know that you have done it.i have been praying for the day this problem will be answer.thanks alex God bless You

  10. emmasonic23
    Member
    Posted 5 months ago #

    hello friends and Alex.

    i have done this "If you go to Theme Options > Sidebar, go and add a new area. Let's say you name the ID "header-ads"" and i have create and save the are also.

    now with my adsense codes ready,between which lines of codes in header.php should i add my codes to have a look like http://www.starta-blogg.se above...thanks in advance.

  11. Andrew
    Forum Moderator
    Posted 5 months ago #

    @emmasonic23, please create your own thread http://wordpress.org/support/theme/hueman#postform

  12. emmykk
    Member
    Posted 5 months ago #

    @alex thanks for the solution.

    where in particular withen the header.php should i add the code you gave now to create the widget area in header.php to achieve results like the website about.i have created and save the header ad id.

    ie pls were or between which codes will i place the code you gave here in header.php pls am a learner

    my site

  13. emmykk
    Member
    Posted 5 months ago #

    i have codes below in header.php,where should i add the <?php dynamic_sidebar('header-ads'); ?> among these codes,if i have save the created area like so "If you go to Theme Options > Sidebar, go and add a new area. Let's say you name the ID "header-ads"" and i have create and save the area"`<p><!DOCTYPE html>
    <html class="no-js" <?php language_attributes(); ?>>

    <head>
    <meta charset="<?php bloginfo('charset'); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title><?php wp_title(''); ?></title>

    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">

    <?php wp_head(); ?>
    </head>

    <body <?php body_class(); ?>>

    <div id="wrapper">

    <header id="header">

    <?php if (has_nav_menu('topbar')): ?>
    <nav class="nav-container group" id="nav-topbar">
    <div class="nav-toggle"><i class="fa fa-bars"></i></div>
    <div class="nav-text"><!-- put your mobile menu text here --></div>
    <div class="nav-wrap container"><?php wp_nav_menu(array('theme_location'=>'topbar','menu_class'=>'nav container-inner group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?></div>

    <div class="container">
    <div class="container-inner">
    <div class="toggle-search"><i class="fa fa-search"></i></div>
    <div class="search-expand">
    <div class="search-expand-inner">
    <?php get_search_form(); ?>
    </div>
    </div>
    </div><!--/.container-inner-->
    </div><!--/.container-->

    </nav><!--/#nav-topbar-->
    <?php endif; ?>

    <div class="container group">
    <div class="container-inner">

    <div class="group pad">
    <?php echo alx_site_title(); ?>
    <?php if ( !ot_get_option('site-description') ): ?><p class="site-description"><?php bloginfo( 'description' ); ?></p><?php endif; ?>
    </div>

    <?php if (has_nav_menu('header')): ?>
    <nav class="nav-container group" id="nav-header">
    <div class="nav-toggle"><i class="fa fa-bars"></i></div>
    <div class="nav-text"><!-- put your mobile menu text here --></div>
    <div class="nav-wrap container"><?php wp_nav_menu(array('theme_location'=>'header','menu_class'=>'nav container-inner group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?></div>
    </nav><!--/#nav-header-->
    <?php endif; ?>

    </div><!--/.container-inner-->
    </div><!--/.container-->

    </header><!--/#header-->

    <div class="container" id="page">
    <div class="container-inner">
    <div class="main">
    <div class="main-inner group"></p>`

  14. starta-blogg
    Member
    Posted 5 months ago #

    Hi,

    You should create a child theme. However I just put the code directly in header.php. Bar in mind that the modification might be erased next time you update the theme.

    I put the code like this :

    <div class="group pad">
    <?php echo alx_site_title(); ?>
    <?php if ( !ot_get_option('site-description') ): ?><p class="site-description"><?php bloginfo( 'description' ); ?></p><?php endif; ?>
    <?php dynamic_sidebar('header-ads'); ?>
    </div>

    Then i used some & nbsp; before the ad code to adjust the position of the ad. Not the best solution, but works and the ad have already perfomed very well!! :)

    Look at my sample: http://www.starta-blogg.se

  15. emmykk
    Member
    Posted 5 months ago #

    thanks very good.thanks again for sharing

  16. gowthami
    Member
    Posted 3 months ago #

    hi,
    currently iam using focus theme. i want to post my ads after the logo. so can any one help me for getting widget area in header part

  17. gowthami
    Member
    Posted 3 months ago #

  18. Nikolaus1005
    Member
    Posted 2 weeks ago #

    Hi,

    I've created a new sidebar named sidebar-flags in order to place the Qtranslate flags in the top menu, next to "Search", in the left. I can not manage placing the code line <?php dynamic_sidebar('sidebar-flags'); ?> in header.php, in the right place. Please help. Thank you very much.

    <!DOCTYPE html>
    <html class="no-js" <?php language_attributes(); ?>>

    <head>
    <meta charset="<?php bloginfo('charset'); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title><?php wp_title(''); ?></title>

    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">

    <?php wp_head(); ?>
    </head>

    <body <?php body_class(); ?>>

    <div id="wrapper">

    <header id="header">

    <?php if ( has_nav_menu('topbar') ): ?>
    <nav class="nav-container group" id="nav-topbar">
    <div class="nav-toggle"><i class="fa fa-bars"></i></div>
    <div class="nav-text"><!-- put your mobile menu text here --></div>
    <div class="nav-wrap container"><?php wp_nav_menu(array('theme_location'=>'topbar','menu_class'=>'nav container-inner group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?></div>
    <div class="container">
    <div class="container-inner">
    <div class="toggle-search"><i class="fa fa-search"></i></div>
    <div class="search-expand">
    <div class="search-expand-inner">
    <?php get_search_form(); ?>
    </div>
    </div>
    </div><!--/.container-inner-->
    </div><!--/.container-->

    </nav><!--/#nav-topbar-->
    <?php endif; ?>

    <div class="container group">
    <div class="container-inner">

    <?php if ( ot_get_option('header-image') == '' ): ?>
    <div class="group pad">
    <?php echo alx_site_title(); ?>
    <?php if ( ot_get_option('site-description') != 'off' ): ?><p class="site-description">
    <?php bloginfo( 'description' ); ?></p><?php endif; ?>
    </div>
    <?php endif; ?>
    <?php if ( ot_get_option('header-image') ): ?>
    " rel="home">
    <img class="site-image" src="<?php echo ot_get_option('header-image'); ?>" alt="<?php get_bloginfo('name'); ?>">

    <?php endif; ?>

    <?php if ( has_nav_menu('header') ): ?>
    <?php alx_social_links() ; ?>
    <nav class="nav-container group" id="nav-header">
    <div class="nav-toggle"><i class="fa fa-bars"></i></div>
    <div class="nav-text"><!-- put your mobile menu text here --></div>
    <div class="nav-wrap container"><?php wp_nav_menu(array('theme_location'=>'header','menu_class'=>'nav container-inner group','container'=>'','menu_id' => '','fallback_cb'=> false)); ?></div>
    </nav><!--/#nav-header-->
    <?php endif; ?>

    </div><!--/.container-inner-->
    </div><!--/.container-->

    </header><!--/#header-->

    <div class="container" id="page">
    <div class="container-inner">
    <div class="main">
    <div class="main-inner group">

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.