Kako Narediti Oblak Oznak

Kazalo:

Kako Narediti Oblak Oznak
Kako Narediti Oblak Oznak

Video: Kako Narediti Oblak Oznak

Video: Kako Narediti Oblak Oznak
Video: The Modern - Day Gk: Training with Jan Oblak 2024, April
Anonim

Zagotovo ste na številnih spletnih mestih in blogih naleteli na tako smešno stvar, kot je oblak oznak. Če želite tak oblak ustvariti na svojem spletnem mestu ali blogu, potem v tem članku najdete navodila, kako ga ustvariti.

Oblak oznak je zbirka oznak ali kategorij, ki se najpogosteje pojavijo pri iskanju, povezavah in omembah besed. In bolj pogosto kot se pojavi ena ali druga beseda ali koncept, večja je slika, ki vsebuje hiperpovezavo do teh konceptov in besed.

Kako narediti oblak oznak
Kako narediti oblak oznak

Navodila

Korak 1

Najprej ustvarite seznam parov obrazca: tag - število ponovitev. Če želite to narediti, uporabite naslednjo kodo:

1. <?

2. razred TagsCloud {

3.

4. zasebne $ oznake;

5.

6. zasebno $ font_size_min = 14;

7. zasebno $ font_size_step = 5;

8.

9. function _construct ($ tags) {

10.

11. naključno ($ oznake);

12. $ this-> tags = $ tags;

13.

14. }

15.

16. zasebna funkcija get_tag_count ($ tag_name, $ tags) {

17.

18. Število dolarjev = 0;

19.

20. foreach ($ tags kot $ tag) {

21. if ($ tag == $ tag_name) {

22. štetje $ ++;

23. }

24. }

25.

26. vrnitev štetja $;

27.

28. }

29.

30. zasebna funkcija tagscloud ($ tags) {

31.

32. $ tags_list = array ();

33.

34. foreach ($ tags kot $ tag) {

35. $ tags_list [$ tag] = self:: get_tag_count ($ tag, $ tags);

36. }

37.

38. vrni $ tags_list;

39.

40. }

41.

42. zasebna funkcija get_min_count ($ tags_list) {

43.

44. $ min = $ tags_list [$ this-> tags [0];

45.

46. foreach ($ tags_list kot $ tag_count) {

47.

48. if ($ tag_count <$ min) $ min = $ tag_count;

49.

50. }

51.

52. vrnitev $ min;

53.

54. }

55.

56. javna funkcija get_cloud () {

57.

58. $ oblak = matrika ();

59.

60. $ tags_list = self:: tagscloud ($ this-> tags);

61. $ min_count = self:: get_min_count ($ tags_list);

62.

63. foreach ($ tags_list kot $ 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. vrni $ oblak;

72.

73. }

74. }

75. ?>

2. korak

Delajte s to kodo tako:

01. <?

02.

03. $ tags = matrika (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 = new TagsCloud ($ tags);

12. $ tags_list = $ mycloud-> get_cloud ();

13.

14.foreach ($ tags_list kot $ tag) {

15. echo $ tag. ' ';

16. }

17.

18. ?>

Namesto številk postavite oznake, ki jih potrebujete!

3. korak

Če želite prikazati oblak oznak glede na ustreznost, naredite naslednje. V nastavitvah nastavite najmanjšo velikost pisave, ki bo ustrezala najmanjšemu številu pojavitev (to je en pojav). Uporabite polje font_size_min.

4. korak

Velikost pisave za ostale oznake nastavite na naslednji način: vsak pojav poveča pisavo za en piksel. Če želite to narediti, uporabite polje font_size_step.

5. korak

Če želite izboljšati oblak oznak, ga priložite skriptu js.

Vso srečo pri ustvarjanju lastnih oblakov!

Priporočena: