Visst på många webbplatser och bloggar har du stött på en så rolig sak som ett taggmoln. Om du vill skapa ett sådant moln på din webbplats eller blogg kan du i den här artikeln hitta instruktioner om hur du skapar det.
Ett taggmoln är en samling taggar eller kategorier som förekommer oftast i sökningar, länkar och ordnämnder. Och ju oftare ett eller annat ord eller koncept inträffar, desto större blir bilden och innehåller en hyperlänk till dessa begrepp och ord.
Instruktioner
Steg 1
Generera först en lista med par i form: tag - antalet förekomster. Använd följande kod för att göra detta:
1. <?
2. klass TagsCloud {
3.
4. privata $ taggar;
5.
6. privat $ font_size_min = 14;
7. privat $ font_size_step = 5;
8.
9.funktion _construct ($ taggar) {
10.
11. shuffle ($ taggar);
12. $ detta-> taggar = $ taggar;
13.
14. }
15.
16. privat funktion get_tag_count ($ tag_name, $ tags) {
17.
18. $ räkning = 0;
19.
20. foreach ($ taggar som $ tag) {
21. if ($ tag == $ tag_name) {
22. $ count ++;
23. }
24. }
25.
26. returnera $ count;
27.
28. }
29.
30. private function tagscloud ($ tags) {
31.
32. $ tags_list = array ();
33.
34. foreach ($ taggar som $ tag) {
35. $ tags_list [$ tag] = själv:: get_tag_count ($ tag, $ tags);
36. }
37.
38. returnera $ tags_list;
39.
40. }
41.
42. privat funktion get_min_count ($ tags_list) {
43.
44. $ min = $ tags_list [$ this-> tags [0];
45.
46. foreach ($ tags_list som $ tag_count) {
47.
48. om ($ tag_count <$ min) $ min = $ tag_count;
49.
50. }
51.
52. returnera $ min;
53.
54. }
55.
56. offentlig funktion get_cloud () {
57.
58. $ moln = Array ();
59.
60. $ tags_list = self:: tagscloud ($ this-> tags);
61. $ min_count = self:: get_min_count ($ tags_list);
62.
63. foreach ($ tags_list som $ 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. returnera $ moln;
72.
73. }
74. }
75. ?>
Steg 2
Arbeta med den här koden så här:
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 = nya TagsCloud ($ tags);
12. $ tags_list = $ mycloud-> get_cloud ();
13.
14.foreach ($ tags_list som $ tag) {
15.echo $ tag. ' ';
16. }
17.
18. ?>
I stället för siffrorna, sätt de taggar du behöver!
Steg 3
Gör följande för att visa ett taggmoln baserat på relevans. I inställningarna ställer du in minsta teckenstorlek som motsvarar det minsta antalet förekomster (det vill säga en förekomst). Använd fältet font_size_min.
Steg 4
Ställ in teckenstorleken för resten av taggarna enligt följande: varje förekomst ökar teckensnittet med en pixel. Använd fältet font_size_step för att göra detta.
Steg 5
Om du vill förbättra ditt taggmoln, bifoga det till ett js-skript.
Lycka till med att skapa dina egna moln!
