Cách rút gọn mô tả chuyên mục blog wordpress theme Flatsome – Trong chủ đề Flatsome, việc rút gọn mô tả của chuyên mục blog có thể giúp tạo ra một giao diện trực quan và hấp dẫn cho người dùng. Dưới đây là một số lý do nổi bật cho việc rút gọn mô tả của chuyên mục blog trong Flatsome:
Cách rút gọn mô tả chuyên mục blog wordpress theme Flatsome – dùng trên mọi theme WordPress
- Tối ưu hóa trải nghiệm người dùng: Rút gọn mô tả của chuyên mục blog giúp người dùng dễ dàng tìm kiếm thông tin mà họ quan tâm. Việc hiển thị một phần mô tả sẽ làm cho trang web trông gọn gàng và tránh làm lãng phí không gian trên trang.
- Tăng tốc độ tải trang: Khi chỉ hiển thị một phần mô tả, trang web sẽ tải nhanh hơn vì không cần phải tải toàn bộ nội dung của bài viết. Điều này giúp cải thiện trải nghiệm người dùng và tăng khả năng tương tác với trang web.
- Tạo sự hấp dẫn cho người dùng: Rút gọn mô tả có thể kích thích sự tò mò của người dùng và khuyến khích họ nhấp vào các bài viết để đọc tiếp. Việc tạo ra những mô tả ngắn gọn và hấp dẫn có thể thu hút sự quan tâm của người dùng và giữ họ ở lại trang web lâu hơn.
- Tăng khả năng chia sẻ: Khi chia sẻ bài viết trên các mạng xã hội, một phần mô tả ngắn gọn sẽ hiển thị cùng với tiêu đề bài viết. Điều này giúp người dùng hiểu rõ hơn về nội dung của bài viết và tăng khả năng chia sẻ nó với những người khác.
- Tạo điểm nhấn cho nội dung: Khi chỉ hiển thị một phần mô tả, bạn có thể làm nổi bật các thông tin quan trọng và thu hút sự chú ý của người đọc. Bằng cách sử dụng những từ ngữ và câu chữ súc tích và hấp dẫn, bạn có thể tạo ra một mô tả hấp dẫn và thu hút sự quan tâm của người đọc.
- Rút gọn mô tả của chuyên mục blog trong Flatsome có thể mang lại nhiều lợi ích cho trang web của bạn, từ cải thiện trải nghiệm người dùng đến tăng khả năng tương tác và chia sẻ nội dung.
Code gọn mô tả chuyên mục blog wordpress theme Flatsome
Vào việc này , bạn vào function của theme đang dùng sau đó bỏ đoạn code này vào để Rút Gọn Cách rút gọn mô tả chuyên mục blog wordpress theme Flatsome
|
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 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 |
add_action('wp_footer','devvn_readmore_taxonomy_flatsome'); function devvn_readmore_taxonomy_flatsome(){ ?> <style> .taxonomy-description { overflow: hidden; position: relative; margin-bottom: 20px; padding-bottom: 25px; } .devvn_readmore_taxonomy_flatsome { text-align: center; cursor: pointer; position: absolute; z-index: 10; bottom: 0; width: 100%; background: #fff; } .devvn_readmore_taxonomy_flatsome:before { height: 55px; margin-top: -45px; content: ""; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff00', endColorstr='#ffffff',GradientType=0 ); display: block; } .devvn_readmore_taxonomy_flatsome a { color: #318A00; display: block; } .devvn_readmore_taxonomy_flatsome a:after { content: ''; width: 0; right: 0; border-top: 6px solid #318A00; border-left: 6px solid transparent; border-right: 6px solid transparent; display: inline-block; vertical-align: middle; margin: -2px 0 0 5px; } .devvn_readmore_taxonomy_flatsome_less:before { display: none; } .devvn_readmore_taxonomy_flatsome_less a:after { border-top: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #318A00; } </style> <script> (function($){ $(document).ready(function(){ if($('.taxonomy-description').length > 0){ var wrap = $('.taxonomy-description'); var current_height = wrap.height(); var your_height = 300; if(current_height > your_height){ wrap.css('height', your_height+'px'); wrap.append(function(){ return '<div class="devvn_readmore_taxonomy_flatsome devvn_readmore_taxonomy_flatsome_show"><a title="Xem thêm" href="javascript:void(0);">Xem thêm</a></div>'; }); wrap.append(function(){ return '<div class="devvn_readmore_taxonomy_flatsome devvn_readmore_taxonomy_flatsome_less" style="display: none"><a title="Thu gọn" href="javascript:void(0);">Thu gọn</a></div>'; }); $('body').on('click','.devvn_readmore_taxonomy_flatsome_show', function(){ wrap.removeAttr('style'); $('body .devvn_readmore_taxonomy_flatsome_show').hide(); $('body .devvn_readmore_taxonomy_flatsome_less').show(); }); $('body').on('click','.devvn_readmore_taxonomy_flatsome_less', function(){ wrap.css('height', your_height+'px'); $('body .devvn_readmore_taxonomy_flatsome_show').show(); $('body .devvn_readmore_taxonomy_flatsome_less').hide(); }); } } }) })(jQuery) </script> <?php } |
sau khi thêm xong bạn lưu lại và thưởng thức thành quả nào
kết Quả rút gọn mô tả chuyên mục blog wordpress
Xem videos Tại đây nhé – Cách rút gọn mô tả chuyên mục blog wordpress theme Flatsome
Hãy Sub Kênh Mình để nhận thông tin mới nhất nhé https://www.youtube.com/@flatsomexyz
Cảm ơn anh em chúc anh em có ngày làm việc hiệu quả !
ngon zai liền
Quá Đỉnh bác ơi
Trang rất đẹp , cảm ơn bác đã chia sẽ thông tin ah