Bài cộng chuyên mục bằng Short cho flatsome

INFO

trong công đoạn sử dụng theme flatsome khiến Blog hoặc trang tin tức chúng ta cần khiến bài cùng chuyên mục , Nay mình sẽ chỉ bạn cách thức làm cho bài cùng chuyên mục bằng Short cho flatsome đơn giản và ko cần đụng đến code nhé

Bài cộng chuyên mục bằng Short cho flatsome

để dễ nghĩ đến bạn xem qua Demo sau :

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

Bắt tay vào việc nhé

Tạo Short Code Bài cộng chuyên mục

trước nhất Các bạn cần mở file funcition.php trong thư mục theme mà bạn đang tiêu dùng lên. Sao chép tất cả code bên dưới rồi dán vào file và lưu lại.

với THỂ BẠN để ý

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

một

hai

// bài cùng chuyên mục mang hình - flatsome.xyz

add_shortcode( 'baicungchuyenmuc', 'show_baicungchuyenmuc' );

function show_baicungchuyenmuc() ?>

<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

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

Sau lúc Add code ở trên ta được một short [baicungchuyenmuc]

nếu như 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

bạn vào

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

tìm HTML after blog posts bỏ đoạn short vào là xong

<br /> [baicungchuyenmuc]

1	[baicungchuyenmuc]

ngày nay chỉ việc lưu lại và check xem sở hữu chưa nhé ( như hình bên dưới )

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

đơn thuần đúng không nào 🙂 – Bạn với thể xem DEMO ở Sidebar nhé

nếu như bạn mang nghi vấn gì liên hệ tớ nhé – Chúc bạn thành công

Bài cộng chuyên mục bằng Short cho flatsome