function posta_loop()
{
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$arg = array(
'post_type' => 'post',
'posts_per_page' => 3,
'paged' => $paged
);
$blogPost = new WP_Query($arg);
?>
<div id="mainBlog" class="blog-left">
<?php if ($blogPost->have_posts()) : ?>
<?php while ($blogPost->have_posts()) : ?>
<?php $blogPost->the_post();
$content = get_the_content();
?>
<div class="blog-boxs">
<img src="<?php the_post_thumbnail_url('full'); ?>" alt="" width="100%" class="blog-single-imag">
<div class="blogs-cont">
<div class="blog-wraper">
<?php
$tags = get_the_tags();
if ($tags) {
echo '<div class="blg-tags-inn">';
foreach ($tags as $tag) {
echo '<a class="blog-strat" href="' . esc_url(get_tag_link($tag->term_id)) . '">' . esc_html($tag->name) . '</a>';
}
echo '</div>';
}
?>
<div class="blogs-client">
<img src="https://stagingwebistes.com/wp/iconcpl/wp-content/uploads/2023/12/user-1.png" alt="">
<h6><?php echo get_the_author(); ?></h6>
</div>
<div class="blogs-client">
<img src="https://stagingwebistes.com/wp/iconcpl/wp-content/uploads/2023/12/calendar.png" alt="">
<h6><?php the_time('j F, Y'); ?></h6>
</div>
</div>
<h2><?php the_title(); ?>
</h2>
<a href="<?php the_permalink(); ?>" class="blog-btn">Read More</a>
</div>
</div>
<?php endwhile; ?>
<?php
$big = 99;
echo '<div class="pagination">';
echo paginate_links(
array(
'base' => str_replace($big, '%#%', esc_url(get_pagenum_link($big))),
'format' => '?paged=%#%',
'current' => max(1, get_query_var('paged')),
'total' => $blogPost->max_num_pages,
'show_all' => false,
'prev_next' => false,
'before_page_number' => '0',
'prev_text' => __('Previous'),
'next_text' => __('Next'),
'type' => 'list',
'mid_size' => 2
)
);
$next_link = get_next_posts_link('Next Page', $blogPost->max_num_pages);
if ($next_link) {
echo '<button>' . $next_link . '</button>';
}
echo '</div>';
?>
<?php endif; ?>
</div>
<?php
wp_reset_postdata();
}
add_shortcode('allBlogsss', 'posta_loop');
?>
function dynamic_categories_shortcode() {
ob_start();
$categories = get_categories(array(
'taxonomy' => 'category',
'object_type' => array('post', 'blogPost'),
));
if ($categories) {
echo '<div class="categories-box">';
echo '<h4>Categories</h4>';
echo '<ul>';
foreach ($categories as $category) {
echo '<li><a href="' . esc_url(get_category_link($category->term_id)) . '">' . esc_html($category->name) . '</a></li>';
}
echo '</ul>';
echo '</div>';
}
$output = ob_get_clean();
return $output;
}
add_shortcode('dynamicCategories', 'dynamic_categories_shortcode');
function dynamic_tags_shortcode() {
ob_start();
$tags = get_tags(array(
'taxonomy' => 'post_tag',
'object_type' => array('post', 'blogPost'),
));
if ($tags) {
echo '<div class="tag-boxs">';
echo '<h4>Tags</h4>';
echo '<div class="inner-tags">';
echo '<ul>';
foreach ($tags as $tag) {
echo '<li><a href="' . esc_url(get_tag_link($tag->term_id)) . '">' . esc_html($tag->name) . '</a></li>';
}
echo '</ul>';
echo '</div>';
echo '</div>';
}
$output = ob_get_clean();
return $output;
}
add_shortcode('dynamicTags', 'dynamic_tags_shortcode');
<div class="latest-post">
<div class="post-blog-wrapper">
<?php
$paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
$args = array(
'post_type' => 'post',
'posts_per_page' => 3,
'paged' => $paged
);
$blogPosts = new WP_Query($args);
if ($blogPosts->have_posts()):
while ($blogPosts->have_posts()):
$blogPosts->the_post();
?>
<div class="post-box">
<img src="<?php the_post_thumbnail_url('full'); ?>" alt="" width="100%"
class="blog-small-image">
<div class="post-cont">
<a href="<?php echo esc_url(get_category_link(get_the_category()[0]->term_id)); ?>"
class="postbtn">
<?php echo esc_html(get_the_category()[0]->name); ?>
</a>
<a href="<?php the_permalink(); ?>" >
<?php the_title(); ?>
</a>
<p>
<?php the_time('j F, Y'); ?>
</p>
<hr>
</div>
</div>
<?php
endwhile;
else:
echo '<p>No posts found</p>';
endif;
wp_reset_postdata();
?>
</div>
</div>
function blog_loop()
{
$arg = array(
'post_type' => 'post',
'posts_per_page' => 3,
);
$blogPost = new WP_Query($arg);
?>
<div class="card-sec">
<div class="row">
<?php if ($blogPost->have_posts()): ?>
<?php while ($blogPost->have_posts()): ?>
<?php $blogPost->the_post();
$url = wp_get_attachment_url(get_post_thumbnail_id($blogPost->ID)); ?>
<div class="col-md-4">
<div class="card">
<div class="card-img">
<img src="<?php echo $url ?>" alt="">
<div class="card-blog-date">
<h6>
<?php the_time('j F, Y'); ?>
</h6>
</div>
</div>
<div class="card-content">
<div class="card-subtittle">
<?php the_excerpt(); ?>
</div>
<h2>
<?php the_title(); ?>
</h2>
<?php $content = get_the_content();
?>
<div class="post-content">
<p>
<?php echo substr($content, 0, 108); ?>
</p>
</div>
<a href="<?php the_permalink(); ?>" class="btn ban-btn">Read More<img
src="<?php echo get_template_directory_uri(); ?>/img/right-arrows.png" alt=""></a>
</div>
</div>
</div>
<?php endwhile; ?>
<?php endif; ?>
</div>
</div>
<?php
wp_reset_postdata();
}
add_shortcode('blogAll', 'blog_loop');
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter