Անշուշտ, շատ կայքերում և բլոգերում դուք հանդիպել եք այնպիսի զվարճալի մի բանի, ինչպիսին է պիտակի ամպը: Եթե ցանկանում եք նման ամպ ստեղծել ձեր կայքում կամ բլոգում, ապա այս հոդվածում կարող եք գտնել հրահանգներ, թե ինչպես այն առաջացնել:
Պիտակի ամպը պիտակների կամ կատեգորիաների հավաքածու է, որոնք առավել հաճախ են հայտնվում որոնումներում, հղումներում և բառերի հիշատակումներում: Եվ որքան հաճախ է լինում այս կամ այն բառը կամ հասկացությունը, պատկերն այնքան մեծանում է ՝ պարունակելով այս հասկացությունների և բառերի հղում:
Հրահանգներ
Քայլ 1
Նախ, առաջացրեք ձևի զույգերի ցուցակ. Հատկորոշիչ ՝ դեպքերի քանակ: Դա անելու համար օգտագործեք հետևյալ ծածկագիրը.
1. <?
2. դասի TagsCloud {
3.
4. մասնավոր $ պիտակներ;
5.
6. մասնավոր $ font_size_min = 14;
7. մասնավոր $ font_size_step = 5;
8.
9. գործառույթ _ կառուցել ($ պիտակ) {
10.
11. փոփոխություն ($ պիտակ);
12. $ this-> հատկորոշիչներ = $ հատկորոշիչներ;
13.
14. }
15.
16. մասնավոր get_tag_count գործառույթ ($ tag_name, $ հատկորոշիչներ) {
17.
18. $ հաշվարկ = 0;
19.
20. foreach ($ հատկորոշիչները որպես $ tag) {
21. եթե ($ 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 ($ պիտակ, $ պիտակ);
36. }
37.
38. վերադարձնել $ tags_list;
39.
40. }
41.
42. get_min_count անձնական գործառույթ ($ tags_list) {
43.
44. $ min = $ tags_list [$ this-> հատկորոշիչներ [0];
45.
46. foreach ($ tags_list որպես $ tag_count) {
47.
48. եթե ($ tag_count <$ min) $ min = $ tag_count;
49.
50. }
51.
52. վերադարձնել $ min;
53.
54. }
55.
56. հանրային գործառույթ get_cloud () {
57.
58. $ ամպ = զանգված ();
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 = ". $ Tag. ";
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 = նոր TagsCloud ($ պիտակ);
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 սցենարին:
Հաջողություն `ստեղծելով ձեր սեփական ամպերը:
