Digital Marketing

Cách hiển thị bài viết liên quan trong WordPress không dùng plugin

Các bài viết liên quan sau khi áp dụng thủ thuật này

Trong bài viết này, mình chia sẻ với mọi người cách hiển thị các bài viết liên quan (Bài viết liên quan) trong WordPress mà không sử dụng plugin. Các bài viết liên quan sẽ được tự động gợi ý bởi các thẻ.

Đang làm

Bạn dán mã này vào tệp single.php hoặc content-single.php điều này phụ thuộc vào chủ đề của bạn!

/*
HIEN THI BAI VIET LIEN QUAN -BAT DAU
*/

<div class="bai-viet-lien-quan" >
<p style="text-align: left;"><span style="color: #993366;"><strong><span style="font-family: arial, helvetica, sans-serif; font-size: 14pt;">Bài viết liên quan:</span></strong></span></p>
<?php
$tags = wp_get_post_tags(get_the_ID());
if ($tags){
echo '<div >';
$tag_ids = array();
foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;

$args=array(
'tag__in' => $tag_ids,
'post__not_in' => array(get_the_ID()),
'posts_per_page' => 3,
);
$my_query = new wp_query($args);
if( $my_query->have_posts() ):
echo '<ul>';
while ($my_query->have_posts()):$my_query->the_post();
?>
<li><a href="https://hocban.vn/<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></li>
<?php
endwhile;
echo '</ul>';
endif;
wp_reset_query();
echo '</div>';
}
?> 
</div>

/*
HIEN THI BAI VIET LIEN QUAN - KET THUC
*/

Đối với chủ đề FreshWP khi thực hiện thử nghiệm này, tôi dán nó ngay bên dưới dòng:

</div><!-- .entry-content -->

Bây giờ bạn cần làm thêm một bước nữa là tùy chỉnh CSS cho khung các bài viết liên quan cho nó giống một chút bằng cách copy đoạn CSS sau và dán vào phần CSS bổ sung của theme bạn đang sử dụng.

.bai-viet-lien-quan {
border-bottom: dashed #efefef 1px;
margin-bottom: 1.5em;
margin-top: -0.8em;
}
div#relatedpost li a {
color: #0024e9;
line-height: 1.5;
}

Sau khi dán xong, bạn lưu lại và xem kết quả như thế nào: v | Thủ thuật này hơi khó bạn nên dán đoạn mã để hiển thị các bài viết liên quan, phần còn lại rất dễ dàng.

Vậy là xong, mình đã chia sẻ cho các bạn cách hiển thị các bài viết liên quan trong WordPress mà không cần sử dụng plugin, nếu bạn có thắc mắc hay góp ý gì thì hãy để lại bình luận bên dưới nhé!

4.2 / 5 – (6 phiếu bầu)


Marketing online


Thông tin thêm

Cách hiển thị bài viết liên quan trong WordPress không dùng plugin

#Cách #hiển #thị #bài #viết #liên #quan #trong #WordPress #không #dùng #plugin
[rule_3_plain] #Cách #hiển #thị #bài #viết #liên #quan #trong #WordPress #không #dùng #plugin

Bài viết liên quan sau khi áp dụng thủ thuật này
Trong bài viết này mình chia sẻ đến mọi người cách hiển thị bài viết liên quan (Related Posts) trong WordPress mà không dùng plugin. Bài viết liên quan sẽ được tự động đề xuất theo tags.
Cách thực hiện
Các bạn đem dán đoạn code này vào trong file single.php hoặc content-single.php ,cái này tùy theo theme bạn nhé !
/*
HIEN THI BAI VIET LIEN QUAN -BAT DAU
*/

<div class=”bai-viet-lien-quan” >
<p style=”text-align: left;”><span style=”color: #993366;”><strong><span style=”font-family: arial, helvetica, sans-serif; font-size: 14pt;”>Bài viết liên quan:</span></strong></span></p>
<?php
$tags = wp_get_post_tags(get_the_ID());
if ($tags){
echo ‘<div >’;
$tag_ids = array();
foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;

$args=array(
‘tag__in’ => $tag_ids,
‘post__not_in’ => array(get_the_ID()),
‘posts_per_page’ => 3,
);
$my_query = new wp_query($args);
if( $my_query->have_posts() ):
echo ‘<ul>’;
while ($my_query->have_posts()):$my_query->the_post();
?>
<li><a href=”https://hocban.vn/<?php the_permalink() ?>” title=”<?php the_title(); ?>”><?php the_title(); ?></a></li>
<?php
endwhile;
echo ‘</ul>’;
endif;
wp_reset_query();
echo ‘</div>’;
}
?>
</div>

