Bài cộng chuyên mục bằng Short cho flatsome
trong giai đoạn tiêu dùng theme flatsome làm cho Blog hoặc trang tin tức chúng ta cần khiến cho bài cộng chuyên mục , Nay mình sẽ chỉ bạn cách thức khiến cho bài cùng chuyên mục bằng Short cho flatsome thuần tuý và ko cần đụng đến code nhé
Bài cùng chuyên mục bằng Short cho flatsome
để dễ mường tưởng 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 tiên Anh chị em cần mở file funcition.php trong thư mục theme mà bạn đang dùng lên. Sao chép phần nhiều code bên dưới rồi dán vào file và lưu lại.
mang THỂ BẠN quan tâm
- Plugin chế độ xem sản phẩm List View và Grid trong WooCommerce
- [hỏi – đáp] Show thuộc tính sản phẩm ra trang sản phẩm trong wordpress
- Tặng Free domain.club hoàn toàn miễn phí
- Css tạo góc vuông cho phân trang trong Flatsome
- làm cho đẹp cho nút xóa sản phẩm trong woocommerce
- các đoạn code file function.php hay sử dụng và rất bổ ích ( cập nhật thường xuyên )
<br /> // bài cộng chuyên mục với 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 />
|
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
|
// bài cùng chuyên mục với hình - flatsome.xyz
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
|
Bài cùng chuyên mục bằng Short cho flatsome
Sau khi Add code ở trên ta được một short [baicungchuyenmuc]
ví 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ậu 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 có 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 có thể xem DEMO ở Sidebar nhé
nếu bạn sở hữu thắc mắc gì liên hệ tớ nhé – Chúc bạn thành công
Post a Comment