[Hỏi đáp] Tạo tag cloud cho phần keyword trong forum widget

  Bài viết hay nhất1
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/
  Bài viết hay nhất2
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ú     
textColour3498db Là mã màu link trong tag cloud 
outlineThickness1Kích cỡ đường viền khi rê chuột vào liên kết trong tag cloud
maxSpeed0.03Tốc độ di chuyển các liên kết khi rê chuột vào tag cloud
depth0.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 )   
bgColourblack Màu nền text link 
bgOutlineThickness1 Viền khung text link. 
bgRadius3Bo góc khung text link
outlineColourred Màu viền khung khu rê chuột vào link 
textFontArialChọn kiểu font cho tag link
textHeight15Kích cỡ chữ cho tag link

Demo: http://jsfiddle.net/caVYd/225/
  Bài viết hay nhất3
Wow. Cảm ơn bro. Vậy làm sao để tạo viền từng keyword đó hoặc tô màu background vì hiện tại nó trong suốt mà background của mình thì ảnh hưởng đến chữ, khó nhìn lắm. Tiện thể thì cho mình cax chỉnh cỡ chữ luôn.
  Bài viết hay nhất4
congdantoancau wrote:Wow. Cảm ơn bro. Vậy làm sao để tạo viền từng keyword đó hoặc tô màu background vì hiện tại nó trong suốt mà background của mình thì ảnh hưởng đến chữ, khó nhìn lắm. Tiện thể thì cho mình cax chỉnh cỡ chữ luôn.

Một số tham số để bạn tham khảo.


 Tham Số  Ví Dụ  Ghi Chú 
bgColourblack Màu nền text link 
bgOutlineThickness1 Viền khung text link. 
bgRadius3Bo góc khung text link
outlineColourred Màu viền khung khu rê chuột vào link 
textFontArialChọn kiểu font cho tag link
textHeight15Kích cỡ chữ cho tag link

Còn bạn muốn đổi màu nền cho khung tag cloud thì dùng css là được rồi.

Code:
#keywords{background:#000}

  Bài viết hay nhất5
Rất chi tiết, bro.
Có thể cho nó quay theo chiều ngược lại được không?
Cảm ơn rất nhiều!
  Bài viết hay nhất6
You cannot reply to topics in this forum