بالتأكيد في العديد من المواقع والمدونات ، صادفت شيئًا مضحكًا مثل سحابة العلامات. إذا كنت ترغب في إنشاء مثل هذه السحابة على موقع الويب الخاص بك أو مدونتك ، فيمكنك في هذه المقالة العثور على إرشادات حول كيفية إنشائها.
سحابة العلامات هي مجموعة من العلامات أو الفئات التي تظهر بشكل متكرر في عمليات البحث والروابط وإشارات الكلمات. وكلما ظهرت كلمة أو مفهوم واحد أو آخر ، كلما أصبحت الصورة أكبر ، وتحتوي على ارتباط تشعبي لهذه المفاهيم والكلمات.
تعليمات
الخطوة 1
أولاً ، قم بإنشاء قائمة من أزواج النموذج: العلامة - عدد التكرارات. للقيام بذلك ، استخدم الكود التالي:
1. <?
2. class TagsCloud {
3.
4. علامات $ الخاصة.
5.
6. Private $ font_size_min = 14 ؛
7.private $ font_size_step = 5 ؛
8.
9.function _construct (علامات $) {
10.
11. خلط ورق اللعب (علامات $) ؛
12. $ this-> tags = $ tags؛
13.
14. }
15.
16.الخاصية get_tag_count ($ tag_name ، علامات $) {
17.
18. عدد الدولارات = 0 ؛
19.
20. foreach (علامات $ كـ $ tag) {
21. إذا كان ($ tag == $ tag_name) {
22. $ count ++؛
23. }
24. }
25.
26. عودة $ count؛
27.
28. }
29.
30. الوسوم ذات الوظيفة الخاصة (علامات $) {
31.
32. tags_list $ = مجموعة ()؛
33.
34. foreach (علامات $ كـ $ 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 كـ $ 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-> tags)؛
61. min_count $ = self:: get_min_count ($ tags_list) ؛
62.
63. foreach ($ tags_list كـ $ tag => $ count) {
64.
65. font_steps $ = عدد الدولارات - min_count بالدولار ؛
66. font_size = $ this-> font_size_min + $ this-> font_size_step * $ font_steps؛
67.
68. $ cloud = ". $ Tag. "؛
69. }
70.
71. عودة $ سحابة؛
72.
73. }
74. }
75. ?>
الخطوة 2
العمل مع هذا الرمز مثل هذا:
01. <?
02.
03. علامات $ = مجموعة (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 جديدة (علامات $) ؛
12. tag_list = $ mycloud-> get_cloud ()؛
13.
14.foreach ($ tags_list كـ $ tag) {
15.اختر علامة $. ' ؛
16. }
17.
18. ?>
بدلاً من الأرقام ، ضع العلامات التي تحتاجها!
الخطوه 3
لعرض سحابة العلامات بناءً على الصلة ، قم بما يلي. في الإعدادات ، قم بتعيين الحد الأدنى لحجم الخط الذي يتوافق مع الحد الأدنى لعدد التكرارات (أي تكرار واحد). استخدم الحقل font_size_min.
الخطوة 4
اضبط حجم الخط لبقية العلامات على النحو التالي: كل تكرار يزيد الخط بمقدار بكسل واحد. للقيام بذلك ، استخدم الحقل font_size_step.
الخطوة الخامسة
إذا كنت ترغب في تحسين سحابة العلامات الخاصة بك ، فقم بإرفاقها ببرنامج نصي js.
حظا سعيدا في خلق الغيوم الخاصة بك!
