Shubhasiz ko'plab saytlar va bloglarda siz yorliq buluti kabi kulgili narsaga duch keldingiz. Agar siz o'zingizning veb-saytingizda yoki blogingizda bunday bulutni yaratmoqchi bo'lsangiz, unda ushbu maqolada uni yaratish bo'yicha ko'rsatmalarni topishingiz mumkin.
Teglar buluti - bu qidiruvlarda, havolalarda va so'zlarni eslatishda eng tez-tez paydo bo'ladigan teglar yoki toifalar to'plamidir. Va biron bir so'z yoki tushuncha qanchalik tez-tez uchrasa, rasm shunchalik kattalashadi, unda ushbu tushunchalar va so'zlarga ko'prik mavjud.
Ko'rsatmalar
1-qadam
Birinchidan, shakl juftlarining ro'yxatini yarating: tag - paydo bo'lish soni. Buning uchun quyidagi koddan foydalaning:
1. <?
2. TagsCloud sinf {
3.
4. xususiy $ teglari;
5.
6. xususiy $ font_size_min = 14;
7. xususiy $ font_size_step = 5;
8.
9.funktsiya _construct ($ tags) {
10.
11. shuffle ($ teglar);
12. $ this-> tags = $ teglar;
13.
14. }
15.
16. get_tag_count xususiy funktsiyasi ($ tag_name, $ tags) {
17.
18. $ count = 0;
19.
20. foreach ($ tags sifatida $ tag) {
21. agar ($ tag == $ tag_name) {
22. $ count ++;
23. }
24. }
25.
26. return $ count;
27.
28. }
29.
30. tagscloud xususiy funktsiyasi ($ tags) {
31.
32. $ tags_list = array ();
33.
34. foreach ($ tags sifatida $ tag) {
35. $ tags_list [$ tag] = self:: get_tag_count ($ tag, $ tags);
36. }
37.
38. return $ tags_list;
39.
40. }
41.
42. get_min_count xususiy funktsiyasi ($ tags_list) {
43.
44. $ min = $ tags_list [$ this-> tags [0];
45.
46. foreach ($ tags_list sifatida $ tag_count) {
47.
48. agar ($ tag_count <$ min) $ min = $ tag_count;
49.
50. }
51.
52. return $ min;
53.
54. }
55.
56. get_cloud () {umumiy funktsiyasi
57.
58. $ cloud = Array ();
59.
60. $ tags_list = self:: tagscloud ($ this-> teglar);
61. $ min_count = self:: get_min_count ($ tags_list);
62.
63. foreach ($ tags_list as $ 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. return $ cloud;
72.
73. }
74. }
75. ?>
2-qadam
Ushbu kod bilan quyidagicha ishlang:
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 = yangi TagsCloud ($ teglar);
12. $ tags_list = $ mycloud-> get_cloud ();
13.
14.foreach ($ tags_list $ tag sifatida) {
15.echo $ yorlig'i. ' ';
16. }
17.
18. ?>
Raqamlarning o'rniga kerakli teglarni qo'ying!
3-qadam
Tegishli bulutga asoslangan tegni ko'rsatish uchun quyidagilarni bajaring. Sozlamalarda, shriftlarning minimal hajmiga mos keladigan minimal shrift hajmini o'rnating (ya'ni bitta hodisa). Font_size_min maydonidan foydalaning.
4-qadam
Qolgan teglar uchun shrift o'lchamini quyidagicha o'rnating: har bir paydo bo'lish shriftni bitta pikselga oshiradi. Buning uchun font_size_step maydonidan foydalaning.
5-qadam
Agar yorliq bulutini yaxshilashni xohlasangiz, uni js skriptiga biriktiring.
O'zingizning bulutlaringizni yaratishda omad tilaymiz!
