Серед доповнень, які розробляються для платформи WordPress, є плагіни для поліпшення функціональності сайту, а є плагіни для його прикраси. Якщо ви хочете поєднати зручність з відмінною графікою для відображення плаваючого хмари тегів, скористайтеся спеціальним нововведенням Wp-cumulus.
Вам знадобиться
- Установка плагіна Wp-cumulus.
Інструкція
1
Перед установкою цього плагіна рекомендується скористатися локалізованої версією, для цього натисніть наступне посилання https://wordpressplugins.ru/download/wp-cumulus.zip і після його скачування, розпакуйте в будь-яку папку на жорсткому диску.
2
Потім скопіюйте папку wp-cumulus в директорію / wp-content / plugins на вашому сервері. Для завершення установки відкрийте адміністративну панель вашого сайту, натисніть посилання «Модулі» та активуйте недавно скопійований плагін.
3
щоб хмара відображало правильні теги, не змішуючись один з одним, скористайтеся налаштуванням. Для цього на сторінці з встановленими плагінами натисніть посилання "Налаштування» або знайдіть відповідний напис в розділі «Параметри». Оскільки плагін повністю русифікований, його настройка відніме у вас мінімум часу.
4
Більшість налаштувань мають вільний характер, тобто все залежить від користувача і його смаку. Серед обов`язкових параметрів варто виділити опцію «Рівномірний розташування тегів». Це дозволить не наступати на п`яти всім тегам відносно один одного. Для додавання плаваючого хмари тегів необхідно в код сторінки додати наступний рядок «» без лапок.
5
Якщо ви хочете додати даний елемент в бічну панель сайту (сайдбар), зовсім необов`язково копіювати код в файл в sidebar.php. В адміністративній панелі перейдіть до розділу «Віджети» і скопіюйте wp cumulus в одну з панелей, захопивши його лівою кнопкою миші. Для зміни налаштувань відображення достатньо розкрити віджет, внести нові дані, а потім натиснути кнопку «Зберегти».
6
При збігу кольорів хмари тегів із зображенням на сторінках сайту, рекомендується змінити кольори в настройках плагіна.
Рада 2: Як зробити хмара тегів
Напевно на багатьох сайтах і блогах ви зустрічалися з такою забавною річчю, як хмара тегів. Якщо ви хочете створити таку хмару на своєму сайті або блозі, то в даній статті ви зможете знайти інструкцію по його генерації.
Хмара тегів являє собою набір ярликів або категорій, що найчастіше зустрічаються в пошуку, засланнях і згадок будь-яких слів. І чим частіше зустрічається те чи інше слово або поняття, тим більше стає зображення, що містить гіперпосилання на ці поняття і слова.
Інструкція
1
Для початку згенеруйте список пар виду: тег - кількість входжень. Для цього використовуйте наступний код:
1. lt ;?
2. class TagsCloud {
3.
4. private $ tags;
5.
6. private $ font_size_min = 14;
7. private $ font_size_step = 5;
8.
9. function __construct ($ tags) {
10.
11. shuffle ($ tags);
12. $ this-gt; tags = $ tags;
13.
14.}
15.
16. private function get_tag_count ($ tag_name, $ tags) {
17.
18. $ count = 0;
19.
20. foreach ($ tags as $ tag) {
21. if ($ tag == $ tag_name) {
22. $ count ++;
23.}
24.}
25.
26. return $ count;
27.
28.}
29.
30. private function tagscloud ($ tags) {
31.
32. $ tags_list = array ();
33.
34. foreach ($ tags as $ tag) {
35. $ tags_list [$ tag] = self :: get_tag_count ($ tag, $ tags);
36.}
37.
38. return $ tags_list;
39.
40.}
41.
42. private function get_min_count ($ tags_list) {
43.
44. $ min = $ tags_list [$ this-gt; tags [0]];
45.
46. foreach ($ tags_list as $ tag_count) {
47.
48. if ($ tag_count lt; $ Min) $ min = $ tag_count;
49.
50.}
51.
52. return $ min;
53.
54.}
55.
56. public function get_cloud () {
57.
58. $ cloud = Array ();
59.
60. $ tags_list = self :: tagscloud ($ this-gt; tags);
61. $ min_count = self :: get_min_count ($ tags_list);
62.
63. foreach ($ tags_list as $ tag = gt; $ count) {
64.
65. $ font_steps = $ count - $ min_count;
66. $ font_size = $ this-gt; font_size_min + $ this-gt; font_size_step * $ font_steps;
67.
68. $ cloud [] = "". $ Tag."";
69.}
70.
71. return $ cloud;
72.
73.}
74.}
75.? Gt;
2
Працюйте з цим кодом приблизно таким чином:
01. lt ;?
02.
03. $ tags = array (
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 = new TagsCloud ($ tags);
12. $ tags_list = $ mycloud-gt; get_cloud ();
13.
14. foreach ($ tags_list as $ tag) {
15. echo $ tag. ` `;
16.}
17.
18.? Gt;
На місці цифр ставте потрібні вам теги!
3
Щоб вивести хмара тегів з урахуванням релевантності, зробіть наступне. В налаштуваннях задайте мінімальний розмір шрифту, який буде відповідати мінімальному числу входжень (тобто, одне входження). Використовуйте поле font_size_min.
4
Задайте іншим тегам розмір шрифту за наступною схемою: кожне входження збільшує шрифт на один піксель. Для цього скористайтеся полем font_size_step.
5
Якщо ви хочете вдосконалити своє хмара тегів, прикрутіть його до js-скрипту.
Удачі вам у створенні власних хмар!
Увага, тільки СЬОГОДНІ! Статті за темою "Як встановити хмара тегів"