Don't manage to position the ft. video below the title cfr. the ft. image
-
I’m trying to use the Featured Video Plus plugin in my theme, and I like it, except that I don’t manage to put the video below the title, cfr. the featured images.
E.g. Video post use content-video.php, which has this content (slightly simplified for illustration):
<div class="format format-video"> <?php global $post; yet13_post_wrapper( array( 'thumbnail' => yet13_get_post_thumbnail(), 'title' => '<a href="' . get_permalink( $post->ID ) . '">' . get_the_title() . '</a>', 'content' => yet13_get_excerpt() ) ); ?> </div>
It uses the post wrapper function:
<?php function yet13_post_wrapper( $args = '' ) { $args = wp_parse_args( $args, array( 'title' => '', 'thumbnail' => '', 'content' => '' ) ); extract( $args ); ?> <article> <header> <?php global $post; echo '<h1>' . $title . '</h1>'; echo $thumbnail; ?> </header> <div> <?php echo $content; ?> </div> </article> <?php } ?>
And a function to get the thumbnail (and some other stuff which I leave out here):
<?php function yet13_get_post_thumbnail( $args = array() ) { global $post; $thumb = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'large' ); $url = $thumb['0']; $w = $thumb['1']; $h = $thumb['2']; $size = yet13_get_array_value( $args, 'size', array($w, $h) ); $title = yet13_get_array_value( $args, 'title', get_the_title() ); $link = get_permalink( $post ); $titleattr = the_title_attribute( 'echo=0' ); $result = ''; if ( has_post_video() ) { yet13_ob_start(); the_post_video(); $result = yet13_ob_get_clean(); } elseif ( has_post_thumbnail() ) { yet13_ob_start(); the_post_thumbnail( $size, array( 'alt' => '', 'title' => $title ) ); $result = yet13_ob_get_clean(); } /* Decide what to use as thumb */ /* if there is no ft. video or image, use the default ft. img when available */ if ( ( $result == '' ) && ( get_theme_mod( 'yet13_set_default_thumb' ) ) ) { $result = '<a title="' . esc_attr( $titleattr ) . '" href="' . esc_url( $link ) . '"><img alt="' . esc_attr( $titleattr ) . '" class="wp-post-image yet-thumb" src="' . get_theme_mod( 'yet13_set_default_thumb' ) . '" width="780" height="auto" /></a>'; } /* else if there is ft. video use it */ elseif ( ( $result !== '' ) && ( has_post_video() ) ) { $result = the_post_video( array( '752', '423' ) ); } /* else if there is ft. image, use it */ elseif ( $result !== '' ) { $result = '<a title="' . esc_attr( $titleattr ) . '" href="' . esc_url( $link ) . '"><img alt="' . esc_attr( $titleattr ) . '" class="wp-post-image yet-thumb" src="' . esc_url( $url ) . '" width="'. esc_attr( $w ) .'" height="'. esc_attr( $h ) .'" /></a>'; } /* else add the title to a <div> */ else { $result = '<a title="' . esc_attr( $titleattr ) . '" href="' . esc_url( $link ) . '"><div class="wp-post-image yet-nothumb">' . $title . '</div></a>'; } return $result; } ?>
With a featured image I get the expected result:
<div class="format format-video"> <article> <header> <h1><a href="#">title</a></h1> <!-- featured image --> <a href="#"><img alt="featured image" src="#"></a> </header> <div> excerpt </div> </article> </div>
With a featured video, however, the video ends up above the title:
<div class="format format-video"> <!-- Featured Video Plus v2.2.2 --> <div class="featured-video-plus post-thumbnail fvp-responsive fvp-raw fvp-center"> <iframe></iframe> </div> <article> <header> <h1><a href="#">title</a></h1> </header> <div> excerpt </div> </article> </div>
I’m not getting it, so all suggestions to get the following result are very welcome.
<div class="format format-video"> <article> <header> <h1><a href="#">title</a></h1> <!-- Featured Video Plus v2.2.2 --> <div class="featured-video-plus post-thumbnail fvp-responsive fvp-raw fvp-center"> <iframe></iframe> </div> </header> <div> excerpt </div> </article> </div>
Thank you!
- The topic ‘Don't manage to position the ft. video below the title cfr. the ft. image’ is closed to new replies.