МожливостіМОЖЛИВОСТІ

image

Необхідна інформація

Тут ви знайдете тільки корисну інформацію без води.
 
image

Безкоштовно

Всі уроки, рекомендації та поради абсолютно безкоштовні.

Вибір хостингу

46 уроків на одній сторінці

SEO блог

Урок 9: як використовувати стандартні модулі Joomla?

Даний урок присвячений опису найбільш часто використовуваних модулів при створенні сайту на базі Joomla. Як ми вже говорили раніше, модулі призначені для розширення функціональності сайту. У базовий набір Joomla за замовчуванням вже включений основний ряд модулів, які покликані вирішувати завдання, які досить часто зустрічаються.

Давайте в адмінпанелі нашого сайту перейдемо на вкладку «Розширення» й виберемо «Модулі». Тут натискаємо на кнопку «Створити». Перед вами відкриється список з модулями, які можна створити, з відповідним поясненням.

Модуль пошуку

Для початку давайте розглянемо модуль пошуку, знаходимо його в списку («Пошук») і натискаємо на нього. Тут вводимо назву, наприклад, просто «Пошук на сайті», тут же можна показати/сховати назву, ввімкнути/вимкнути модуль пошуку. Вказуємо позицію, на якій наш пошук буде відображатися на сайті, нехай це буде Position-7. Інші налаштування досить прості, при наведенні на кожне з них випливає підказка з описом. Натискаємо «Зберегти» й оновлюємо сторінку нашого сайту.

Як бачимо, справа над головним меню у нас з'явився наш пошук по сайту. Але при цьому поле для введення пошукового запиту занадто довге, тож воно не вміщується в ширину сайдбару:

Щоб виправити цей баґ, давайте в налаштуваннях модуля пошуку в полі «Ширина поля» задамо ширину текстового поля для введення, наприклад, 18 символів. Натискаємо «Зберегти». Тепер поле повинно виглядати на сайті нормально.

Давайте виведемо наш пошук у верхній частині сайту в позиції top (position-1). Щоб подивитися, де знаходиться ця позиція, як ви пам'ятаєте, до адреси сайту слід дописати /?tp=1. В налаштуваннях модуля пошуку вибираємо позицію position-1 і натискаємо «Зберегти і закрити». Ось так виглядатимуть налаштування вашого модуля пошуку:

Якщо оновити сторінку, то пошук тепер буде відображатися вгорі.

Модуль реєстрації та авторизації на сайті

Тепер відредагуємо модуль, який вже створений і включений за замовчуванням — це модуль Login Form (Увійти). У менеджері модулів вибираємо зі списку модуль Login Form. У полі «Назва» давайте напишемо «Авторизація на сайті» замість Login Form, а позицію поставимо position-7. У параметрах модуля також все досить просто. Вступний текст відповідає за відображення вашого тексту перед формою авторизації, давайте напишемо тут «Зареєструйтеся, будь ласка...». У заключному тексті нічого не будемо писати. Можна також вказати URL-адресу при вході після та URL-адресу при виході. Натискаємо «Зберегти і закрити», а налаштування модуля «Увійти» повинні виглядати так:

Оновлюємо сторінку на нашому сайті, вона тепер буде виглядати так:

У менеджері модулів при бажанні можна міняти місцями модулі, розташовані на одній позиції. Як ви вже знаєте, робиться це за допомогою колонки «Сортування».

Модуль «Навігаційна стежка»

Тепер розглянемо модуль «Навігаційна стежка». У менеджері модулів він уже створений за замовчуванням і знаходиться в позиції breadcrumb (position-2). В інші позиції модуль «Навігаційна стежка» просто не влізе. Дане розширення допомагає користувачеві орієнтуватися на сайті, показуючи, де саме він знаходиться. Знаходимо в списку створених модулів Breadcrumbs і відкриваємо його. Давайте змінимо його назву, наприклад, на «Моє місцезнаходження». У параметрах модуля давайте лише поставимо текст головної сторінки: «Головна». Натискаємо «Зберегти і закрити».

Якщо ви оновите сторінку сайту, то побачите, що під статтею на головній сторінці з'явилося таке: Ви тут: Головна. Це означає, що ви перебуваєте на головній сторінці. Спробуйте перейти в меню на різні пункти й відкрити різні наші статті — ви побачите, що модуль «Навігаційна стежка» постійно буде відображати ваше поточне місцезнаходження на сайті.

Модуль «Найпопулярніші статті»

Тепер переходимо до розгляду модуля «Найпопулярніші статті». У менеджері модулів знову-таки натискаємо на кнопку «Створити» і вибираємо модуль «Найпопулярніші статті». Це розширення дозволяє відображати на сайті найпопулярніші статті. Їх популярність визначається за загальною кількістю переглядів.

Назва нехай буде «Найбільш популярне», позицію давайте встановимо Position-7. У параметрах модуля можна показати/сховати статті з головної сторінки [Обрані статті] (іноді немає необхідності, щоб такі статті брали участь в такому своєрідному рейтингу), задати кількість відображуваних матеріалів в списку модуля — в нашому випадку, так як у нас мало статей, поставимо цифру «3». За замовчуванням в модулі відображаються статті з усього сайту, однак, при бажанні ви можете вказати конкретні категорії або підкатегорії, з яких ви хочете, щоб вибиралися найбільш популярні статті. Натискаємо «Зберегти і закрити».

Оновивши сторінку сайту, ви побачите, що праворуч з'явився наш модуль «Найбільш популярне».

Модуль «Останні новини»

Тепер розглянемо модуль «Останні новини». Він призначений для відображення списку останніх опублікованих статей на сайті. У менеджері модулів натискаємо «Створити» і вибираємо «Останні новини». У назві давайте напишемо «Останні статті», позиція нехай буде position-7, кількість відображуваних статей поставимо «3». Інші налаштування схожі з параметрами модуля «Найпопулярніші статті». Натискаємо «Зберегти і закрити».

Оновлюємо сторінку на сайті й бачимо наш новостворений модуль «Останні статті» праворуч під модулем «Авторизація на сайті».

Модуль «Довільний HTML»

Тепер поговоримо про дуже важливий модуль «Довільний HTML», який призначений для відображення на сайті будь-якого HTML-коду, наприклад, реклами, банера або будь-якої форми. Тобто сюди можна додавати як звичайний текст і картинки за допомогою вбудованого редактора, так і безпосередньо HTML-код. Натискаємо «Створити» в менеджері модулів і вибираємо «Довільний HTML».

Розглянемо використання цього модуля на прикладі додавання рекламного банера. У назві напишемо «Реклама», показувати назву не будемо, а позицію виберемо position-7. Тепер необхідно в форму редактора тексту вставити HTML-код свого банера. Для цього у мене вже є заздалегідь готовий код рекламного банера хостингу Ukrline.com.ua (взяв у них на сайті). Однак для вставлення HTML-коду необхідно вимкнути редактор, натиснувши на відповідну кнопку під формою. Копіюємо сюди код і натискаємо «Зберегти і закрити».

Оновивши сторінку на сайті, праворуч внизу можна тепер спостерігати наш банер.

Іноді буває, що якась специфічна реклама або той же лічильник відвідувань відображаються некоректно, якщо вставляти їх код в такий же спосіб (зазвичай таке відбувається, якщо в коді є якісь скрипти). Що робити в цій ситуації? Для цього нам треба буде повністю вимкнути редактор в загальних налаштуваннях Joomla перед збереженням коду модуля.

Давайте розглянемо це на прикладі з установкою коду лічильника відвідувань. Спочатку в адмінпанелі йдемо на вкладку «Розширення» => «Плагіни» і шукаємо плагін «Редактор. Tiny MCE». Натискаємо на зелений прапорець біля його назви, після чого він стає червоним хрестиком. Далі створюємо необхідний модуль з кодом, зберігаємо, закриваємо. Після цього можна йти знову в «Розширення» => «Плагіни» і вмикати «Редактор. Tiny MCE» натисканням на червоний хрестик.

Головне засвоїти те, що якщо у вас при встановленні коду в модулі «Довільний HTML» на сайті нічого не відображається, то необхідно у загальній конфігурації тимчасово відключити редактор. Є ще один варіант вирішення цієї проблеми — він набагато зручніший, адже не треба буде постійно переходити в «Плагіни». Це встановлення зовнішнього розширення Sourcer. Однак, це буде розглянуто вже в окремій статті.

На цьому урок 9 завершено. Ви можете перейти до наступного уроку або повернутися до попереднього.

Рекомендовано

  • Хостинг - домен безкоштовно
  • Купити статті для сайту
  • Купити-продати посилання
  • Купити-продати вічні посилання