[Plugin: WOW Slider] Help adding wowslider to header

Resolved HGeorge
(@hgeorge)

11 years, 9 months ago

Hope someone could help me.

I want to replace the twenty eleven default header with wowslider header – where do i put the generated code?

http://wordpress.org/extend/plugins/wow-slider-wordpress-image-slider-plugin/

Viewing 13 replies - 1 through 13 (of 13 total)

PedroArtur
(@pedroartur)

11 years, 9 months ago

I am struggling with this issue as well. Do you / anyone already solved this?

Thread Starter HGeorge
(@hgeorge)

11 years, 8 months ago

Could not resolve. I used another one of the many sliders available.

Thread Starter HGeorge
(@hgeorge)

11 years, 8 months ago

I still would like to place the slider in the header area. Did you find out how this could me done. Does anybody else know how to solve this issue.

Fambrough
(@fambrough)

11 years, 8 months ago

Hi, check out this video, it will show you how to do that.

Plugin Contributor wowslider
(@wowslider)

11 years, 7 months ago

To insert WOWSlider into header you should use WOWSlider PHP code.

Go to
WOW Slider -> All Sliders

and click on “Excerpt view” button at the top right corner. Additional line “for templates” with php code will appear under line with shortcode.

You should add this php code into your header (Appearance->Editor->Header), for example:

<?php wowslider(1); ?>

ninaignaczak@gmail.com
(@ninaignaczakgmailcom)

11 years, 7 months ago

Wowslider, can you advise me as to how/where exactly to insert this code in the header.php file? (No, I’m not a top coder)

Plugin Contributor wowslider
(@wowslider)

11 years, 7 months ago

You should add WOWSleder php code in the place where you want a slideshow to appear.
Tony Pratt
(@tony-pratt)

11 years, 6 months ago
Not sure if its still an issue but at least for WP theme 2011 I copied the WOW PHP code and pasted it into the header.php using the (Appearance->Editor->Header) select header.php from listing on the right while in Editor. I pasted the code replacing the following code,
```
<?php
// Check to see if the header image has been removed
$header_image = get_header_image();
	f ( $header_image ) :
// Compatibility with versions of WordPress prior to 3.4.
	if ( function_exists( 'get_custom_header' ) ) {
// We need to figure out what the minimum width should be for our featured image.
// This result would be the suggested width if the theme were to implement flexible widths.
$header_image_width = get_theme_support( 'custom-header', 'width' );
	} else {
$header_image_width = HEADER_IMAGE_WIDTH;
					}
					?>
			<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
				<?php
					// The header image
					// Check if this is a post or page, if it has a thumbnail, and if it's a big one
					if ( is_singular() && has_post_thumbnail( $post->ID ) &&
							( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), array( $header_image_width, $header_image_width ) ) ) &&
							$image[1] >= $header_image_width ) :
						// Houston, we have a new header image!
						echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' );
					else :
						// Compatibility with versions of WordPress prior to 3.4.
						if ( function_exists( 'get_custom_header' ) ) {
							$header_image_width  = get_custom_header()->width;
							$header_image_height = get_custom_header()->height;
						} else {
							$header_image_width  = HEADER_IMAGE_WIDTH;
							$header_image_height = HEADER_IMAGE_HEIGHT;
						}
						?>
					<img src="<?php header_image(); ?>" width="<?php echo $header_image_width; ?>" height="<?php echo $header_image_height; ?>" alt="" />
				<?php endif; // end check for featured image or standard header ?>
			</a>
			<?php endif; // end check for removed header image ?>
```
It appears to be functioning correctly at least on my end. If I am incorrect please, anyone, let me know.
Plugin Contributor wowslider
(@wowslider)

11 years, 6 months ago

You did everything right.

LeadershipProject
(@leadershipproject)

11 years, 4 months ago

Hey there. So I did exactly what Tony Pratt did (thanks for the tip!) and it worked perfectly until I updated the twentyeleven theme. I then tried to make the same substitution but every time I do, none of my posts or the slider show up. It is just the background to my blog and title. What am I doing wrong? I am not an expert coder so I have no clue why it isn’t working anymore. Thanks for your help in advance!

cmarte
(@cmarte)

11 years, 2 months ago

hello please help. this is my header i am new to wordpress and html etc. i am trying to add a wow slider in the main pager and other but i am having issues. where do i add my wowslide here? [wowslider id=”1″]

<?php

/* Small Business Theme’s Header
Copyright: 2012-2013, D5 Creation, http://www.d5creation.com
Based on the Simplest D5 Framework for WordPress
Since Small Business 1.0
*/

