Bài cùng chuyên mục bằng Shortcode cho Flatsome

Trong quá trình dùng theme flatsome làm Blog hoặc trang tin tức chúng ta cần làm bài cùng chuyên mục, Nay mình sẽ chỉ bạn cách làm bài cùng chuyên mục bằng Shortcode cho flatsome đơn giản và không cần đụng đến code nhé

Bài cùng chuyên mục bằng Shortcode cho flatsome

Tạo ShortCode Bài cùng chuyên mục

Đầu tiên các bạn cần mở file funcition.php trong thư mục theme mà bạn đang sử dụng lên. Sao chép toàn bộ code bên dưới rồi dán vào file và lưu lại.

// bài cùng chuyên mục có hình
add_shortcode( 'baicungchuyenmuc', 'show_baicungchuyenmuc' );
function show_baicungchuyenmuc() { ?> 
<div id="related-posts">
<style>
h3.highlight-event__title {
border-bottom: 2px solid #00adef;
font-size: 130%;
}
.bailienquan img {
height: 180px;
object-fit: cover;
width: auto;
min-width:280px
}
.bailienquan a {
font-weight: bold;
font-size: 17px;
line-height: 17px;
font-style: normal;
text-decoration: none;
color: #515150;
font-family: Arial,Helvetica,sans-serif;
}
.bailienquan a:hover {
color:blueviolet
}
</style>
<?php
$categories = get_the_category(get_the_ID());
if ($categories){
echo '<div class="relatedcat">';
$category_ids = array();
foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;
$args=array(
'category__in' => $category_ids,
'post__not_in' => array(get_the_ID()),
'posts_per_page' => 6,
);
$my_query = new wp_query($args);
if( $my_query->have_posts() ):
echo '<div class="row row-small"><div class="col large-12">
<h3 class="highlight-event__title">BÀI CÙNG CHUYÊN MỤC</h3>
</div>';
while ($my_query->have_posts()):$my_query->the_post();
?>
<div class="col large-4 medium-6 bailienquan small-12"><a href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail(''); ?><?php the_title(); ?></a></div>
<?php
endwhile;
echo '</div>';
endif; wp_reset_query();
echo '</div>';
}
?>
</div>
<?php
}

Sau khi Add code ở trên ta được 1 short [baicungchuyenmuc] nếu cần hiện thị ta chỉ bỏ short vào vị trí hiện thị là xong

Hiện thị Short Bài cùng chuyên mục trong Flatsome

Tùy biến ▸ Blog ▸ Blog Single Post

Tìm HTML after blog posts bỏ đoạn shortcode [baicungchuyenmuc] vào là xong

Chúc bạn thành công