مطمئناً در بسیاری از سایت ها و وبلاگ ها به موارد جالب مانند ابر برچسب برخورد کرده اید. اگر می خواهید چنین ابری را در وب سایت یا وبلاگ خود ایجاد کنید ، در این مقاله می توانید دستورالعمل هایی برای نحوه ایجاد آن پیدا کنید.
ابر برچسب مجموعه ای از برچسب ها یا دسته ها است که بیشتر در جستجوها ، پیوندها و ذکر کلمات ظاهر می شوند. و هر چه یک کلمه یا مفهوم بیشتر رخ دهد ، تصویر بزرگتر می شود و حاوی پیوندی به این مفاهیم و کلمات است.
دستورالعمل ها
مرحله 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 پیوست کنید.
موفق باشید که ابرهای خود را ایجاد کنید!