1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
|
<?php
// [blog_posts]
function shortcode_latest_from_blog($atts, $content = null) {
global $flatsome_opt;
$sliderrandomid = rand();
extract(shortcode_atts(array(
"posts" => '8',
"columns" => '4',
"category" => '',
"style" => 'text-normal',
"image_height" => 'auto',
"show_date" => 'true',
"excerpt" => 'true',
), $atts));
ob_start();
?>
<script>
jQuery(document).ready(function($) {
$(window).load(function() {
/* items_slider */
$('#slider_<?php echo $sliderrandomid ?>').iosSlider({
snapToChildren: true,
desktopClickDrag: true,
infiniteSlider: true,
navPrevSelector: '.prev_<?php echo $sliderrandomid ?>',
navNextSelector: '.next_<?php echo $sliderrandomid ?>',
onSliderLoaded: slideLoad,
onSliderResize: slideLoad
});
function slideLoad(args){
setTimeout(function(){
var t=0;
var t_elem;
$(args.sliderContainerObject).find('li').each(function () {
$this = $(this);
if ( $this.outerHeight() > t ) {
t_elem=this;
t=$this.outerHeight();
}
});
$(args.sliderContainerObject).css('min-height',t);
},10);
}
});
});
</script>
<div class="row column-slider">
<div id="slider_<?php echo $sliderrandomid ?>" class="iosSlider blog-posts <?php if($style == 'text-overlay') { ?>slider-center-arrows<?php } ?>" style="min-height:<?php echo $image_height; ?>;height:<?php echo $image_height; ?>;">
<ul class="slider large-block-grid-<?php echo $columns ?> small-block-grid-2">
<?php
$args = array(
'post_status' => 'publish',
'post_type' => 'post',
'category_name' => $category,
'posts_per_page' => $posts
);
$recentPosts = new WP_Query( $args );
if ( $recentPosts->have_posts() ) : ?>
<?php while ( $recentPosts->have_posts() ) : $recentPosts->the_post(); ?>
<li class="ux-box text-center post-item ux-<?php echo $style; ?>">
<div class="inner">
<div class="inner-wrap">
<a href="<?php the_permalink() ?>">
<div class="ux-box-image">
<div class="entry-image-attachment" style="max-height:<?php echo $image_height; ?>;overflow:hidden;">
<?php the_post_thumbnail('medium'); ?>
</div>
</div><!-- .ux-box-image -->
<div class="ux-box-text text-vertical-center">
<h3 class="from_the_blog_title"><?php the_title(); ?></h3>
<div class="tx-div small"></div>
<?php if($excerpt != 'false') { ?>
<p class="from_the_blog_excerpt small-font show-next"><?php
$excerpt = get_the_excerpt();
echo string_limit_words($excerpt,15) . '[...]';
?>
</p>
<?php } ?>
<p class="from_the_blog_comments uppercase smallest-font"><?php echo get_comments_number( get_the_ID() ); ?> comments</p>
</div><!-- .post_shortcode_text -->
</a>
<?php if($show_date != 'false') {?>
<div class="post-date">
<span class="post-date-day"><?php echo get_the_time('d', get_the_ID()); ?></span>
<span class="post-date-month"><?php echo get_the_time('M', get_the_ID()); ?></span>
</div>
<?php } ?>
</div><!-- .inner-wrap -->
</div><!-- .inner -->
</li><!-- .blog-item -->
<?php endwhile; // end of the loop. ?>
<?php
endif;
wp_reset_query();
?>
</ul> <!-- .slider -->
<div class="sliderControlls dark">
<div class="sliderNav small hide-for-small">
<a href="javascript:void(0)" class="nextSlide prev_<?php echo $sliderrandomid ?>"><span class="icon-angle-left"></span></a>
<a href="javascript:void(0)" class="prevSlide next_<?php echo $sliderrandomid ?>"><span class="icon-angle-right"></span></a>
</div>
</div><!-- .sliderControlls -->
</div> <!-- .iOsslider -->
</div><!-- .row .column-slider -->
<?php
$content = ob_get_contents();
ob_end_clean();
return $content;
}
function string_limit_words($string, $word_limit) {
$words = explode(' ', $string, ($word_limit + 1));
if(count($words) > $word_limit)
array_pop($words);
return implode(' ', $words);
}
add_shortcode("blog_posts", "shortcode_latest_from_blog");
|