• Resolved Yanto148

    (@yanto148)


    Hi all,
    I’m trying to install a slider header on my website using the vslider plugin: https://www.vibethemes.com/vslider-wordpress-image-slider-plugin/ and the Weaver theme: https://weavertheme.com/

    I got it to work, but it does not look very nice, there are some bugs yet. Here is my website, so you can see it for yourself: https://www.yantomaes.be/ (just a test website so there’s no content)

    I installed it by installing the plugin and then going to appearance -> widgets and putting the vslider widget in the header widget (I really hope this makes any sense lol).

    However, there is a tutorial on the Vslider website about how to install the slider as a header: https://www.screenr.com/eqss
    If I would follow this tutorial, I would have to add the code “<?php vslider(‘header’); ?>” in the header.php file and I would have to delete the header in the wordpress backend->appearance->header (which I already did). The thing is, is putting the php code in the header.php file gonna fix the bugs? If so, where exacly do I put the code? (the video explains it for the Twenty Eleven theme, the Weaver theme has a totally different code in the header.php file)

    I don’t know anything about php code, so your help is greatly appreciated!

    This is how my header.php file looks like:

    <?php
    /**
     * The Header for our theme.
     *
     * Displays all of the <head> section and everything up till <div id="main">
     *
     */
    ?><!DOCTYPE html>
    <html <?php language_attributes(); ?>>
    <head>
    <meta charset="<?php bloginfo( 'charset' ); ?>" />
    <?php
    	get_template_part('hdr','title');
    ?>
    <link rel="profile" href="https://gmpg.org/xfn/11" />
    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    <?php
    	get_template_part('hdr','css');
    ?>
    </head>
    
    <body <?php body_class(); ?>>
    <?php
        if (!weaver_getopt_checked('ttw_header_first'))	// put the header before the wrapper?
            echo "<div id=\"wrapper\" class=\"hfeed\">\n";
    
        $per_page_code = weaver_get_per_page_value('page-pre-header-code');	/* or on a per page basis! */
        if (!empty($per_page_code)) {
    	echo(do_shortcode($per_page_code));
        } else {
        weaver_put_area('preheader');		/* here to allow total header replacement */
        }
    
        if (!weaver_is_checked_page_opt('ttw-hide-header')) { ?>
        <div id="header">
        <?php
        if (is_active_sidebar('header-widget-area')) { /* weaver header widget area */
    	ob_start(); /* use output buffering */
    	$success = dynamic_sidebar('header-widget-area');
    	$content = ob_get_clean();
    	if ($success) {
        ?>
        <div id="ttw-head-widget" class="ttw-head-widget-area" role="complementary" >
    <ul>
    	<?php echo($content) ; ?>
        </ul>
    </div> <!-- #ttw-header-widget -->
        <?php
            }  /* end if non-empty widgets */
        }
    
    ?>
    	<div id="masthead">
    <?php
    	/* ======== SITE TITLE ======== */
    	get_template_part('hdr','sitetitle');
    
    	/* ======== TOP MENU ======== */
    	get_template_part('nav','top');
    
    	/* ======== HEADER INSERT CODE ======== */
    	echo("\n\t    ".'<div id="branding" role="banner">' . "\n");
    	do_action('wvrx_plus_header_insert');		/* Plus extension - right before Header Image */
    
    	$per_page_code = weaver_get_per_page_value('page-header-insert-code');	/* or on a per page basis! */
    	if (!empty($per_page_code)) {
    	    echo(do_shortcode($per_page_code));
    	} elseif (weaver_getopt('ttw_header_insert')) {	/* header insert defined? */
    	    if (weaver_getopt('ttw_header_frontpage_only')) {
    		if (is_front_page()) {
    		    echo (do_shortcode(weaver_getopt('ttw_header_insert')));
    		}
    	    } else {
    		echo (do_shortcode(weaver_getopt('ttw_header_insert')));
    	    }
    	}
    
    	/* The Dynamic Headers shows headers on a per page basis - will also optionally add site link */
    	if (function_exists('show_media_header'))
    	    show_media_header();  /* **Dynamic Headers** built-in support for plugin */
    
    	do_action('wvrx_extended_header_insert');				/* add any extension header insert */
    
    	/* ======== HEADER IMAGE ======== */
    	get_template_part('hdr','image');
    ?>
    	    </div><!-- #branding -->
    	    <?php
    	/* ======== BOTTOM MENU ======== */
    	get_template_part('nav','bottom');
    	?>
    
    	</div><!-- #masthead -->
        </div><!-- #header -->
    
    <?php
        }	/* end of hide whole header */
        weaver_put_area('postheader');
    ?>
    <?php if (weaver_getopt_checked('ttw_header_first')) echo "<div id=\"wrapper\" class=\"hfeed\">\n"; ?>
    
        <div id="main">

    [Moderator Note: Please post code or markup snippets between backticks or use the code button. Or better still – use a pastebin. As it stands, your posted code may now have been permanently damaged/corrupted by the forum’s parser.]

Viewing 1 replies (of 1 total)
  • Thread Starter Yanto148

    (@yanto148)

    Nevermind, fixed it myself; I overlooked the html insertion option for a header in the weaver theme, works just fine now ??

Viewing 1 replies (of 1 total)
  • The topic ‘Vslider plugin ang the Weaver theme’ is closed to new replies.