Πώς να δημιουργήσετε ένα σύννεφο ετικετών

Πίνακας περιεχομένων:

Πώς να δημιουργήσετε ένα σύννεφο ετικετών
Πώς να δημιουργήσετε ένα σύννεφο ετικετών

Βίντεο: Πώς να δημιουργήσετε ένα σύννεφο ετικετών

Βίντεο: Πώς να δημιουργήσετε ένα σύννεφο ετικετών
Βίντεο: Εκτύπωση ετικετών Barcode από το Moneyfest 2024, Απρίλιος
Anonim

Σίγουρα σε πολλούς ιστότοπους και ιστολόγια έχετε συναντήσει ένα τόσο αστείο πράγμα όπως ένα σύννεφο ετικετών. Εάν θέλετε να δημιουργήσετε ένα τέτοιο σύννεφο στον ιστότοπο ή το ιστολόγιό σας, τότε σε αυτό το άρθρο μπορείτε να βρείτε οδηγίες σχετικά με τον τρόπο δημιουργίας του.

Το σύννεφο ετικετών είναι μια συλλογή ετικετών ή κατηγοριών που εμφανίζονται πιο συχνά σε αναζητήσεις, συνδέσμους και αναφορές λέξεων. Και όσο πιο συχνά εμφανίζεται μια ή άλλη λέξη ή έννοια, τόσο μεγαλύτερη γίνεται η εικόνα, που περιέχει έναν υπερσύνδεσμο με αυτές τις έννοιες και λέξεις.

Πώς να δημιουργήσετε ένα σύννεφο ετικετών
Πώς να δημιουργήσετε ένα σύννεφο ετικετών

Οδηγίες

Βήμα 1

Αρχικά, δημιουργήστε μια λίστα ζευγών της φόρμας: ετικέτα - ο αριθμός των εμφανίσεων. Για να το κάνετε αυτό, χρησιμοποιήστε τον ακόλουθο κωδικό:

1. <?

2. τάξη TagsCloud {

3.

4. ιδιωτικές ετικέτες $;

5.

6. ιδιωτικό $ font_size_min = 14;

7. ιδιωτικό $ font_size_step = 5;

8.

9. λειτουργία _construct ($ tags) {

10.

11. shuffle ($ tags);

12. $ this-> tags = $ tags;

13.

14. }

15.

16. ιδιωτική συνάρτηση get_tag_count ($ tag_name, $ tags) {

17.

18. $ count = 0;

19.

20. foreach ($ tags ως $ tag) {

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

22. $ count ++;

23. }

24. }

25.

26. επιστροφή μετρήσεων $;

27.

28. }

29.

30. private function tagscloud ($ tags) {

31.

32. $ tags_list = array ();

33.

34. foreach ($ tags ως $ tag) {

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

36. }

37.

38. επιστροφή $ tags_list;

39.

40. }

41.

42. ιδιωτική συνάρτηση get_min_count ($ tags_list) {

43.

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

45.

46. foreach ($ tags_list as $ tag_count) {

47.

48. εάν ($ tag_count <$ min) $ min = $ tag_count;

49.

50. }

51.

52. επιστροφή $ min;

53.

54. }

55.

56. δημόσια λειτουργία 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 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. $ cloud = ". $ Tag. ";

69. }

70.

71. επιστροφή $ cloud;

72.

73. }

74. }

75. ?>

Βήμα 2

Εργαστείτε με αυτόν τον κωδικό ως εξής:

01. <?

02.

03. $ tags = πίνακας (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 = νέο TagsCloud ($ tags);

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

13.

14.foreach ($ tags_list ως $ tag) {

15. echo $ ετικέτα. " ";

16. }

17.

18. ?>

Στη θέση των αριθμών, τοποθετήστε τις ετικέτες που χρειάζεστε!

Βήμα 3

Για να εμφανίσετε ένα σύννεφο ετικετών με βάση τη συνάφεια, κάντε τα εξής. Στις ρυθμίσεις, ορίστε το ελάχιστο μέγεθος γραμματοσειράς που θα αντιστοιχεί στον ελάχιστο αριθμό εμφανίσεων (δηλαδή μία εμφάνιση). Χρησιμοποιήστε το πεδίο font_size_min.

Βήμα 4

Ορίστε το μέγεθος της γραμματοσειράς για τις υπόλοιπες ετικέτες ως εξής: κάθε εμφάνιση αυξάνει τη γραμματοσειρά κατά ένα pixel. Για να το κάνετε αυτό, χρησιμοποιήστε το πεδίο font_size_step.

Βήμα 5

Αν θέλετε να βελτιώσετε το cloud tag, επισυνάψτε το σε ένα σενάριο js.

Καλή τύχη δημιουργώντας τα δικά σας σύννεφα!

Συνιστάται: