Cómo Hacer Una Nube De Etiquetas

Tabla de contenido:

Cómo Hacer Una Nube De Etiquetas
Cómo Hacer Una Nube De Etiquetas

Video: Cómo Hacer Una Nube De Etiquetas

Video: Cómo Hacer Una Nube De Etiquetas
Video: COMO HACER UNA NUBE DE PALABRAS DE FORMA FÁCIL 2024, Abril
Anonim

Seguramente en muchos sitios y blogs te has encontrado con algo tan divertido como una nube de etiquetas. Si desea crear una nube de este tipo en su sitio web o blog, en este artículo puede encontrar instrucciones sobre cómo generarla.

Una nube de etiquetas es una colección de etiquetas o categorías que aparecen con mayor frecuencia en búsquedas, enlaces y menciones de palabras. Y cuanto más a menudo aparece una u otra palabra o concepto, más grande se vuelve la imagen, que contiene un hipervínculo a estos conceptos y palabras.

Cómo hacer una nube de etiquetas
Cómo hacer una nube de etiquetas

Instrucciones

Paso 1

Primero, genere una lista de pares de la forma: etiqueta - el número de ocurrencias. Para hacer esto, use el siguiente código:

1. <?

2. clase TagsCloud {

3.

4. etiquetas $ privadas;

5.

6.privado $ font_size_min = 14;

7.privado $ font_size_step = 5;

8.

9.función _construct ($ etiquetas) {

10.

11.shuffle ($ etiquetas);

12. $ this-> tags = $ etiquetas;

13.

14. }

15.

16.private function get_tag_count ($ tag_name, $ tags) {

17.

18. $ cuenta = 0;

19.

20. foreach ($ etiquetas como $ etiqueta) {

21. if ($ etiqueta == $ nombre_etiqueta) {

22. $ cuenta ++;

23. }

24. }

25.

26. return $ count;

27.

28. }

29.

30. función privada tagscloud ($ etiquetas) {

31.

32. $ lista_etiquetas = matriz ();

33.

34. foreach ($ etiquetas como $ etiqueta) {

35. $ lista_etiquetas [$ etiqueta] = self:: get_tag_count ($ etiqueta, $ etiquetas);

36. }

37.

38. return $ lista_etiquetas;

39.

40. }

41.

42. función privada get_min_count ($ tags_list) {

43.

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

45.

46. foreach ($ tags_list as $ tag_count) {

47.

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

49.

50. }

51.

52. return $ min;

53.

54. }

55.

56. función pública get_cloud () {

57.

58. $ nube = Matriz ();

59.

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

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

62.

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

64.

65. $ font_steps = $ count - $ min_count;

66. $ tamaño_fuente = $ esto-> tamaño_fuente_min + $ esto-> paso_de_fuente * $ pasos_fuente;

67.

68. $ nube = ". $ Etiqueta. ";

69. }

70.

71. return $ nube;

72.

73. }

74. }

75. ?>

Paso 2

Trabaja con este código así:

01. <?

02.

03. $ etiquetas = matriz (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 ($ etiquetas);

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

13.

14.foreach ($ tags_list como $ etiqueta) {

15.echo $ etiqueta. ' ';

16. }

17.

18. ?>

¡En lugar de los números, coloque las etiquetas que necesita!

Paso 3

Para mostrar una nube de etiquetas según la relevancia, haga lo siguiente. En la configuración, establezca el tamaño de fuente mínimo que corresponderá al número mínimo de ocurrencias (es decir, una ocurrencia). Utilice el campo font_size_min.

Paso 4

Establezca el tamaño de fuente para el resto de las etiquetas de la siguiente manera: cada aparición aumenta la fuente en un píxel. Para hacer esto, use el campo font_size_step.

Paso 5

Si desea mejorar su nube de etiquetas, adjúntela a un script js.

¡Buena suerte creando tus propias nubes!

Recomendado: