نحوه ایجاد ابر برچسب

فهرست مطالب:

نحوه ایجاد ابر برچسب
نحوه ایجاد ابر برچسب

تصویری: نحوه ایجاد ابر برچسب

تصویری: نحوه ایجاد ابر برچسب
تصویری: ایجاد صفحه ابربرچسب ها در وردپرس 2024, مارس
Anonim

مطمئناً در بسیاری از سایت ها و وبلاگ ها به موارد جالب مانند ابر برچسب برخورد کرده اید. اگر می خواهید چنین ابری را در وب سایت یا وبلاگ خود ایجاد کنید ، در این مقاله می توانید دستورالعمل هایی برای نحوه ایجاد آن پیدا کنید.

ابر برچسب مجموعه ای از برچسب ها یا دسته ها است که بیشتر در جستجوها ، پیوندها و ذکر کلمات ظاهر می شوند. و هر چه یک کلمه یا مفهوم بیشتر رخ دهد ، تصویر بزرگتر می شود و حاوی پیوندی به این مفاهیم و کلمات است.

نحوه ایجاد ابر برچسب
نحوه ایجاد ابر برچسب

دستورالعمل ها

مرحله 1

ابتدا لیستی از جفت های فرم را ایجاد کنید: برچسب - تعداد وقایع. برای این کار از کد زیر استفاده کنید:

1. <?

2. کلاس TagsCloud {

3.

4. برچسب های خصوصی $؛

5.

6. خصوصی $ font_size_min = 14؛

7. خصوصی $ font_size_step = 5؛

8.

9. عملکرد _construction (برچسب $) {

10.

11. تغییر شکل (برچسب $) ؛

12. $ this-> tags = $ tags؛

13.

14. }

15.

16. تابع خصوصی get_tag_count ($ tag_name ، $ برچسب) {

17.

18. تعداد دلار = 0؛

19.

20. foreach (برچسب $ به عنوان $ tag) {

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

22. تعداد دلار ++؛

23. }

24. }

25.

26. بازگشت تعداد دلار

27.

28. }

29.

30. تابع خصوصی tagscloud (برچسب $) {

31.

32. $ tags_list = آرایه ()؛

33.

34. foreach (برچسب $ به عنوان $ tag) {

35. $ tags_list [$ tag] = self:: get_tag_count (برچسب $ ، $ tag)؛

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 به عنوان $ tag_count) {

47.

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

49.

50. }

51.

52. حداقل دلار

53.

54. }

55.

56. تابع عمومی get_cloud () {

57.

58. $ cloud = Array ()؛

59.

60. $ tags_list = self:: tagscloud ($ this-> برچسب ها)؛

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

62.

63. foreach ($ tags_list به عنوان $ 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 = ". $ برچسب. "؛

69. }

70.

71. بازگشت ابر $؛

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 = جدید TagCloud (برچسب $) ؛

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

13.

14. foreach ($ tags_list به عنوان $ tag) {

15. برچسب $echo. ' '؛

16. }

17.

18. ?>

به جای اعداد ، برچسب های مورد نیاز خود را بگذارید!

مرحله 3

برای نمایش یک ابر برچسب بر اساس ارتباط ، موارد زیر را انجام دهید. در تنظیمات ، حداقل اندازه قلم را تنظیم کنید که با حداقل تعداد وقایع مطابقت داشته باشد (یعنی یک واقعه). از قسمت font_size_min استفاده کنید.

مرحله 4

اندازه قلم را برای بقیه برچسب ها به شرح زیر تنظیم کنید: هر مورد قلم را یک پیکسل افزایش می دهد. برای این کار از قسمت font_size_step استفاده کنید.

مرحله 5

اگر می خواهید ابر برچسب خود را بهبود ببخشید ، آن را به یک اسکریپت js پیوست کنید.

موفق باشید که ابرهای خود را ایجاد کنید!

توصیه شده: