WordPress.org

Ready to get started?Download WordPress

Forums

WOW Slider
[resolved] Help adding wowslider to header (14 posts)

  1. HGeorge
    Member
    Posted 2 years 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/

  2. PedroArtur
    Member
    Posted 1 year ago #

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

  3. HGeorge
    Member
    Posted 1 year ago #

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

  4. HGeorge
    Member
    Posted 1 year 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.

  5. Fambrough
    Member
    Posted 1 year ago #

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

  6. WOWSlider
    Blocked
    Plugin Contributor

    Posted 1 year 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); ?>

  7. ninaignaczak@gmail.com
    Member
    Posted 1 year 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)

  8. WOWSlider
    Blocked
    Plugin Contributor

    Posted 1 year ago #

    You should add WOWSleder php code in the place where you want a slideshow to appear.

  9. Tony Pratt
    Member
    Posted 1 year 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.

  10. WOWSlider
    Blocked
    Plugin Contributor

    Posted 1 year ago #

    You did everything right.

  11. LeadershipProject
    Member
    Posted 1 year 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!

  12. cmarte
    Member
    Posted 1 year 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 -->

  13. Angel Meena
    Member
    Posted 1 year 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 -->

  14. Jeronimo Aleixo
    Member
    Posted 1 year 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...

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic