Tiyak na sa maraming mga site at blog ay nakatagpo ka ng isang nakakatawang bagay bilang isang cloud ng tag. Kung nais mong lumikha ng isang ulap sa iyong website o blog, pagkatapos sa artikulong ito maaari kang makahanap ng mga tagubilin sa kung paano ito mabuo.
Ang tag cloud ay isang koleksyon ng mga tag o kategorya na madalas na lilitaw sa mga paghahanap, link, at pagbanggit ng salita. At mas madalas na nangyayari ang isa o ibang salita o konsepto, mas malaki ang nagiging imahe, naglalaman ng isang hyperlink sa mga konsepto at salitang ito.
Panuto
Hakbang 1
Una, bumuo ng isang listahan ng mga pares ng form: tag - ang bilang ng mga paglitaw. Upang magawa ito, gamitin ang sumusunod na code:
1. <?
2. klase TagsCloud {
3.
4. pribadong $ tag;
5.
6. ibigay ang $ font_size_min = 14;
7. ibigay ang $ font_size_step = 5;
8.
9.function _construct ($ tags) {
10.
11. shuffle ($ tags);
12. $ ito-> mga tag = $ mga tag;
13.
14. }
15.
16. pag-andar ng pribadong get_tag_count ($ tag_name, $ tags) {
17.
18. $ count = 0;
19.
20. unahan ($ mga tag bilang $ tag) {
21. kung ($ tag == $ tag_name) {
22. $ count ++;
23. }
24. }
25.
26. ibalik ang $ count;
27.
28. }
29.
30. pribadong pag-andar tagscloud ($ tags) {
31.
32. $ tags_list = array ();
33.
34. unahan ($ mga tag bilang $ tag) {
35. $ tags_list [$ tag] = self:: get_tag_count ($ tag, $ tags);
36. }
37.
38. ibalik ang $ tags_list;
39.
40. }
41.
42. pribadong pagpapaandar get_min_count ($ tags_list) {
43.
44. $ min = $ tags_list [$ this-> tags [0];
45.
46. unahan ($ tags_list bilang $ tag_count) {
47.
48. kung ($ tag_count <$ min) $ min = $ tag_count;
49.
50. }
51.
52. ibalik ang $ min;
53.
54. }
55.
56. public function get_cloud () {
57.
58. $ cloud = Array ();
59.
60. $ tags_list = self:: tagscloud ($ this-> tags);
61. $ min_count = self:: get_min_count ($ tags_list);
62.
63. unahan ($ tags_list bilang $ tag => $ count) {
64.
65. $ font_steps = $ count - $ min_count;
66. $ font_size = $ this-> font_size_min + $ this-> font_size_step * $ font_steps;
67.
68. $ cloud = ". $ Tag. ";
69. }
70.
71. ibalik ang $ ulap;
72.
73. }
74. }
75. ?>
Hakbang 2
Gumana kasama ang code na ito tulad nito:
01. <?
02.
03. $ tags = array (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 = bagong TagsCloud ($ tags);
12. $ tags_list = $ mycloud-> get_cloud ();
13.
14.foreach ($ tags_list bilang $ tag) {
15.echo $ tag. ' ';
16. }
17.
18. ?>
Sa lugar ng mga numero, ilagay ang mga tag na kailangan mo!
Hakbang 3
Upang maipakita ang isang cloud ng tag batay sa kaugnayan, gawin ang sumusunod. Sa mga setting, itakda ang minimum na laki ng font na tumutugma sa minimum na bilang ng mga pangyayari (iyon ay, isang paglitaw). Gamitin ang patlang na font_size_min.
Hakbang 4
Itakda ang laki ng font para sa natitirang mga tag tulad ng sumusunod: ang bawat paglitaw ay nagdaragdag ng font ng isang pixel. Upang magawa ito, gamitin ang font_size_step field.
Hakbang 5
Kung nais mong pagbutihin ang iyong cloud ng tag, ilakip ito sa isang js script.
Good luck sa paglikha ng iyong sariling mga ulap!
