Cara Membuat Cloud Tag

Isi kandungan:

Cara Membuat Cloud Tag
Cara Membuat Cloud Tag

Video: Cara Membuat Cloud Tag

Video: Cara Membuat Cloud Tag
Video: Cara membuat cloud server local menggunakan owncloud di windows 10 2024, April
Anonim

Tentunya di banyak laman web dan blog anda telah menemui perkara lucu seperti tag tag. Sekiranya anda ingin membuat awan seperti itu di laman web atau blog anda, maka dalam artikel ini anda boleh mendapatkan petunjuk tentang cara membuatnya.

Awan tag adalah kumpulan tag atau kategori yang paling sering muncul dalam carian, pautan, dan sebutan kata. Dan lebih kerap satu atau satu lagi perkataan atau konsep berlaku, semakin besar gambar menjadi, yang mengandungi hiperpautan kepada konsep dan kata-kata ini.

Cara membuat cloud tag
Cara membuat cloud tag

Arahan

Langkah 1

Pertama, buat senarai pasangan bentuk: tag - jumlah kejadian. Untuk melakukan ini, gunakan kod berikut:

1. <?

2. kelas TagCloud {

3.

4. tag $ persendirian;

5.

6. peribadi $ font_size_min = 14;

7. peribadi $ font_size_step = 5;

8.

9.fungsi _konstruk (tag $) {

10.

11. rombakan ($ tag);

12. $ this-> tag = $ tag;

13.

14. }

15.

16. fungsi privasi get_tag_count ($ tag_name, $ tags) {

17.

18. $ kiraan = 0;

19.

20. foreach ($ tag sebagai $ tag) {

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

22. $ kiraan ++;

23. }

24. }

25.

26. mengembalikan $ kiraan;

27.

28. }

29.

30. fungsi peribadi tagscloud ($ tags) {

31.

32. $ tags_list = array ();

33.

34. foreach ($ tag sebagai $ tag) {

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

36. }

37.

38. pulangkan $ tags_list;

39.

40. }

41.

42. fungsi peribadi get_min_count ($ tags_list) {

43.

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

45.

46. foreach ($ tags_list sebagai $ tag_count) {

47.

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

49.

50. }

51.

52. pulangkan $ min;

53.

54. }

55.

56. fungsi awam get_cloud () {

57.

58. $ cloud = Array ();

59.

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

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

62.

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

64.

65. $ font_steps = jumlah $ - jumlah $ min_kira;

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

67.

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

69. }

70.

71. mengembalikan $ awan;

72.

73. }

74. }

75. ?>

Langkah 2

Bekerja dengan kod seperti ini:

01. <?

02.

03. $ tags = susunan (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 = TagCloud baru ($ tag);

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

13.

14.foreach ($ tags_list sebagai $ tag) {

15. echo $ tag. ' ';

16. }

17.

18. ?>

Sebagai gantinya, letakkan tanda yang anda perlukan!

Langkah 3

Untuk memaparkan tag tag berdasarkan kesesuaian, lakukan yang berikut. Dalam tetapan, tetapkan ukuran font minimum yang akan sesuai dengan jumlah minimum kejadian (yaitu, satu kejadian). Gunakan medan font_size_min.

Langkah 4

Tetapkan ukuran fon untuk sisa tag seperti berikut: setiap kejadian meningkatkan fon sebanyak satu piksel. Untuk melakukan ini, gunakan medan font_size_step.

Langkah 5

Sekiranya anda ingin meningkatkan awan tag anda, pasangkannya ke skrip js.

Nasib baik mencipta awan anda sendiri!

Disyorkan: