Розробка web-сайту на основі cms joomla

У попередній статті вже згадувалося, що Інтернет сьогодні впевнено завойовує перше місце в якості головного засобу поширення інформації. Але також було сказано, що наявності Web-сайту може бути недостатньо для успішного ведення бізнесу.

Web-сайт компанії повинен бути правильно спроектований і реалізований, так як сучасний Web-ресурс - це візитна картка будь-якого підприємства, агентства або установи. Це інформаційний провідник, що привертає користувачів, клієнтів і потенційних партнерів.

Вже згадана в даному циклі статей система управління контентом Joomla! в умілих руках дозволяє створити сучасний Web-сайт і надати доступ до нього для користувачів і адміністраторів. У цій статті буде показано, як створити і впорядкувати інформаційну структуру в системі управління контентом Joomla !.

Наповнення будь-якого ресурсу необхідно починати з планування інформаційної структури, а також безпосередньо з продумування інфологічної моделі. Система управління контентом Joomla! визначає три рівні для організації інформації:

Для управління розділами прийнято використовувати "Менеджер розділів". Його можна відкрити, натиснувши на іконку "Розділи". розташовану на панелі управління, або через меню "Матеріали" -> "Розділи". як показано на малюнку 1.

Мал. 1 Менеджер розділів Joomla!

Розробка web-сайту на основі cms joomla

Розробка web-сайту на основі cms joomla

Для того щоб створити новий розділ, необхідно натиснути на кнопку "Новий" і заповнити наступні поля:

  • Тема - короткий заголовок, який буде використовуватися в меню;
  • Ім'я розділу - повна назва розділу, яке буде відображатися на сторінках, коли така опція включена.

Створення інформаційного матеріалу

Після успішного створення каркаса інформаційної структури ресурсу можна переходити до наповнення його інформацією. Раніше ми вже говорили про те, що Joomlа! передбачає два типи матеріалів:

  • "Матеріали" -> "Матеріали по розділах". після чого вказується бажаний розділ і вибирається пункт "Матеріали в (назва розділу)";
  • "Матеріали" -> "Всі матеріали". після чого натискають на клавішу "Новий".

Додаючи нові матеріали, необхідно приділяти особливу увагу таким полях:

На сторінці для створення матеріалу також є блок з закладками, які забезпечують додаткові настройки матеріалу.

Розробка web-сайту на основі cms joomla

Розробка web-сайту на основі cms joomla

Варто зауважити, що вставляти картинки через цю вкладку не дуже зручно. Адміністратору для завантаження картинок на сервер буде простіше скористатися "Медіа менеджером".

Після вставки в текст службового тега вибрані картинки додаються до запису. У перший раз ця функція викликається, коли виводиться перша картинка зі списку. Друге звернення до функції означає, що вставляється вже друга картинка.

Один з мінусів Joomla! полягає в тому, що в ній відсутні стандартні засоби для роботи з графікою. Тому для вставки зображень доводиться користуватися "Медіа менеджером", або ж через FTP-підключення завантажувати зображення на ресурс, посилаючись на них за допомогою операторів HTML.

"Мета-теги" - це вкладка, що містить в собі всього лише два поля. Тег Description потрібно заповнити коротким описом сторінки, які використовуються для індексації пошуковими системами. Відсутність цього тега змушує пошукові системи видавати в анотації всього лише перший рядок документа, або ж уривок, в якому містяться ключові слова. Тег Keywords також використовується в пошуковій оптимізації, для його заповнення слід використовувати ключові слова і словосполучення з матеріалу, але їх кількість, як правило, не повинно перевищувати десяти слів.

Збережена статична сторінка з'явиться в розділі "Статичні матеріали". Потрібно відзначити, що стандартні засоби Joomla! не дозволяють виводити статичні записи на головну сторінку Web-сайту.

Створення елементів меню

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

Перший крок до створення меню - це створення модуля, визначення його позиції і властивостей відображення. Уже після початкової установки в системі присутні стандартні модулі меню на кшталт "Верхнього меню". "Іншого меню". "Меню користувача" і "Головного меню". Перший елемент - верхній, інші три - бічні. Назва, насправді, не грає особливої ​​ролі, головне, який контейнер встановлений в настройках шаблону, так як саме контейнер визначає місце, де буде виводитися меню.

