Ako Vytvoriť Tag Cloud

Obsah:

Ako Vytvoriť Tag Cloud
Ako Vytvoriť Tag Cloud

Video: Ako Vytvoriť Tag Cloud

Video: Ako Vytvoriť Tag Cloud
Video: HomeZone Tag Cloud 2024, November
Anonim

Určite ste sa na mnohých stránkach a blogoch stretli s takou zábavnou vecou, ako je tag cloud. Ak chcete vytvoriť taký cloud na svojom webe alebo blogu, potom v tomto článku nájdete pokyny, ako ho vygenerovať.

Cloud značiek je zbierka značiek alebo kategórií, ktoré sa najčastejšie vyskytujú vo vyhľadávaniach, odkazoch a slovných zmienkach. A čím častejšie sa vyskytuje jedno alebo druhé slovo alebo pojem, tým väčší je obraz, ktorý obsahuje hypertextový odkaz na tieto pojmy a slová.

Ako vytvoriť tag cloud
Ako vytvoriť tag cloud

Inštrukcie

Krok 1

Najskôr vygenerujte zoznam párov značky form: tag - počet výskytov. Použijete na to nasledujúci kód:

1. <?

2. trieda TagsCloud {

3.

4. súkromné značky $;

5.

6.private $ font_size_min = 14;

7.private $ font_size_step = 5;

8.

9.function _construct ($ tags) {

10.

11.shuffle ($ tagy);

12. $ this-> tags = $ tags;

13.

14. }

15.

16. súkromná funkcia get_tag_count ($ tag_name, $ tags) {

17.

18. $ count = 0;

19.

20. foreach (značky $ ako značka $) {

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

22. $ count ++;

23. }

24. }

25.

26. vrátiť počet dolárov;

27.

28. }

29.

30. private function tagscloud ($ tags) {

31.

32. $ tags_list = pole ();

33.

34. foreach (značky $ ako značka $) {

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

36. }

37.

38. vrátiť $ tags_list;

39.

40. }

41.

42. súkromná funkcia get_min_count ($ tags_list) {

43.

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

45.

46. foreach ($ tags_list ako $ tag_count) {

47.

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

49.

50. }

51.

52. návrat min. $;

53.

54. }

55.

56. verejná funkcia 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 ako $ 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 = ". $ Značka. ";

69. }

70.

71. vrátiť $ cloud;

72.

73. }

74. }

75. ?>

Krok 2

S týmto kódom pracujte takto:

01. <?

02.

03. $ tags = pole (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 ako $ tag) {

15. značka $ echo. ' ;

16. }

17.

18. ?>

Namiesto čísel vložte štítky, ktoré potrebujete!

Krok 3

Ak chcete zobraziť oblak značiek na základe relevantnosti, postupujte takto. V nastaveniach nastavte minimálnu veľkosť písma, ktorá bude zodpovedať minimálnemu počtu výskytov (teda jednému výskytu). Použite pole font_size_min.

Krok 4

Nastavte veľkosť písma pre ostatné značky takto: pri každom výskyte sa písmo zvýši o jeden pixel. Použite na to pole font_size_step.

Krok 5

Ak chcete vylepšiť svoj tag cloud, pripojte ho k skriptu js.

Veľa šťastia pri vytváraní vlastných oblakov!

Odporúča: