[banner header]
-
Hello everyone! ??
It’s my begining with wordpress. I have started blogging with use humean theme. I have a question. Could U explain me how put a bigg banner like here:
https://kazaksbugra.ru/
-
Hi,
Create a child theme first, as you might want to change more stuff later.
Upload your banner to your wp media library.
Then put this in your child theme css:#header { background-image: url("https://yourwebsite.com/wp-content/uploads/2015/02/yourheader.jpg"); }You might want to tweak some more stuff and add smaller banner images to have the responsive thing work more smoothly for your header, but this is a start I think.
Thx U very much! It worsk! ??
cool ??
Everything is much easier! I just do support the specific site. ?? This can be done directly in the theme settings:
Theme Options – Header – Header Image + add your image@makway
True, that is also an option. For me however it resulted in a small logo on the left top of the header, so I figured I needed to style it anyway in css, as I wanted a full size header background.
I guess both would work.I know why you have not got. You must add the image is not there (“Custom Logo”).
And it is in need “Header Image”
Then the image is on the entire area.When here :
Theme Options – HeaderI only see 3 options :
Header Ads ( on/off )
Custom Logo ( upload file )
Site Description ( on/off )Hi guys! If You are still here, I have another question for this thopic. Do U know how make it banner to transfer me to homepage after click it?
Try something like this:
<header id="header"> <a href=“https://www.yourwebsite.com”><img src="https://www.yourwebsite.com/wp-content/uploads/2015/02/header.jpg" style="display:block;margin-left:auto; margin-right:auto;width:1380px;" alt="header"></a>Apply this in child theme, file header.php
Look for the header class in the code, and change it to above. CSS details might be different for you.
Hi again!
THX! Everything it’s ok, beyond transfer adress. In a href I put my blog’s address, but then it transfer move me to
http:/pageadress.pl/“http:/“http:/“http:/“http:/“www.pageadress.pl”What is the problem?
Can you show me your code ?
<!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″>
<link rel=”profile” href=”https://gmpg.org/xfn/11″>
<link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>”><?php wp_head(); ?>
</head><body <?php body_class(); ?>>
<div id=”wrapper”>
<div id=”header”>
<div id=”headerimg”>
<h1>”><?php bloginfo(‘name’); ?></h1>
</div></div><header id=”header”>
<img src=”https://iuseconomic.pl/wp-content/uploads/2015/02/11009441_710754425710425_392152086_o.jpg” style=”display:block;margin-left:auto; margin-right:auto;width:1380px;” alt=”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’) != ‘off’ ): ?><p class=”site-description”><?php bloginfo( ‘description’ ); ?></p><?php endif; ?>
<?php if ( ot_get_option(‘header-ads’) == ‘on’ ): ?>
<div id=”header-ads”>
<?php dynamic_sidebar( ‘header-ads’ ); ?>
</div><!–/#header-ads–>
<?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”>
`Can you paste the code again, and now use the CODE option on this forum. Use it before the code you past, and after the code. It is a button above the input field
<!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″>
<link rel=”profile” href=”https://gmpg.org/xfn/11″>
<link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>”><?php wp_head(); ?>
</head><body <?php body_class(); ?>>
<div id=”wrapper”>
<div id=”header”>
<div id=”headerimg”>
<h1>”><?php bloginfo(‘name’); ?></h1>
</div></div><header id=”header”>
<img src=”https://iuseconomic.pl/wp-content/uploads/2015/02/11009441_710754425710425_392152086_o.jpg” style=”display:block;margin-left:auto; margin-right:auto;width:1380px;” alt=”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’) != ‘off’ ): ?><p class=”site-description”><?php bloginfo( ‘description’ ); ?></p><?php endif; ?>
<?php if ( ot_get_option(‘header-ads’) == ‘on’ ): ?>
<div id=”header-ads”>
<?php dynamic_sidebar( ‘header-ads’ ); ?>
</div><!–/#header-ads–>
<?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”><!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"> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>"> <?php wp_head(); ?> </head> <body <?php body_class(); ?>> <div id="wrapper"> <div id="header"> <div id="headerimg"> <h1>"><?php bloginfo('name'); ?></h1> </div></div> <header id="header"> <a href=“https://www.iuseconomic.pl”><img src="https://iuseconomic.pl/wp-content/uploads/2015/02/11009441_710754425710425_392152086_o.jpg" style="display:block;margin-left:auto; margin-right:auto;width:1380px;" alt="header"></a> <?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') != 'off' ): ?><p class="site-description"><?php bloginfo( 'description' ); ?></p><?php endif; ?> <?php if ( ot_get_option('header-ads') == 'on' ): ?> <div id="header-ads"> <?php dynamic_sidebar( 'header-ads' ); ?> </div><!--/#header-ads--> <?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">
- The topic ‘[banner header]’ is closed to new replies.
