Cara Membuat Tag Cloud

Daftar Isi:

Cara Membuat Tag Cloud
Cara Membuat Tag Cloud

Video: Cara Membuat Tag Cloud

Video: Cara Membuat Tag Cloud
Video: Cara Mudah Membuat Gambar Kata Berawan (Word Cloud) Online untuk Blog, Video, dan File Presentasi 2024, April
Anonim

Tentunya di banyak situs dan blog Anda menemukan hal yang lucu seperti tag cloud. Jika Anda ingin membuat awan seperti itu di situs web atau blog Anda, maka dalam artikel ini Anda dapat menemukan petunjuk tentang cara membuatnya.

Tag cloud adalah kumpulan tag atau kategori yang paling sering muncul dalam pencarian, tautan, dan penyebutan kata. Dan semakin sering satu atau lain kata atau konsep muncul, semakin besar gambarnya, yang mengandung hyperlink ke konsep dan kata-kata ini.

Cara membuat tag cloud
Cara membuat tag cloud

instruksi

Langkah 1

Pertama, buat daftar pasangan dari formulir: tag - jumlah kemunculan. Untuk melakukannya, gunakan kode berikut:

1. <?

2. kelas TagCloud {

3.

4. tag $ pribadi;

5.

6. pribadi $ font_size_min = 14;

7. pribadi $ font_size_step = 5;

8.

9.fungsi _construct ($ tag) {

10.

11. acak ($ tag);

12. $ this-> tag = $ tag;

13.

14. }

15.

16.fungsi pribadi get_tag_count ($ tag_name, $ tag) {

17.

18. $hitung = 0;

19.

20. foreach ($ tag sebagai $ tag) {

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

22. $hitung++;

23. }

24. }

25.

26. kembalikan $ hitung;

27.

28. }

29.

30. fungsi pribadi tagscloud ($tag) {

31.

32. $tag_list = array();

33.

34. foreach ($ tag sebagai $ tag) {

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

36. }

37.

38. kembalikan $ tags_list;

39.

40. }

41.

42. fungsi pribadi 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. kembalikan $ menit;

53.

54. }

55.

56. fungsi publik get_cloud() {

57.

58. $awan = Array();

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_count;

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

67.

68. $ awan = ". $Tag. ";

69. }

70.

71. kembalikan $ awan;

72.

73. }

74. }

75. ?>

Langkah 2

Bekerja dengan kode ini seperti ini:

01. <?

02.

03. $tag = larik (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 = baru TagsCloud ($tag);

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

13.

14.foreach ($ tag_list sebagai $ tag) {

15.echo $ tag. ' ';

16. }

17.

18. ?>

Di tempat nomor, letakkan tag yang Anda butuhkan!

Langkah 3

Untuk menampilkan tag cloud berdasarkan relevansi, lakukan hal berikut. Dalam pengaturan, atur ukuran font minimum yang sesuai dengan jumlah minimum kemunculan (yaitu, satu kemunculan). Gunakan bidang font_size_min.

Langkah 4

Atur ukuran font untuk sisa tag sebagai berikut: setiap kemunculan meningkatkan font sebesar satu piksel. Untuk melakukannya, gunakan bidang font_size_step.

Langkah 5

Jika Anda ingin meningkatkan tag cloud Anda, lampirkan ke skrip js.

Semoga berhasil membuat awan Anda sendiri!

Direkomendasikan: