File: /home/dermova/public_html/me/wp-content/themes/dermoviva-en/temp-photogallery-page.php
<?php
/* Template Name: Photo Gallery Page */
get_header(); ?>
<br class="breakline"/>
</div><!-- header -->
<div id="content">
<div class="mainholder01">
<div class="contentholder txtcenter txtclrblack bgwhite">
<div class="breadcrumb"><a href="http://dermoviva.com/me">Home</a> > <?php the_title(); ?></div>
<?php
/* Page Title: Video Gallery */
$pageinfo = new WP_Query(array('name'=>'Photo Gallery', 'post_type' => 'page', 'post_status' => 'publish'));
if( $pageinfo->have_posts() ) : while( $pageinfo->have_posts() ) : $pageinfo->the_post();
$postId = get_the_ID();
$thetitle = get_the_title();
$thecontent = get_the_content();
echo '<h2>'. $thetitle .'</h2><p> </p>';
echo '<p>'. do_shortcode($thecontent) .'</p>';
endwhile; endif;
wp_reset_postdata();
?>
<style>
#instagram {
position:relative;
text-align:center;
width:100%;
max-width:990px;
margin: 20px auto 0px auto;
}
.instapost {
width: 200px;
height: auto;
padding: 10px;
display: inline-block;
position:relative;
background-color: #fff;
margin:10px;
vertical-align:middle;
}
.instapost img {
width:100%;
height:auto;
}
</style>
<script type="text/javascript">
//2218799638.3a81a9f.616cf1eb62e246f5ad24a0bcaecd9e73
//2531756932.da06fb6.8e125738a9604356b1c869d8d1db596c
var feed = new Instafeed({
get: 'user',
userId: 2218799638,
accessToken: '2218799638.3a81a9f.616cf1eb62e246f5ad24a0bcaecd9e73',
target: 'instagram',
resolution: 'standard_resolution',
template: '<div class="instapost"><a href="{{link}}"><img src="{{image}}" /></a></div>'
});
window.onload = function() {
feed.run();
};
</script>
<div id="instagram"></div>
</div><!-- contentholder -->
</div><!-- mainholder01 -->
</div><!-- content -->
<?php get_footer(); ?>
<!-- HOME -->