congdantoancau wrote:Làm sao để cài đặt cái tag cloud này vào phần keyword trong forum widget nhỉ? Các bác giúp mình với!
Demo: https://www.roytanck.com/2008/03/06/wordpress-plugin-wp-cumulus-flash-based-tag-cloud/
Nguồn: https://wordpress.org/plugins/wp-category-tag-could/
Cái bạn đưa là của wordpress thì làm sao tương thích với fm được. Muốn làm theo kiểu đó thì khó khăn lắm.
Hiện có rất nhiều jquery plugin để làm tag clould như thế không nhất thiết phải dùng cái trên.
Giới thiệu cho bạn một plugin này. Sử dụng canvas để làm tag cloud theo mình thấy thì khá mượt.
Bạn có thể vào https://plugins.jquery.com/tagcanvas/ để tìm hiểu thêm.
Còn cách làm thì. Bạn vào ACP -> Display -> Portal -> mod_keywords
Thay toàn bộ code bên trong bằng code sau:
- Code:
<script type="text/javascript" src="https://cdn.rawgit.com/goat1000/TagCanvas/master/jquery.tagcanvas.min.js"></script>
<div class="keyword-widget">
<canvas width="300" height="300" id="keywords">
<ul>
<!-- BEGIN li_row -->
<li><a href="{li_row.LINKEYWORDS}" style="font-size: {li_row.SIZE}; !important">{li_row.KEYWORDS}</a></li>
<!-- END li_row -->
</ul>
</canvas>
</div>
<script type="text/javascript">
$('#keywords').tagcanvas({
textColour : '#3498db',
outlineThickness : 1,
maxSpeed : 0.03,
depth : 0.075
});
</script>
Tham Số | Ví Dụ | Ghi Chú |
textColour | 3498db | Là mã màu link trong tag cloud |
outlineThickness | 1 | Kích cỡ đường viền khi rê chuột vào liên kết trong tag cloud |
maxSpeed | 0.03 | Tốc độ di chuyển các liên kết khi rê chuột vào tag cloud |
depth | 0.075 | Hiệu ứng tạo chiều sâu cho liên kết ( đặt số càng lớn chữ càng sâu ) |
bgColour | black | Màu nền text link |
bgOutlineThickness | 1 | Viền khung text link. |
bgRadius | 3 | Bo góc khung text link |
outlineColour | red | Màu viền khung khu rê chuột vào link |
textFont | Arial | Chọn kiểu font cho tag link |
textHeight | 15 | Kích cỡ chữ cho tag link |
Demo: http://jsfiddle.net/caVYd/225/