/*
HIEN THI BAI VIET LIEN QUAN – KET THUC
*/
Đối với theme freshWP khi thực hiện thử nghiệm này, mình dán nó vào ngay bên dưới dòng:
</div><!– .entry-content –>
Bây giờ bạn cần làm thêm một bước nữa là tùy chỉnh CSS lại cái khung bài viết liên quan cho nó ra vẻ tí bằng cách copy đoạn CSS sau đem dán vào trong phần CSS bổ sung của theme đang xài.
.bai-viet-lien-quan {
border-bottom: dashed #efefef 1px;
margin-bottom: 1.5em;
margin-top: -0.8em;
}
div#relatedpost li a {
color: #0024e9;
line-height: 1.5;
}
Sau khi dán xong, bạn lưu lại và xem kết quả như thế nào :v | Thủ thuật này nó hơi khó chỗ là nên dán cái code hiển thị bài viết liên quan chỗ nào, còn lại thì dễ rồi.
Như vậy là mình đã chia sẻ xong cho các bạn cách hiển thị bài viết liên quan trong WordPress không dùng plugin rồi đấy, nếu có điều gì thắc mắc hoặc đóng góp ý kiến thì bạn hãy để lại bình luận bên dưới nhé !

4.2/5 – (6 votes)

window.addEventListener(‘DOMContentLoaded’, function() {
jQuery(document).ready(function( $) {
$.post( ‘https://hocban.vn/wp-admin/admin-ajax.php’, {action: ‘mts_view_count’, id: ‘10835’});
});
});
#Cách #hiển #thị #bài #viết #liên #quan #trong #WordPress #không #dùng #plugin
[rule_2_plain] #Cách #hiển #thị #bài #viết #liên #quan #trong #WordPress #không #dùng #plugin
[rule_2_plain] #Cách #hiển #thị #bài #viết #liên #quan #trong #WordPress #không #dùng #plugin
[rule_3_plain]

#Cách #hiển #thị #bài #viết #liên #quan #trong #WordPress #không #dùng #plugin

Bài viết liên quan sau khi áp dụng thủ thuật này
Trong bài viết này mình chia sẻ đến mọi người cách hiển thị bài viết liên quan (Related Posts) trong WordPress mà không dùng plugin. Bài viết liên quan sẽ được tự động đề xuất theo tags.
Cách thực hiện
Các bạn đem dán đoạn code này vào trong file single.php hoặc content-single.php ,cái này tùy theo theme bạn nhé !
/*
HIEN THI BAI VIET LIEN QUAN -BAT DAU
*/

<div class=”bai-viet-lien-quan” >
<p style=”text-align: left;”><span style=”color: #993366;”><strong><span style=”font-family: arial, helvetica, sans-serif; font-size: 14pt;”>Bài viết liên quan:</span></strong></span></p>
<?php
$tags = wp_get_post_tags(get_the_ID());
if ($tags){
echo ‘<div >’;
$tag_ids = array();
foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;

$args=array(
‘tag__in’ => $tag_ids,
‘post__not_in’ => array(get_the_ID()),
‘posts_per_page’ => 3,
);
$my_query = new wp_query($args);
if( $my_query->have_posts() ):
echo ‘<ul>’;
while ($my_query->have_posts()):$my_query->the_post();
?>
<li><a href=”https://hocban.vn/<?php the_permalink() ?>” title=”<?php the_title(); ?>”><?php the_title(); ?></a></li>
<?php
endwhile;
echo ‘</ul>’;
endif;
wp_reset_query();
echo ‘</div>’;
}
?>
</div>

/*
HIEN THI BAI VIET LIEN QUAN – KET THUC
*/
Đối với theme freshWP khi thực hiện thử nghiệm này, mình dán nó vào ngay bên dưới dòng:
</div><!– .entry-content –>
Bây giờ bạn cần làm thêm một bước nữa là tùy chỉnh CSS lại cái khung bài viết liên quan cho nó ra vẻ tí bằng cách copy đoạn CSS sau đem dán vào trong phần CSS bổ sung của theme đang xài.
.bai-viet-lien-quan {
border-bottom: dashed #efefef 1px;
margin-bottom: 1.5em;
margin-top: -0.8em;
}
div#relatedpost li a {
color: #0024e9;
line-height: 1.5;
}
Sau khi dán xong, bạn lưu lại và xem kết quả như thế nào :v | Thủ thuật này nó hơi khó chỗ là nên dán cái code hiển thị bài viết liên quan chỗ nào, còn lại thì dễ rồi.
Như vậy là mình đã chia sẻ xong cho các bạn cách hiển thị bài viết liên quan trong WordPress không dùng plugin rồi đấy, nếu có điều gì thắc mắc hoặc đóng góp ý kiến thì bạn hãy để lại bình luận bên dưới nhé !

4.2/5 – (6 votes)

window.addEventListener(‘DOMContentLoaded’, function() {
jQuery(document).ready(function( $) {
$.post( ‘https://hocban.vn/wp-admin/admin-ajax.php’, {action: ‘mts_view_count’, id: ‘10835’});
});
});

Related Articles

Trả lời

Email của bạn sẽ không được hiển thị công khai.

Back to top button