Албетте, көптөгөн сайттарда жана блогдордо сиз булут булуту сыяктуу күлкүлүү окуяга туш болгонсуз. Эгер сиз өз вебсайтыңызда же блогуңузда ушундай булутту жараткыңыз келсе, анда бул макалада аны кантип жаратуу керектиги жөнүндө көрсөтмөлөрдү таба аласыз.
Тег булуту - издөөлөрдө, шилтемелерде жана сөздөрдө көп кездешүүчү тегдердин же категориялардын жыйындысы. Же тигил же бул сөз же түшүнүк канчалык көп пайда болсо, сүрөт ошончолук чоңоюп, анда ушул түшүнүктөргө жана сөздөргө гипершилтеме камтылат.
Нускамалар
1 кадам
Биринчиден, форманын жуптарынын тизмесин түзүңүз: тег - көрүнүштөрдүн саны. Ал үчүн төмөнкү кодду колдонуңуз:
1. <?
2. ClassCloud {класс
3.
4. жеке $ тэгдер;
5.
6.жеке $ font_size_min = 14;
7.жеке $ font_size_step = 5;
8.
9.функция _construct ($ tags) {
10.
11. shuffle ($ tags);
12. $ this-> tags = $ tags;
13.
14. }
15.
16. get_tag_count жеке функциясы ($ tag_name, $ tags) {
17.
18. $ count = 0;
19.
20. foreach ($ tags as $ tag) {
21. if ($ tag == $ tag_name) {
22. $ count ++;
23. }
24. }
25.
26. return return count;
27.
28. }
29.
30. tagscloud жеке функциясы ($ tags) {
31.
32. $ tags_list = array ();
33.
34. foreach ($ tags as $ tag) {
35. $ tags_list [$ tag] = self:: get_tag_count ($ tag, $ tags);
36. }
37.
38. return $ 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. эгер ($ tag_count <$ min) $ min = $ tag_count;
49.
50. }
51.
52. return $ min;
53.
54. }
55.
56. 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. foreach ($ tags_list катары $ 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-кадам
Бул код менен мындай иштеңиз:
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 = жаңы TagsCloud ($ тегдери);
12. $ tags_list = $ mycloud-> get_cloud ();
13.
14.foreach ($ tags_list $ tag катары) {
15.echo $ tag. ' ';
16. }
17.
18. ?>
Сандардын ордуна керектүү тегдерди коюңуз!
3-кадам
Тиешелүүлүктүн негизинде бирка булутун көрсөтүү үчүн төмөнкүлөрдү аткарыңыз. Орнотууларда, ариптердин минималдуу көлөмүнө дал келүүчү минималдуу көрүнүшкө (башкача айтканда, бир көрүнүшкө) туура келет. Font_size_min талаасын колдонуңуз.
4-кадам
Калган тегдер үчүн шрифттин көлөмүн төмөнкүдөй орнотуңуз: ар бир көрүнүш шрифтти бир пикселге көбөйтөт. Бул үчүн font_size_step талаасын колдонуңуз.
5-кадам
Эгер тег булутун жакшыртууну кааласаңыз, аны js скриптине тиркеңиз.
Өзүңүздүн булуттарды жаратууңузга ийгилик!
