Hogyan Készítsünk Címkefelhőt

Tartalomjegyzék:

Hogyan Készítsünk Címkefelhőt
Hogyan Készítsünk Címkefelhőt

Videó: Hogyan Készítsünk Címkefelhőt

Videó: Hogyan Készítsünk Címkefelhőt
Videó: uCoz videotippek 13. rész - Animált 3D címkefelhő widget 2024, Április
Anonim

Bizonyára sok webhelyen és blogon találkozott olyan vicces dologgal, mint a címkefelhő. Ha ilyen felhőt szeretne létrehozni a webhelyén vagy a blogján, akkor ebben a cikkben útmutatást talál a létrehozására vonatkozóan.

A címkefelhő olyan címkék vagy kategóriák gyűjteménye, amelyek leggyakrabban a keresések, linkek és szóemlítések során jelennek meg. És minél gyakrabban fordul elő egy vagy másik szó vagy fogalom, annál nagyobb lesz a kép, amely hiperhivatkozást tartalmaz ezekre a fogalmakra és szavakra.

Hogyan készítsünk címkefelhőt
Hogyan készítsünk címkefelhőt

Utasítás

1. lépés

Először hozzon létre egy listát a form: tag - az előfordulások száma párjairól. Ehhez használja a következő kódot:

1. <?

2. osztály TagsCloud {

3.

4. privát $ tagek;

5.

6. magán $ font_size_min = 14;

7. magán $ font_size_step = 5;

8.

9. function _construct ($ tags) {

10.

11.csere ($ tagek);

12. $ this-> tags = $ tags;

13.

14. }

15.

16. a get_tag_count ($ tag_name, $ tags) privát függvény

17.

18. $ count = 0;

19.

20. foreach ($ tag mint $ tag) {

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

22. $ count ++;

23. }

24. }

25.

26. return $ count;

27.

28. }

29.

30. privát funkció tagscloud ($ tags) {

31.

32. $ tags_list = tömb ();

33.

34. foreach ($ tag mint $ tag) {

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

36. }

37.

38. return $ tags_list;

39.

40. }

41.

42. privát függvény get_min_count ($ tags_list) {

43.

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

45.

46. foreach ($ tags_list mint $ tag_count) {

47.

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

49.

50. }

51.

52. visszatér $ min;

53.

54. }

55.

56. nyilvános függvény get_cloud () {

57.

58. $ felhő = tömb ();

59.

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

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

62.

63. foreach ($ tags_list as $ tag => $ count) {

64.

65. $ font_steps = $ count - $ min_szám;

66. $ font_size = $ this-> font_size_min + $ this-> font_size_step * $ font_steps;

67.

68. $ cloud = ". $ Tag. ";

69. }

70.

71. return $ felhő;

72.

73. }

74. }

75. ?>

2. lépés

Így dolgozzon ezzel a kóddal:

01. <?

02.

03. $ tags = tömb (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 as $ tag) {

15.echo $ tag. ' ;

16. }

17.

18. ?>

A számok helyére tegye a szükséges címkéket!

3. lépés

Címkefelhő relevancia alapján történő megjelenítéséhez tegye a következőket. A beállításokban állítsa be a minimális betűméretet, amely megfelel a minimális előfordulási számnak (vagyis egy előfordulásnak). Használja a font_méret_min mezőt.

4. lépés

Állítsa be a többi címke betűméretét az alábbiak szerint: minden előfordulás egy pixelrel növeli a betűtípust. Ehhez használja a font_size_step mezőt.

5. lépés

Ha javítani szeretné a címkefelhőjét, csatolja egy js szkripthez.

Sok sikert a saját felhők létrehozásához!

Ajánlott: