function tbr_home_themes_loop($query)
{
$the_query = new WP_Query(array('post_type' => 'themes', 'posts_per_page' => '4', 'no_found_rows' => true));
?>
<div class="tm-home uk-text-center">
<h2 class="uk-margin-remove-top">Looking for a new WordPress theme?</h2>
<p class="uk-article-lead tm-excerpt">Browse our growing collection of free child-themes for awesome Beans framework for WordPress. You won't find any complicated configuration options, the themes are heavily optimized for performance and are easy to customize. </p>
<div class="tm-themes uk-grid uk-grid-width-1-1 uk-grid-width-medium-1-4 uk-margin-large-top" >
<?php
if ($the_query->have_posts()) {
while ($the_query->have_posts()) {
$the_query->the_post();
global $post;
$title = get_the_title($post->ID);
$lowercase_title = strtolower($title);
$thumb_id = get_post_thumbnail_id();
$thumb_url_array = wp_get_attachment_image_src($thumb_id, 'full-size', true);
$resized_src = beans_edit_image($thumb_url_array[0], array('resize' => array(295, false), 'crop' => array(0, 0, 295, 350), 'set_quality' => array(100)));
?>
<div class="tm-item uk-margin-medium-bottom">
<figure class="uk-overlay uk-overlay-hover">
<img src="<?php
echo $resized_src;
?>
" class="uk-thumbnail" width="400" alt="<?php
the_title();
?>
Child-Theme for the Beans WordPress Theme">
<div class="uk-overlay-panel uk-flex uk-flex-center uk-flex-middle uk-text-center uk-overlay-background uk-overlay-fade"><?php
echo the_title();
?>
</div>
<a class="uk-position-cover" href="<?php
echo get_permalink();
?>
"></a>
</figure>
</div>
<?php
}
} else {
?>
<div>Sorry, there are no posts to display</div>
<?php
}
?>
</div>
<p class="uk-text-center">
First time hearing of Beans? You're in for a treat! <a href="http://www.getbeans.io/" target="_blank" title="Learn more about the Beans framework for WordPress on the official Beans site.">Learn more <span>»</span></a>
</p>
</div>
<?php
wp_reset_query();
}
function dfh_home_work_loop( $query ) {
$the_query = new WP_Query( array( 'post_type' => 'portfolio', 'posts_per_page' => '15', 'no_found_rows' => true ) ); ?>
<div class="uk-grid uk-grid-match uk-grid-width-1-1 uk-grid-width-small-1-2 uk-grid-width-large-1-3" data-uk-grid-match="{target:'.uk-thumbnail'}">
<?php
if ($the_query->have_posts()) {
while ($the_query->have_posts()) {
$the_query->the_post();
if ($images = get_post_meta(get_the_ID(), 'portfolio_gallery', true)) {
$image = wp_get_attachment_image_src($images[0], 'full');
$image_src = beans_edit_image($image[0], array('resize' => array(380, 298, array('center', 'top'))));
} else {
$image_src = false;
}
?>
<div class="tm-item">
<figure>
<a rel="bookmark" href="<?php
echo get_permalink();
?>
" title="Learn more" class="uk-thumbnail">
<img src="<?php
echo $image_src;
?>
" class="uk-overlay-scale" width="380" height="300" alt="<?php
echo the_title();
?>
" />
<figcaption class="uk-margin-top">
<h3 class="uk-margin-small-bottom uk-h5"><?php
echo the_title();
?>
</h3>
<?php
the_excerpt();
?>
</figcaption>
</a>
</figure>
</div>
<?php
}
} else {
?>
<div>Sorry, there are no posts to display</div>
<?php
}
?>
</div>
<?php
wp_reset_query();
}
function tbr_theme_intro( $excerpt ) {
global $post;
$title = get_the_title($post->ID);
$github_slug = get_post_meta( $post->ID, 'github_slug', true );
$download_name = get_post_meta( $post->ID, 'download_name', true );
$download_path = '/wp-content/downloads/' . $download_name . '?no_cache=1';
$release_date = get_post_meta( $post->ID, 'release_date', true );
$terms = get_the_terms($post->ID, 'theme_type');
$terms_as_text = strip_tags( get_the_term_list( $post->ID, 'resource_type', '', ', ', '' ) );
$thumb_id = get_post_thumbnail_id();
$thumb_url_array = wp_get_attachment_image_src($thumb_id, 'full-size', true);
$resized_src = beans_edit_image( $thumb_url_array[0], array(
'resize' => array( 750, false )
) );
?>
<div class="uk-grid">
<div class="tm-image uk-width-small-1-1 uk-width-medium-3-5 uk-margin-large-bottom">
<figure class="uk-thumbnail">
<img src="<?php echo $resized_src; ?>" width="750" alt="<?php echo $title; ?> Child-Theme for the Beans WordPress Theme" />
</figure>
</div>
<div class="tm-theme-info uk-width-small-1-1 uk-width-medium-2-5">
<header class="tm-theme-top uk-clearfix uk-float-left">
<h1 class="uk-margin-remove-top uk-h2"><?php echo $title; ?></h1>
<p class="uk-article-lead"><?php echo the_excerpt(); ?></p>
</header>
<div class="tm-downloads">
<a class="uk-button uk-button-primary uk-margin-right" href="<?php echo $download_path; ?>" onclick="javascript:_paq.push(['trackEvent', 'Resource', 'Download' '<?php echo $title; ?>']);" title="Download <?php echo $title; ?>" data-uk-tooltip="{pos:'bottom-left'}">Download</a>
<?php if ( $github_slug != '' ) : ?>
<a class="tm-text-medium tm-github uk-button uk-margin-right" title="View the <?php echo $title; ?> code on GitHub" href="https://github.com/ThemeButler/<?php echo $github_slug; ?>" target="_blank" data-uk-tooltip="{pos:'bottom-left'}"><i class="uk-icon-github uk-icon-small uk-margin-small-right"></i>View on GitHub</a>
<?php endif; ?>
</div>
<ul class="tm-summary uk-list uk-margin-left-remove uk-clearfix">
<li>Type: <span><?php echo $terms_as_text; ?></span></li>
<li>Released: <span><?php the_date('d/m/Y'); ?></span></li>
<li>Requirements: <span>WordPress 4.0+</span></li>
</ul>
</div>
<? }
function tbr_resources_loop($query)
{
$query_args = array('post_type' => 'resources');
if ($term_id = beans_get('filter_term_id')) {
$query_args = array_merge($query_args, array('tax_query' => array(array('taxonomy' => 'resource_type', 'field' => 'term_id', 'terms' => beans_get('filter_term_id')))));
}
$the_query = new WP_Query($query_args);
if (wp_is_mobile()) {
$filter_id = 'mobile-filters';
} else {
$filter_id = 'filters';
}
?>
<div class="tm-index-wrap tm-portfolio tm-lazy uk-grid-width-1-1 uk-grid-width-small-1-2 uk-grid-width-medium-1-3" data-uk-grid="{gutter: 30, controls: '#<?php
echo $filter_id;
?>
'}">
<?php
if ($the_query->have_posts()) {
while ($the_query->have_posts()) {
$the_query->the_post();
global $post;
$thumb_id = get_post_thumbnail_id();
$thumb_url_array = wp_get_attachment_image_src($thumb_id, 'full-size', true);
$resized_src = beans_edit_image($thumb_url_array[0], array('resize' => array(407, 379, array('center', 'top'))));
$resource_cats = get_the_terms($post->ID, 'resource_type');
$resource_cats = array_values($resource_cats);
for ($cat_count = 0; $cat_count < count($resource_cats); $cat_count++) {
$resource_type = $resource_cats[$cat_count]->name;
$lowercase_resource_type = strtolower($resource_type);
if ($cat_count < count($resource_cats) - 1) {
echo ', ';
}
}
?>
<div class="tm-item" data-uk-filter="<?php
echo $lowercase_resource_type;
?>
">
<div class="uk-article">
<a rel="bookmark" href="<?php
echo get_permalink();
?>
" title="<?php
the_title();
?>
">
<img src="<?php
echo $resized_src;
?>
" width="407" height="378" alt="<?php
the_title();
?>
" />
</a>
<div class="uk-panel uk-panel-box">
<h3 class="uk-margin-top-remove"><a rel="bookmark" href="<?php
echo get_permalink();
?>
" title="<?php
the_title();
?>
"><?php
the_title();
?>
</a></h3>
<div class="tm-meta"><?php
echo get_the_term_list($post->ID, 'resource_type', '', '');
echo get_the_term_list($post->ID, 'resource_tags', '', '');
?>
</div>
<p><?php
the_excerpt();
?>
</p>
<p class="uk-margin-remove"><a rel="bookmark" class="uk-button uk-button-small uk-button-secondary" href="<?php
echo get_permalink();
?>
" title="Learn more">Learn more</a></p>
</div>
</div>
</div>
<?php
}
} else {
?>
<p>Sorry, there are no posts to display</p>
<?php
}
?>
</div>
<?php
wp_reset_query();
}
/**
* Edit post attachment.
*
* This function is shortuct of {@see beans_edit_image()}. It should be used to edit a post attachment.
*
* @since 1.0.0
*
* @param array $args {
* Array of arguments used by the image editor.
*
* @type array $resize Numeric array matching the {@link http://codex.wordpress.org/Class_Reference/WP_Image_Editor WP_Image_Editor} resize
* function arguments.
* @type array $crop Numeric array matching the {@link http://codex.wordpress.org/Class_Reference/WP_Image_Editor WP_Image_Editor} crop
* function arguments.
* @type array $rotate Numeric array matching the {@link http://codex.wordpress.org/Class_Reference/WP_Image_Editor WP_Image_Editor} rotate
* function arguments.
* @type array $flip Numeric array matching the {@link http://codex.wordpress.org/Class_Reference/WP_Image_Editor WP_Image_Editor} flip
* function arguments.
* @type array $set_quality Numeric array matching the {@link http://codex.wordpress.org/Class_Reference/WP_Image_Editor WP_Image_Editor} set_quality
* function arguments. Default 100.
* }
*
* @return object Edited post attachment data.
*/
function beans_edit_post_attachment($post_id, $args = array())
{
if (!has_post_thumbnail($post_id)) {
return false;
}
// Get full size image.
$attachement = beans_get_post_attachment($post_id, 'full');
if (!($edited = beans_edit_image($attachement->src, $args, 'ARRAY_A'))) {
return false;
}
return (object) array_merge((array) $attachement, $edited);
}
function dfh_portfolio_gallery() {
global $post;
$images = get_post_meta( $post->ID, 'portfolio_gallery', true );
?>
<h2 class="uk-margin-large-top">Screenshots</h2>
<div class="tm-gallery uk-grid uk-grid-width-1-1 uk-grid-width-small-1-2 uk-grid-width-medium-1-3">
<?php
foreach ((array) $images as $image_id) {
$image = wp_get_attachment_image_src($image_id, 'full');
$full_src = $image[0];
$url = $full_src;
$file = substr($url, strrpos($url, '/') + 1, strlen($url) - strrpos($url, '/'));
$newfile = substr($file, 0, strrpos($file, '.'));
$caption = str_replace('-', ' ', $newfile);
$resized_src = beans_edit_image($full_src, array('resize' => array(260, 203, array('center', 'top'))));
?>
<figure>
<a href="<?php
echo $full_src;
?>
" class="uk-overlay uk-overlay-hover uk-thumbnail" data-uk-lightbox="{group:'<?php
echo $post->ID;
?>
'}" title="<?php
echo $caption;
?>
">
<img src="<?php
echo $resized_src;
?>
" />
<div class="uk-overlay-panel uk-overlay-icon uk-overlay-background"></div>
<figcaption class="uk-thumbnail-caption uk-text-center"><?php
echo $caption;
?>
</figcaption>
</a>
</figure>
<?php
}
?>
</div>
<?php
}
function tbr_theme_intro( $excerpt ) {
global $post;
$title = get_the_title($post->ID);
$lowercase_title = strtolower($title);
$version = get_post_meta( $post->ID, 'version', true );
$download_child = '/download-' . $lowercase_title . '/?no_cache=1';
$download_sketch = '/wp-content/downloads/' . $lowercase_title . '-sketch.zip?no_cache=1';
$release_date = get_post_meta( $post->ID, 'release_date', true );
$demo_url = 'http://demo.themebutler.com/' . $lowercase_title . '/';
$terms = get_the_terms($post->ID, 'theme_type');
$terms_as_text = strip_tags( get_the_term_list( $post->ID, 'theme_type', '', ', ', '' ) );
$thumb_id = get_post_thumbnail_id();
$thumb_url_array = wp_get_attachment_image_src($thumb_id, 'full-size', true);
$full_src = $thumb_url_array[0];
$resized_src = beans_edit_image( $thumb_url_array[0], array(
'resize' => array( 750, false )
) );
global $post;
$images = get_post_meta( $post->ID, 'theme_screenshots', true );
$the_content = the_content();
?>
<div class="uk-grid">
<div class="tm-image uk-width-small-1-1 uk-width-medium-1-2 uk-margin-large-bottom">
<figure class="uk-overlay uk-overlay-hover uk-thumbnail">
<img src="<?php echo $resized_src; ?>" width="750" alt="<?php echo $title; ?> Child-Theme for the Beans WordPress Theme" />
<div class="uk-overlay-panel uk-flex uk-flex-center uk-flex-middle uk-text-center uk-overlay-background uk-overlay-fade"><span class="uk-button uk-button-large">View Screenshots</span></div>
<a href="<?php echo $full_src; ?>" class="uk-position-cover" data-uk-lightbox="{group:'<?php echo $post->ID; ?>'}"></a>
</figure>
<div class="uk-hidden">
<?php
foreach ( (array) $images as $image_id ) :
$image = wp_get_attachment_image_src( $image_id, 'full' );
$full_src = $image[0];
?>
<a href="<?php echo $full_src; ?>" data-uk-lightbox="{group:\'<?php echo $post->ID; ?>'}" title="View full size"></a>
<?php endforeach; ?>
</div>
</div>
<div class="tm-theme-info uk-width-small-1-1 uk-width-medium-1-2">
<header class="tm-theme-top uk-clearfix">
<h1 class="uk-margin-remove-top uk-float-left"><?php echo $title; ?></h1>
<div class="tm-theme-nav uk-float-right">
<?php if ( $release_date != 'TBD' ) : ?>
<a href="<?php echo $demo_url; ?>" class="uk-button uk-button-primary uk-float-right uk-margin-left tm-demo-link" target="_blank">View Demo</a>
<?php endif; ?>
<div class="tm-post-nav uk-float-right uk-margin-left">
<div class="tm-prev uk-float-left uk-text-left">
<?php
$prev_post = get_previous_post();
if($prev_post) {
$prev_title = strip_tags(str_replace('"', '', $prev_post->post_title));
echo '<a rel="prev" href="' . get_permalink($prev_post->ID) . '" title="' . $prev_title. '" class="uk-button">☜</a>';
}
?>
</div>
<div class="tm-next uk-float-right uk-text-right">
<?
$next_post = get_next_post();
if($next_post) {
$next_title = strip_tags(str_replace('"', '', $next_post->post_title));
echo '<a rel="next" href="' . get_permalink($next_post->ID) . '" title="' . $next_title. '" class="uk-button uk-margin-small-left">☞</a>';
}
?>
</div>
</div>
</div>
</header>
<p class="uk-article-lead"><?php echo the_excerpt(); ?></p>
<ul class="tm-summary uk-list uk-margin-left-remove uk-clearfix">
<li>Type: <span><?php echo $terms_as_text; ?></span></li>
<li>Released: <span><?php echo $release_date; ?></span></li>
<li>Requirements: <span>WordPress 4.0+</span></li>
</ul>
<div class="uk-grid uk-grid-width-1-1 uk-grid-width-small-1-2">
<div class="tm-resources">
<h3 class="uk-margin-top-remove tm-list-style1">Resources</h3>
<ul class="uk-list tm-list-style1">
<li><a href="/features/">General Theme Features</a></li>
<li><a href="/docs/theme-setup-guide">General Setup Guide</a></li>
<li><a href="/topic/tutorials/">Beans Tutorials</a></li>
<li><a href="http://www.getbeans.io/documentation/">Beans Documentation <i class="uk-icon-external-link uk-text-small uk-margin-small-left"></i></a></li>
<li><a href="http://www.getbeans.io/code-snippets/" target="_blank">Useful Code Snippets <i class="uk-icon-external-link uk-text-small uk-margin-small-left"></i></a></li>
</ul>
</div>
<div class="tm-downloads">
<h3 class="uk-margin-top-remove uk-margin-small-bottom">Downloads</h3>
<ul class="uk-list uk-margin-small-top">
<li><a href="http://www.getbeans.io/download-beans/?no_cache=1" onclick="javascript:_paq.push(['trackEvent', 'Parent Theme', 'Download' '<?php echo $title; ?>']);" title="Download the Beans parent-theme'; ?>" data-uk-tooltip="{pos:'bottom-left'}">Beans Parent-Theme</a></li>
<?php if ( $release_date != 'TBD' ) : ?>
<li><a href="<?php echo $download_child; ?>" onclick="javascript:_paq.push(['trackEvent', 'Child Theme', 'Download' '<?php echo $title; ?>']);" title="Download tbr-<?php echo $lowercase_title . '-child.zip'; ?>" data-uk-tooltip="{pos:'bottom-left'}"><?php echo $title; ?> Child-Theme</a></li>
<?php endif; ?>
<li<?php if( $lowercase_title != 'voyager' ) : ?> class="tm-divider"<?php endif; ?>><a href="<?php echo $download_sketch; ?>" onclick="javascript:_paq.push(['trackEvent', 'Sketch Source', 'Download' '<?php echo $title; ?>']);" data-uk-tooltip="{pos:'bottom-left'}" title="Download <?php echo $lowercase_title . '-sketch.zip'; ?>"><?php echo $title; ?> Sketch Source</a></li>
<?php if( $lowercase_title != 'voyager' ) : ?>
<li class="uk-margin-top"><a class="tm-text-medium tm-github uk-button" title="View the <?php echo $title; ?> WordPress theme code on GitHub" href="https://github.com/ThemeButler/tbr-<?php echo $lowercase_title; ?>" target="_blank" data-uk-tooltip="{pos:'bottom-left'}"><i class="uk-icon-github uk-icon-small uk-margin-small-right"></i>View on GitHub</a></li>
<?php endif; ?>
</ul>
</div>
</div>
<div class="tm-support">
<h3 class="uk-margin-top-remove">Support</h3>
<p>Since all our child-themes are free, support is not provided. There is a community forum and paid help available from Codeable.</p>
<p class="tm-buttons-wrap"><a href="http://community.themebutler.com/t/<?php echo $lowercase_title; ?>" class="uk-margin-right uk-margin-bottom uk-button uk-button-secondary" target="_blank">Post on the Community Forum <i class="uk-icon-external-link uk-text-small"></i></a><span class="sep"> or </span>
<a href="https://api.referoo.co/s/0gFdE" class="uk-margin-bottom uk-button uk-button-secondary" target="_blank">Get expert help on <span>Codeable</span> <i class="uk-icon-external-link uk-text-small"></i></a></p>
</div>
</div>
</div>
<? }
