Code and method to place metor-slides into header image

  • I would like to use meteor-slides as a method of rotating ad banners within the header image lower right 300×75 size. Is there a short code that can be added to the header.php file. This seams like it would work.
    Calling meteor-slide into the header container and leaving the header image as a background. I apologize in advance if I am a dreamer. It just seems like such a good tool that I am hoping for some short code that maybe can not be done.

    https://www.ads-software.com/plugins/meteor-slides/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Josh Leuze

    (@jleuze)

    You can add a slideshow anywhere, but how you do it depends on your theme and where exactly you want it. What theme are you using?

    If it has a widget area in the header, try using the Meteor Slides Widget, otherwise you’ll have to use the slideshow template tag and edit the header.php file.

    Thread Starter marslynch

    (@marslynch)

    Hi Josh, Thank you for the reply. I am playing with the new Parabola theme.
    Here is the header.php file. What I would like to do is place meteor- slides on to the header image. Header is 1050×150. The sliders or banners would be 300×75 in the lower right on the header. Any pointers you might have would be very helpful

    <?php
/**
 * The Header
 *
 * Displays all of the <head> section and everything up till <div id="main">
 *
 * @package Cryout Creations
 * @subpackage parabola
 * @since parabola 0.5
 */
 ?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo( 'charset' ); ?>" />
<?php  	cryout_meta_hook(); ?>
<link rel="profile" href="https://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php
 	cryout_header_hook();
	wp_head(); ?>
</head>
<body <?php body_class(); ?>>

<?php cryout_body_hook(); ?>

<div id="wrapper" class="hfeed">

<?php cryout_wrapper_hook(); ?>

<div id="header-full">

<header id="header">

<?php cryout_masthead_hook(); ?>

		<div id="masthead">

			<div id="branding" role="banner" >

				<?php cryout_branding_hook();?>
				<div style="clear:both;"></div>

			</div><!-- #branding -->

			<nav id="access" role="navigation">

				<?php cryout_access_hook();?>

			</nav><!-- #access -->

		</div><!-- #masthead -->

	<div style="clear:both;height:1px;width:1px;"> </div>

</header><!-- #header -->
</div><!-- #header-full -->
<div id="main">
	<div  id="forbottom" >
		<?php cryout_forbottom_hook(); ?>

		<div style="clear:both;"> </div>

    Plugin Author Josh Leuze

    (@jleuze)

    I’d start by adding the slideshow template tag right before the closing of the headwe:

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

    You’ll might have to style it to layout how you want to, but you can also try changing the slideshow alignment.

    Thread Starter marslynch

    (@marslynch)

    Josh This what I did to get it where I wanted.

    Added the following to the header.php
    after </div><!– #branding –>
    <div id=”adslider”>
    <?php if ( function_exists( ‘meteor_slideshow’ ) ) { meteor_slideshow(); } ?>
    </div>
    before <nav id=”access” role=”navigation”>

    added to the css under header the following alignment
    }
    #adslider {
    float: right;
    margin-top:-90px;
    margin-right:5px;

    set the slider setting to 500×200

    I was able to place it and it is going to work great for my application.

    There is that pesky thumbnail filter somewhere that is preventing the links from working. I have no other plugins activated

    Here in the functions.php file.
    <?php

    /*

    * Functions file

    * Includes all necesary files

    * PLEASE DO NOT EDIT THIS FILE IN ANY WAY

    *

    * @package parabola

    */

    // variable for theme version

    define (“PARABOLA_VERSION”,”0.9.7.2″);

    require_once(dirname(__FILE__) . “/admin/main.php”); // Load necessary admin files

    //Loading include files

    require_once(dirname(__FILE__) . “/includes/theme-setup.php”); //Setup and init theme

    require_once(dirname(__FILE__) . “/includes/theme-styles.php”); //Register and enqeue css styles and scripts

    require_once(dirname(__FILE__) . “/includes/theme-loop.php”); //Loop related fiels

    require_once(dirname(__FILE__) . “/includes/theme-meta.php”); //Meta related fiels

    require_once(dirname(__FILE__) . “/includes/theme-frontpage.php”); //Frontpage generation

    require_once(dirname(__FILE__) . “/includes/theme-comments.php”); //Theme comment functions

    require_once(dirname(__FILE__) . “/includes/theme-functions.php”); //Theme misc functions

    require_once(dirname(__FILE__) . “/includes/theme-hooks.php”); //Theme hooks

    ?>

    Josh-If you can help I will be forced to donate to your coffee fund.

    Latest parabola theme Version 0.9.7.2 link: mrkona.com

    Plugin Author Josh Leuze

    (@jleuze)

    Thanks coffee is always appreciated!

    There’s filter on the thumbnails in the theme-loop.php file that is adding links to featured images, but it isn’t checking to make sure the are in the Posts post type first. If you really need that functionality you could add conditional to check the post type before running the filter, or you could just comment out line #286 to disable it, like this:

    //if ($parabola_fpost=='Enable' && $parabola_fpostlink) add_filter( 'post_thumbnail_html', 'parabola_thumbnail_link', 10, 3 );
    Thread Starter marslynch

    (@marslynch)

    Ok so I tried the line out and it worked like it should. But it messed with the admin logon. And ideas why. Oh fyi I did visit the coffee jar for a donation. Its the right thing to do.

    Thread Starter marslynch

    (@marslynch)

    This is what pops up when I go to admin logon

    Warning: Cannot modify header information – headers already sent by (output started at /home/smartkat/public_html/wp-content/themes/parabola/includes/theme-loop.php:297) in /home/smartkat/public_html/wp-includes/pluggable.php on line 876

    Plugin Author Josh Leuze

    (@jleuze)

    Strange, it worked for me when I tested it, but you could also try checking the post type and only running the filter when it isn’t a slide post:

    if ( 'slide' != get_post_type() ) {
	 $html = '<a href="' . get_permalink( $post_id ) . '" title="' . esc_attr( get_post_field( 'post_title', $post_id ) ) . '" alt="' . esc_attr( get_post_field( 'post_title', $post_id ) ) . '">' . $html . '</a>';
 }
Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Code and method to place metor-slides into header image’ is closed to new replies.