?>

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset=”<?php bloginfo( ‘charset’ ); ?>” />
<meta name=”viewport” content=”width=device-width” />
<title><?php wp_title() ?></title>
<link rel=”profile” href=”http://gmpg.org/xfn/11″ />
<?php wp_enqueue_style(‘smallbusiness-style’, get_stylesheet_uri(), false, ‘1.6’);?>
<link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>” />

<?php

wp_head(); ?>

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

<div id=”container”>
<div id=”top-menu-container”>

<nav id=”smallbusiness-top-menu”><?php if ( has_nav_menu( ‘top-menu’ ) ) { wp_nav_menu( array( ‘theme_location’ => ‘top-menu’ )); } ?></nav>
<?php get_search_form(); ?>
</div>
<div id =”header”>
<div id =”header-content”>

<!– Site Titele and Description Goes Here –>
“><img class=”site-logo” src=”<?php header_image(); ?>”/>

<h2 class=”site-title-hidden”><?php bloginfo( ‘description’ ); ?></h2

><!– Site Main Menu Goes Here –>
<nav id=”smallbusiness-main-menu”>
<?php if ( has_nav_menu( ‘main-menu’ ) ) : wp_nav_menu( array( ‘theme_location’ => ‘main-menu’ )); else: wp_page_menu(); endif; ?>
</nav>

</div><!– header-content –>

</div><!– header –>

Angel Meena
(@angel-meena)

11 years, 1 month ago

Have same prob would any body help please I am really in need to know how to add the Wow slider instated of D5slider cz it has prob this is the Header file

<?php

/* Small Business Theme’s Header
Copyright: 2012-2013, D5 Creation, http://www.d5creation.com
Based on the Simplest D5 Framework for WordPress
Since Small Business 1.0
*/

?>

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset=”<?php bloginfo( ‘charset’ ); ?>” />
<meta name=”viewport” content=”width=device-width” />
<title><?php wp_title() ?></title>
<link rel=”profile” href=”http://gmpg.org/xfn/11″ />
<?php wp_enqueue_style(‘smallbusiness-style’, get_stylesheet_uri(), false, ‘1.6’);?>
<link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>” />

<?php

wp_head(); ?>

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

<div id=”container”>
<div id=”top-menu-container”>

<nav id=”smallbusiness-top-menu”><?php if ( has_nav_menu( ‘top-menu’ ) ) { wp_nav_menu( array( ‘theme_location’ => ‘top-menu’ )); } ?></nav>
<?php get_search_form(); ?>
</div>
<div id =”header”>
<div id =”header-content”>

<!– Site Titele and Description Goes Here –>
“><img class=”site-logo” src=”<?php header_image(); ?>”/>

<h2 class=”site-title-hidden”><?php bloginfo( ‘description’ ); ?></h2

><!– Site Main Menu Goes Here –>
<nav id=”smallbusiness-main-menu”>
<?php if ( has_nav_menu( ‘main-menu’ ) ) : wp_nav_menu( array( ‘theme_location’ => ‘main-menu’ )); else: wp_page_menu(); endif; ?>
</nav>

</div><!– header-content –>
</div><!– header –>

Jeronimo Aleixo
(@aurex71)

10 years, 11 months ago

Hi. Im new on wrospress. I wanna introduce wow slider on the header on my themes. But i dont have any idea how to do it, I use a Preference Lite themes. That how my header CSS looks like:

<?php
// Exit if accessed directly
if ( !defined(‘ABSPATH’)) exit;