Наприклад, в шаблоні Web-сайту "Центру зайнятості міста Новомосковська" необхідно використовувати бічне і верхнє меню, які дублюють один одного за змістом.

Відкриваємо пункт "Модулі" -> "Модулі сайту". щоб налаштувати відображення бокового меню, потім переходимо в "Головне меню". На малюнку 3 зображено сторінка конфігурації модуля меню, при цьому особливу увагу слід приділити даним параметрам, які можуть встановлюватися для всіх блоків меню, незалежно від того де саме на сторінці вони розташовуються.

  • "Тема" - виводиться на сторінках Web-сайту при включенні опції "Показувати заголовок".
  • "Позиція" - назва контейнера, який виводить модуль меню.
  • "Порядок" - послідовність виведення модуля в контейнері шаблона оформлення (коли в одному контейнері виводиться відразу ж кілька модулів).
  • "Рівень доступу" - дозволяє визначити групу користувачів, для яких буде доступний цей модуль меню (таким чином можна обмежувати доступ до певних розділів Web-сайту).
  • "Публікація" - активує відображення меню на Web-сайті.
  • "Ім'я меню" - дозволяє вибирати зі списку меню, яке буде відображатися в даному модулі.
  • "Стиль меню" - горизонтальне або вертикальне розташування кнопок, яке змінюється при виведенні бічного і верхнього меню.
  • "Розгорнути меню" - дозволяє розгорнути підпункти, показуючи їх одночасно з основними пунктами.
Мал. 3 Конфігурація модуля меню в Joomla!

Розробка web-сайту на основі cms joomla

Розробка web-сайту на основі cms joomla

Базова конфігурація "Головного меню" підтримує висновок вертикального меню для всіх відвідувачів Web-сайту, тому якщо планується обмежитися стандартною функціональністю, то ніяких змін вносити не буде потрібно.

Адміністратор входить в налаштування модуля і вибирає в списку "Ім'я меню" пункт "mainmenu". а потім включає публікацію конкретного модуля. Після конфігурації модулів необхідно заповнити блоки, які містять посилання, які будуть виводитися на сторінках Web-сайту.

У менеджері меню є такі команди: "Довідка". "Новий". "Правка". "В кошик". "Копія". "Перенести". "Приховати". "Публікація". Щоб додати нову посилання, потрібно скористатися командою "Новий". яка розташовується у верхній частині інтерфейсу. Joomla! дозволяє створювати посилання на різні об'єкти всередині ресурсу, наприклад:

Тип обраної посилання фактично визначає майбутній вигляд подання матеріалів на сторінці.

Посилання на компоненти створюються точно так же, після вибору типу "Компонент" необхідно вибрати потрібний компонент зі списку всіх компонентів, присутніх в системі. Крім цього, потрібно буде вказати "Ім'я посилання". яке відображається в меню ресурсу.

Мал. 4 Приклад заповненого "Менеджера меню"

Розробка web-сайту на основі cms joomla

Розробка web-сайту на основі cms joomla

Заповнення головної сторінки

Крім цього, деякі Web-сайти розміщують додаткові модулі саме на головній сторінці, щоб забезпечити більшу інтерактивність і динамічність. Для того щоб відобразити кілька матеріалів на головній сторінці, необхідно активувати для них опцію "На головній сторінці".

висновок

В даному циклі статей був досить докладно описаний процес створення сучасного Web-сайту на основі Joomla CMS. Подібний Web-сайт вже придатний для практичного використання, хоча і може в основному використовуватися тільки для обміну і поширення інформації. Але за допомогою різних модулів розширення, доступних для Joomla, Web-сайт можна перетворити в Інтернет-магазин або CRM-систему, або адаптувати його для вирішення практично будь-яких завдань.

Також ми коротко розглянули сучасні технології, які дозволяють створювати динамічні Web-додатки навіть при відсутності глибоких навичок в програмуванні.

Пропонуємо читачеві завантажити версію описаної системи управління контентом Joomla! з офіційного сайту проекту та приступити до створення власного Web-сайту.

Ресурси для скачування

Схожі теми