แน่นอนว่าในหลาย ๆ ไซต์และบล็อกที่คุณเจอเรื่องตลกเช่นแท็กคลาวด์ หากคุณต้องการสร้างระบบคลาวด์บนเว็บไซต์หรือบล็อกของคุณ ในบทความนี้ คุณจะพบคำแนะนำเกี่ยวกับวิธีการสร้าง
กลุ่มแท็กคือกลุ่มของแท็กหรือหมวดหมู่ที่ปรากฏบ่อยที่สุดในการค้นหา ลิงก์ และคำที่กล่าวถึง และยิ่งคำหรือแนวคิดอย่างใดอย่างหนึ่งเกิดขึ้นบ่อยเท่าใด รูปภาพก็จะยิ่งมีขนาดใหญ่ขึ้นเท่านั้น โดยมีไฮเปอร์ลิงก์ไปยังแนวคิดและคำเหล่านี้
คำแนะนำ
ขั้นตอนที่ 1
ขั้นแรก สร้างรายการคู่ของรูปแบบ: แท็ก - จำนวนครั้ง เมื่อต้องการทำเช่นนี้ ใช้รหัสต่อไปนี้:
1. <?
2. แท็กคลาสคลาวด์ {
3.
4. แท็ก $ ส่วนตัว;
5.
6.ส่วนตัว $ font_size_min = 14;
7.private $ font_size_step = 5;
8.
9.ฟังก์ชั่น _construct ($ แท็ก) {
10.
11.สับเปลี่ยน ($ แท็ก);
12. $ this-> tags = $ tags;
13.
14. }
15.
16. ฟังก์ชั่นส่วนตัว get_tag_count ($ tag_name, $ tags) {
17.
18. $ นับ = 0;
19.
20. foreach ($ tag เป็น $ tag) {
21. if ($ tag == $ tag_name) {
22. $ นับ ++;
23. }
24. }
25.
26. คืนค่าจำนวน $;
27.
28. }
29.
30. ฟังก์ชั่นส่วนตัว tagscloud ($ แท็ก) {
31.
32. $ tags_list = อาร์เรย์ ();
33.
34. foreach ($ แท็กเป็น $ tag) {
35. $ tags_list [$ tag] = self:: get_tag_count ($ tag, $ tags);
36. }
37.
38. คืนค่า $ tags_list;
39.
40. }
41.
42. ฟังก์ชั่นส่วนตัว get_min_count ($ tags_list) {
43.
44. $ min = $ tags_list [$ this-> tags [0];
45.
46. foreach ($ tags_list เป็น $ tag_count) {
47.
48. if ($ tag_count <$ min) $ min = $ tag_count;
49.
50. }
51.
52. คืนค่า $ นาที;
53.
54. }
55.
56. ฟังก์ชั่นสาธารณะ get_cloud () {
57.
58. $ cloud = อาร์เรย์ ();
59.
60. $ tags_list = self:: tagscloud ($ this-> แท็ก);
61. $ min_count = ตนเอง:: get_min_count ($ tags_list);
62.
63. foreach ($ tags_list เป็น $ tag => $ count) {
64.
65. $ font_steps = จำนวน $ - $ min_count;
66. $ font_size = $ this-> font_size_min + $ this-> font_size_step * $ font_steps;
67.
68. $ cloud = " $ แท็ก ";
69. }
70.
71. คืน $ cloud;
72.
73. }
74. }
75. ?>
ขั้นตอนที่ 2
ทำงานกับรหัสนี้ดังนี้:
01. <?
02.
03. แท็ก $ = อาร์เรย์ (04. '1111', '2222', '333', '444', 05. '5555', '666', '777', '777', 06. '333', '8888', '6666', '333', 07. '888', '000’, '989', '45455', 08. '5555', '63636', '54545', '55656'
09.);
10.
11. $ mycloud = แท็กใหม่บนคลาวด์ ($ แท็ก);
12. $ tags_list = $ mycloud-> get_cloud ();
13.
14.foreach ($ tags_list เป็น $ tag) {
แท็ก 15.echo $ ' ';
16. }
17.
18. ?>
ใส่แท็กที่คุณต้องการแทนตัวเลข!
ขั้นตอนที่ 3
ในการแสดงแท็กคลาวด์ตามความเกี่ยวข้อง ให้ทำดังต่อไปนี้ ในการตั้งค่า กำหนดขนาดแบบอักษรขั้นต่ำที่จะสอดคล้องกับจำนวนครั้งขั้นต่ำที่เกิดขึ้น (นั่นคือหนึ่งครั้ง) ใช้ฟิลด์ font_size_min
ขั้นตอนที่ 4
กำหนดขนาดฟอนต์สำหรับแท็กที่เหลือดังนี้: แต่ละรายการจะเพิ่มขนาดฟอนต์หนึ่งพิกเซล เมื่อต้องการทำเช่นนี้ ให้ใช้ฟิลด์ font_size_step
ขั้นตอนที่ 5
หากคุณต้องการปรับปรุง tag cloud ให้แนบไปกับสคริปต์ js
ขอให้โชคดีในการสร้างเมฆของคุณเอง!