/**
* Main Header template
*
* @file header.php
* @package Preference Lite
* @author Andre Jutras
* @copyright 2013 StyledThemes.com
* @license license.txt
* @version Release: 1.0
* @since available since Release 1.0
*/
?>
<!DOCTYPE html>
<!–[if IE 7]>
<html class=”ie ie7″ <?php language_attributes(); ?>>
<![endif]–>
<!–[if IE 8]>
<html class=”ie ie8″ <?php language_attributes(); ?>>
<![endif]–>
<!–[if !(IE 7) | !(IE 8) ]><!–>
<html <?php language_attributes(); ?>>
<!–<![endif]–>
<head>
<meta charset=”<?php bloginfo( ‘charset’ ); ?>” />
<meta name=”viewport” content=”width=device-width” />
<title><?php wp_title( ‘|’, true, ‘right’ ); ?></title>
<link rel=”profile” href=”http://gmpg.org/xfn/11″ />
<link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>” />
<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<div id=”page-top-bg” style=”border-top-color: <?php echo get_theme_mod( ‘page_top_border’, ‘#595A67’ ); ?>; border-bottom-color: <?php echo get_theme_mod( ‘tophalf_botline’, ‘#BCBCBC’ ); ?>; background-color:<?php echo get_theme_mod( ‘tophalf_bg’, ‘#ffffff’ ); ?>;”></div>
<div id=”centered-wrapper”>

<div id=”logo-wrapper”>
<?php
$logostyle = get_theme_mod( ‘logo_style’, ‘text’ );
switch ($logostyle) {
case “default” : // default theme logo ?>
<div id=”logo”>
” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home”>
<img src=”<?php echo get_template_directory_uri() ; ?>/images/logo-demo.png” alt=”<?php bloginfo( ‘name’ ); ?>” />

</div>
<?php break;
case “custom” : // your own logo ?>
<?php if ( get_option(‘my_logo’) ) : ?>
” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home”>
<img src=”<?php echo get_option( ‘my_logo’ ); ?> “/>

<?php endif; ?>
<?php break;
case “text” : // text based title and site description ?>
<hgroup>
<h1 id=”site-title”>
” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home”>
<span><?php bloginfo( ‘name’ ); ?></span>

</h1>
<h2 id=”site-description”><?php bloginfo( ‘description’ ); ?></h2>
</hgroup>
<?php break;
}
?>
</div>

<div id=”content-wrapper” style=”background-color:<?php echo get_theme_mod( ‘content_bg’, ‘#F8F8F8’ ); ?>; border-color: <?php echo get_theme_mod( ‘page_top_border’, ‘#595A67’ ); ?>;”>
<div id=”nav-wrapper” style=”background-color:<?php echo get_theme_mod( ‘mainmenu_bg’, ‘#78A5B6’ ); ?>;”>
<div class=”container”>
<div class=”row”>
<div class=”span12″>
<div class=”navbar”>

<div class=”container”>
<!– .btn-navbar is used as the toggle for collapsed navbar content –>

<span>Menu</span>

<!– Everything you want hidden at 940px or less, place within here –>
<div class=”nav-collapse”>
<!– .nav, .navbar-search, .navbar-form, etc –>
<nav id=”gj-menu” class=”mainmenu”>
<?php wp_nav_menu( array( ‘
theme_location’ => ‘primary-menu’,
‘container’ => false,
‘menu_class’ => ‘menu’,
‘fallback_cb’ => ‘wp_page_menu’,
) ); ?>
</nav>
</div>
</div><!– .container –>

</div><!– .navbar –>
</div>
</div>
</div>

</div>

<div id=”showcase-wrapper” style=”padding:<?php echo get_theme_mod( ‘showcase_bg_padding’, ’10px 0′ ); ?> ;
background:<?php echo get_theme_mod( ‘showcase_bg_colour’, ‘#B9CADC’ ); ?> url(‘<?php echo get_template_directory_uri(); ?>/images/backgrounds/<?php echo get_theme_mod( ‘showcase_bg’, ‘showcase-bg1.jpg’ ); ?>’); border-color: <?php echo get_theme_mod( ‘showcase_botline’, ‘#B2C1CC’ ); ?>;”>
<div class=”container”>
<div class=”row”>
<div class=”span12″>
<div id=”showcase”>

<?php if ( is_active_sidebar( ‘sidebar-showcase’ ) ) : ?>
<?php dynamic_sidebar( ‘sidebar-showcase’ ); ?>
<?php endif; ?>
<?php if ( is_front_page() ) : ?>
<?php $header_image = get_header_image();
if ( ! empty( $header_image ) ) : ?>
“><img src=”<?php echo esc_url( $header_image ); ?>” class=”header-image” width=”<?php echo get_custom_header()->width; ?>” height=”<?php echo get_custom_header()->height; ?>” alt=”” />
<?php endif; ?>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>

<div id=”showcase-footer” style=”background-color:<?php echo get_theme_mod( ‘showcase_footerbar’, ‘#B9CBD8’ ); ?>; border-color: <?php echo get_theme_mod( ‘showcase_footerline’, ‘#D7DFE6’ ); ?>;”></div>
<div id=”showcase-shadow”><img src=”<?php echo get_template_directory_uri() ; ?>/images/showcase-shadow.png” alt=”shadow”/></div>

<div class=”container”>
<div class=”row”>
<div id=”breadcrumbs” class=”span12″>
<?php if ( !is_front_page() ) : ?>
<?php if(function_exists(‘bcn_display’))
{
bcn_display();
}?>
<?php endif; ?>
</div>
</div>
</div>

<div id=”content” style=”border-color: <?php echo get_theme_mod( ‘content_botline’, ‘#8FAEB8’ ); ?>; color:<?php echo get_theme_mod( ‘content_text’, ‘#747474’ ); ?>;”>

<div class=”container”>
<aside class=”row”>
<div id=”cta”>

</div>
</aside>
</div><!– .container –>

Any help pls…