Ask your WordPress questions! Pay money and get answers fast! (more info)

Video in Expositio Theme WordPress

I am working on a client's portfolio website and they are wanting to use Expositio theme from wpshower - http://wpshower.com/themes/expositio/

This client has a good portion of video work but I cannot seem to figure out how to include it in either the gallery or the content area. All of the videos are hosted on Vimeo, so there is an opportunity to work with embedding them as well. I've tried including a Lightbox, hoping I could link a static image file to an uploaded video file that way, but the images in the galleries are for some reason unclickable and the Lightbox will not work.

Any help? Suggestions? Ideas?

Answers (4)

2015-03-13

Dbranes answers:

I don't know if this theme supports this feature.

I'm not sure if you should override the gallery thumb clicks, because it seems to works like prev/next image links.

But there exists some plugins like [[LINK href="https://wordpress.org/plugins/wp-gallery-custom-links/"]]WP Gallery Custom Links[[/LINK]]. This plugin can override the gallery onclick event, in many cases, with a custom external link.

Another approach you might consider is to add an external link in the image caption. Various ways to do that, the most primitive one is to add it by hand ;-)

The third way might be to try to add an overlay play button over the specific gallery image. This might need some more work and thought.

So you could use the next/previous feature of the image gallery as well.

2015-03-13

Arnav Joy answers:

if you want to show the video to the single post page then we can add custom field to every post in admin and can display it at front end.
Let me know if this solution is ok ..

2015-03-14

Bob answers:

Have you tried differen video gallery plugins?https://wordpress.org/plugins/vimeo-channel-gallery/
https://wordpress.org/plugins/huzzaz-video-gallery/


Bob comments:

Oh sorry I didn't checked theme before.

so you want video in popup?

2015-03-16

Monit Jadhav answers:

By default the Expositio theme assigns a behavior to the a tags so it will prevent light boxes to work properly. Moreover if you want to show them a video on thumbnail click you can do the following

add_theme_support( 'post-formats', array( 'video' ) );

Add this to create a new video post format. Then wheneve posting a video link pick the post format as video.

Next we tweak the theme index page

Firstly create a new custom field on the post called video_link

Now get the vimeo video link lik this

https://vimeo.com/channels/staffpicks/121886271

and write it as something like below

http://player.vimeo.com/video/121886271?title=0&byline=0&portrait=0

Now put this link in the custom fields value

See attachments

Then change the index page code to below

<strong>Old code</strong>


<div id="main-content" class="main-content">
<?php
if (have_posts()):
// Start the Loop.
while (have_posts()): the_post();
?><!--

--><div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<a class="image_link" href="<?php the_permalink(); ?>">
<?php echo expositio_image_tag(get_post_thumbnail_id()); ?>
</a>
<?php if (get_the_title() != ''): ?>
<div>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</div>
<?php endif; ?>
</div><!--

-->


<strong>New Code</strong>


<div id="main-content" class="main-content">
<?php
if (have_posts()):
// Start the Loop.
while (have_posts()): the_post();
?><!--

--><div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

<!-- Loop Modification starts here -->
<?php if (has_post_format('video') && get_post_meta( get_the_id(), 'video_link', true ) ):
$post_image_url = get_post_meta( get_the_id(), 'video_link', true ) ;
?>
<a class="image_link" href="<?php echo $post_image_url; ?>">
<?php echo expositio_image_tag(get_post_thumbnail_id()); ?>
</a>
<?php else: ?>
<a class="image_link" href="<?php the_permalink(); ?>">
<?php echo expositio_image_tag(get_post_thumbnail_id()); ?>
</a>
<?php endif; ?>
<!-- End of Loop Modification -->


<?php if (get_the_title() != ''): ?>
<div>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</div>
<?php endif; ?>
</div><!--

-->


This should take care of your video links separating them from other posts. Making them in light box will involve whole lot of javascript tweaking which certainly is a good candidate for JavaScript questions its a bit out of scope here on wp-questions.

This does give a solution though and a user can always hit back button to go back to the site.

Let me know your thoughts and if this works for you?