Skip to content

Customizing Vimeography Pro #1 – Thumbnail Content

Customized On-Hover Thumbnail

First of several posts intended to document this job…

/**
 * Replace date with description in Vimeography Timber Theme Video Gallery Thumbnails
 */
add_action( 'admin_head', 'custom_timber_thumbnail' ) ;
add_action( 'wp_head', 'custom_timber_thumbnail' ) ;

function custom_timber_thumbnail() {
	
	ob_start() ;
	
	?>
	
	<script type="text/x-template" id="vimeography-timber-thumbnail">
	
	<figure class="vimeography-thumbnail">    
	<img class="vimeography-thumbnail-img" :src="thumbnailUrl" :alt="video.name" />    
		<figcaption>      
			<h2 class="vimeography-title">{{video.name}}</h2> 
			<div class="vimeography-description" v-html="video.description"></div>
			<router-link class="vimeography-link" :to="this.query" :title="video.name" exact exact-active-class="vimeography-link-active">
			     View more
			</router-link>    
		</figcaption>  
	</figure
	</script>
	
	<?php
	
	echo ob_get_clean() ;
	
}

Default On-Hover Thumbnail Date Content:

Customized On-Hover Description Content:

Leave a Reply