Всього 14 уроків, трохи уваги та терпіння, і ось ви вже вмієте користуватися однією з найгнучкіших систем управління контентом – Joomla. Це насправді універсальний двигун, який підходить для всіх проектів.
- 1 Знайомство з Joomla
Невелика вступна частина: про можливості, про історію, про зовнішній вигляд - ви розумітимете, з чим доведеться мати справу.
- 2 Установка Joomla на localhost
Багато веб-майстрів починає роботу над сайтом, не викладаючи його в Інтернет, а розміщуючи на локальному хостингу. Про те, як встановити CMS на нього і йтиметься у цій статті.
- 3 Установка Joomla на хостинг
Покрокова інструкція, за допомогою якої будь-який користувач зможе інсталювати Joomla на хостинг, щоб його сайт працював саме на цій CMS.
- 4 Знайомство з адмінкою та базові налаштування
У статті ви знайдете багато корисної інформації на тему налаштування свого ресурсу. Починаючи з того, як увійти в панель адміністратора та освоїтися в ній, закінчуючи тим, як змінити час сесії, знайти довідку та видалити деякі демо-дані.
- 5 Встановлення шаблону на Joomla
Урок підкаже, звідки брати для движка теми оформлення, як інсталювати їх із папки, архіву або за посиланням, а потім активувати, щоб оформлення сайту змінилося.
- 6 Створення сторінок та пункту меню
Про те, як додати на сайт сторінку, а потім помістити на неї посилання, щоб кожен відвідувач міг її прочитати. Урок навчить налаштовувати сторінки та додавати пункти до навігаційного меню.
- 7 Створення категорій
- 8 Типи меню в Joomla
Joomla – досить гнучка система, що відбивається навіть на роботі з пунктами меню. Типів меню в Joomla досить багато, про них розповість урок.
- 9 Створення форми зворотного зв'язку
Якщо хочете підтримувати з відвідувачами двосторонній зв'язок – створіть контактну форму, пройшовши цей урок.
- 10 Модулі, плагіни, компоненти
На перший погляд синоніми, але в Joomla виявляється кожен тип доповнень виконує свої функції по-різному. Прочитавши статтю, ви дізнаєтеся, як відрізнити компонент від плагіна, а плагін - від модуля, де їх знайти і якими способами встановити.
- 11 Створення фотогалереї
Картинки на сайті - це завжди важливо, але не скористатися можливостями, які пропонують розширення Joomla - великий недогляд. У статті розглядається компонент Phoca Gallery - найпопулярніше та найбільш функціональне з безкоштовних рішень.
- 12 Створення шаблону на Joomla
Щоб не користуватися сторонніми розробками, можна адаптувати під Joomla свій (або будь-який інший) HTML-шаблон. Як саме це робити, в уроці показано наочний приклад. Розкривається структура тем оформлення, правильний підхід до архівації та налаштування файлу templateDetails.xml.
- 13 Перенесення сайту з локального хостингу на сервер
Інструкція, яка розповідає про алгоритм та кроки перенесення сайту з домашнього хостингу на справжній. Все проілюстровано, описано поетапно.
- 14 Інтернет-магазин Joomla
Створення наповненого товарами, кошиками та способами оплати інтернет-проекту на основі Joomla з використанням відомого розширення VirtueMart. Прочитайте, і ви матимете поняття, з чого розпочати створення інтернет-магазину і як взагалі будується цей процес.
Курс містить безліч корисної інформації, ілюстрованої прикладами та картинками. Пройшовши його, ви зможете створювати та адмініструвати сайти, побудовані на CMS Joomla. Будете розуміти їхній пристрій і вміти їх налаштовувати.
Як людина, яка не користувалася раніше Joomla!, ви повинні знати з чого почати.
Можливо, у вас є друг або сусід, який користується Joomla!, а ви хочете свій власний Joomla! сайт.
Можливо ви власник малого бізнесу, можливо у вас є клуб або спільнота, яка потребує веб-сайту і для цієї мети ви хочете використовувати Joomla!
Можливо, ви досвідчений професіонал у сфері IT, але раніше не користувалися Joomla!
У цьому випадку ви починаєте приємну для вас подорож і ми раді тепло привітати вас від імені Joomla! і закликаємо вас прочитати Joomla! посібник для початківців.
Ласкаво просимо до Joomla! лідируючу платформу системи керування контентом з відкритим кодом.
Joomla! Це добре перевірений, ефективний інструмент з можливостями розширення, що активно підтримується спільнотою розробників та користувачів.
Звичайно ви могли б витратити все своє життя на навчання Joomla!, якщо ви оволодієте основами, у вас з'явиться можливість зробити привабливу та цікаву основу для сайту в стислий термін і без спеціальних технічних навичок.
Зрозумій, як працює Joomla!
Можливо ви захочете дізнатися, як побудована Joomla! і як взаємопов'язані її функції.
Якщо коротко Joomla! складається з платформи та розширень. Існує кілька типів розширень, кожне з яких здатне виконувати конкретні завдання. Деякі розширення розроблено як частину платформи Joomla! та встановлюються разом із загальним пакетом. Якщо ви бажаєте розширювати функціонал сайту, ви можете встановити додаткові розширення.
Це можна порівняти з операційною системою комп'ютера, як Microsoft Windows або Linux. Безпосередньо ви не використовуєте саму систему (Joomla!); Ви використовуєте розширення для виконання завдань. Деякі програми одразу стають доступними, але так само ви можете в будь-який час встановити або видалити будь-які інші.
Встановлюємо Joomla!
Ось кілька способів встановлення Joomla!
Якщо ви бажаєте протестувати Joomla! та ще не придбали домен, то можете встановити Joomla! на свій комп'ютер (ваш сайт не відобразиться в Інтернеті), встановити її можна за допомогою пакета установки XAMPP. Також ви можете легко створити працюючий веб сайт за цим посиланням.
Якщо ви хочете, щоб ваш сайт був доступний в Інтернеті, переконайтеся в наявності облікового запису на веб-сервері. Для більшості людей це означає зареєструватися в хостинговій компанії та придбати домен, який підтримує головну адресу сайту.
- Варіант перший: встановлення в один клік. Багато хостингових компаній пропонують «миттєвий» спосіб встановлення Joomla! Виконуйте інструкції вашого хостинг провайдера для встановлення в один клік.
- Варіант другий: нормальна установка. Цей метод передбачає копіювання архіву Joomla! на ваш хостинг обліковий запис, розпакування, створення бази даних та подальший запуск файлу установки. Повна інструкція по встановленню за посиланням.
- Варіант третій: Демо-сайт. Якщо ви використовували демо сайт, ви можете, дотримуючись інструкцій резервного копіювання, перемістити сайт на наявний хостинг або створити обліковий запис хостингу після закінчення 30-денної тріал-версії.
Починаємо робити наш власний Joomla! сайт
Тепер ви готові почати створювати свої власні матеріали, веб-посилання, контакти, банери та стрічки новин. Перш ніж ви приступите, ви можете захотіти прочитати огляд планування вашого сайту. Нарешті, ви можете захотіти встановити одне з тисяч розширень для Joomla!
Будь ласка, пам'ятайте, що всі розширення створені незалежними розробниками. Якщо вам потрібна допомога з певним розширенням – найкраща порада дасть його розробник.
Встановлення. Зайдіть на сайт, де ви придбали послуги хостингу, ввівши свій логін та пароль. Потім панель управління хостингом. Знайдіть розділ із встановлення конструкторів: на сайті Reg.ru, наприклад, такий розділ називається «Softaculous», а на Nic.ru – «CMS». Натисніть на Joomla і Встановити. Програма автоматично встановиться. Дізнатися про самостійне встановлення конструктора ви можете у розділі «Допомога» або «Підтримка».
Вхід. Після встановлення на вашу електронну адресу прийде лист про успішну установку з логіном та паролем для входу, а на хостингу з'явиться посилання: «Панель управління сайтом Joomla». Перейдіть до панелі та введіть логін/пароль у вікні входу. Не забудьте вказати російську мову як мову інтерфейсу.
Вибір шаблону для сайту. У верхній частині панелі виберіть розділ «Розширення» та «Менеджер шаблонів». На вибір представлено 2 шаблони: Beez3-Default і Protostar-Default. Натиснувши на значок ока біля шаблонів, ви можете подивитися, з чого вони складаються. Виберіть шаблон, що сподобався, і натисніть на кнопку зірочки праворуч від нього. Запам'ятайте чи зробіть розташування позицій (Position-0 тощо) – це знадобиться для вибору місця для інформаційних блоків.
Створення категорії. Щоб сайт привертав увагу, продумайте заздалегідь, з яких інформаційних блоків (категорій) він складатиметься. Наприклад, якщо це туристичний сайт, то категорії мають бути відповідні: Тайланд, Туреччина тощо. Зайдіть у розділ «Матеріали – Менеджер категорій – Створити категорію». Пропишіть назву та натисніть «Зберегти та закрити».
Створення матеріалу для категорії. Зайдіть в розділ "Матеріали - Менеджер матеріалів - Створити матеріал". Назва матеріалу має відповідати заданій категорії. Напишіть текст статті на тему, виберіть відповідну категорію праворуч і натисніть «зберегти та закрити».
Створення меню та вибір позиції розташування. Для того, щоб категорія та тематичний матеріал з'явилися на сайті, необхідно створити відповідний пункт меню. У верхньому рядку панелі знайдіть розділ Меню та підрозділ Менеджер меню. Натисніть кнопку «Створити меню». Відобразиться вікно параметрів. Заголовок меню має за назвою об'єднувати всі категорії, які у ньому будуть. Наприклад, (якщо знову брати за основу туристичний сайт) "Гарячі тури" або "Проживання".
Зайдіть знову до розділу «Менеджер меню». Праворуч від створеного заголовка буде напис, що модуль для цього заголовка не заданий. Натисніть на кнопку «Модуль» і в параметрах виберіть позицію для заголовка (виходячи з виду шаблону).
Збережіть та виберіть «Меню – Назва заголовка - Створити пункт меню». Назва пункту меню повинна відповідати назві створеної категорії. У параметрах натисніть «Тип пункту меню» і у вікні виберіть «Матеріали - Блок категорії».
Оцінка результатів. Внизу панелі керування конструктором є кнопка "Перегляд сайту". Періодично натискайте її та перевіряйте, чи все виходить так, як ви задумали. Ваш сайт відкриється у новому вікні. У разі виявлення помилки повертайтеся в закладку панелі керування та відредагуйте всі невідповідності.
Багатьом відомий такий набір скриптів, як Joomla. Про те, як працювати з Joomla розповість наша стаття. Після скачування та встановлення Joomla на хостинг, Вам одразу доступна панель управління та головна сторінка сайту. Тепер необхідно придумати чи мати структуру свого сайту. Якщо Ви хочете бачити на сайті кілька пунктів меню і при натисканні на один з них Ви зможете потрапити на сторінку сайту, на якій будуть посилання на якісь матеріали, тоді Вам необхідно знати, як користуватися Joomla. Допустимо, Ви маєте 50 статей, які умовно розбиті на 2 категорії:
- Статті про процес створення блогу;
- Статті про процес створення форуму.
У такому разі Вам доведеться створювати 1 розділ сайту та 2 його категорії. Розділ необхідно створити у будь-якому випадку, якщо Ви хочете створити хоча б одну категорію. Створивши категорію, потрібно вибрати той розділ, куди вона входить. А при створенні статей необхідно вибрати категорію, до якої вони належать.
Створення розділу
Для цього необхідно:
- Зайти до «адмінки»;
- На головній сторінці натиснути кнопку з написом «Розділи», при цьому Ви потрапите до «Менеджера розділів» (також можна в головному меню вибрати «Матеріали», а потім «Менеджер розділів»);
- Натискаємо кнопку "Створити";
- У «Заголовку» можна додати псевдонім, опис та багато іншого;
- Натискаємо "Зберегти" і все готове.
Створюємо категорії
Для цього необхідно:
- У головному меню вибрати "Матеріали", а потім "Менеджер категорій" (також можна з головної сторінки натиснути кнопку "Категорії");
- Натискаємо кнопку "Створити";
- У "Заголовку" вказуємо назву Вашої категорії. Латинськими літерами заповнюємо рядок "Псевдонім" (кілька слів найкраще розділити "тире");
- Далі потрібно вибрати потрібний Розділ. В Описі пишемо текст, який Ви хочете бачити при відкритті даної сторінки;
- Натискаємо "Зберегти". Так само створюємо необхідну кількість категорій.
Компоненти
Щоб знати, як працювати з Joomla, необхідно знати про стандартні компоненти, які доступні Вам відразу після встановлення Joomla. Компоненти - це функціональні елементи даної системи, які виконують найважливішу частину роботи. Позиція для виведення таких компонентів на сторінці одна і визначається шаблоном за допомогою коду.
- com banners (компонент «Банер») - необхідний для створення та подальшого управління банерами. Коли Ви відкриєте пункт Банер, то побачите 3 підпункти. У пункті «Параметри» можна включити підрахунок статистики кліків (переходів за цим посиланням). Спочатку необхідно створити категорію, потім клієнта, тобто організацію або людину, яка замовляє показ даного банера. Тепер потрібно створити банер для клієнта у цій категорії. Для цього існує вкладка "Банери".
- com contact (компонент «Контакти») – необхідний для створення контактів та сторінки з контактною інформацією на сайті. Для їх створення потрібно перейти до пункту «Компоненти», потім до «Контактів», де Ви побачите просту сторінку даного компонента. За допомогою кнопки «Параметри» на панелі інструментів Ви зможете налаштувати потрібне відображення іконок на сторінці контактів, а також вибрати, що показувати, а що ні.
- com newsfeeds (компонент «Стрічки новин») – необхідний для того, щоб відображати на сайті стрічки новин (RSS), прив'язуючи до меню кожну стрічку, список усіх стрічок або список стрічок категорії.
- компонент «Голосування» - необхідний для голосування та опитувань на сайті, а також для публікації їх або прив'язки до меню.
- компонент «Пошук» – необхідний для пошуку по сайту та виведення результату пошуку.
- компонент «Каталог посилань» - необхідний створення каталогу посилань, яке аналогічно створенню стрічок новин.
Стандартні шаблони та модулі
Щоб знати, як працювати з Joomla, необхідно знати про стандартні модулі. Щоб побачити їх, необхідно перейти до пункту «Розширення», потім у «Менеджер модулів».
- mod syndicate («Syndicate») - необхідне відображення в потрібній позиції посилання на стрічку новин сторінки. У його налаштуванні є пункт «Позиція», який визначає, де буде модуль. Якщо є кілька стрічок, їх можна відобразити в деякому порядку за допомогою поля «Порядок». Пункт "Доступ" дає рівень доступу до цього модуля. Щоб створити модуль, потрібно натиснути кнопку «Зберегти» (можна і «Застосувати»).
- mod wrapper («Wrapper») - необхідний створення у потрібній позиції вікна, всередині якого буде сторінка. Адресу цієї сторінки вводять у параметрах даного модуля.
- mod banners («Банер») – необхідний для виведення у вибраній позиції банера, який раніше створений у компоненті «Банер». Пункт «Шукати за тегами» потрібний для відображення на сторінці банерів, теги яких такі самі, як і ключові слова сторінки.
- mod login ("Увійти") - необхідний для виведення форми реєстрації/входу користувача.
- mod poll («Голосування») - необхідний для виведення в потрібну позицію раніше вказане в компоненті «Голосування» голосування.
- mod Feed («Лента новостей») - необхідний для виведення в потрібній позиції стрічки новин, адреса якої задана в його налаштуваннях.
- mod mainmenu («Меню») - необхідний виведення раніше створеного в менеджері меню. Він має багато різних параметрів, які дуже прості.
- mod breadcrumbs («Навігатор сайту») – необхідний для показу користувачеві його розташування на сайті.
- mod footer («Нижній колонтитул») та mod search («Пошук») - дуже прості та зрозумілі будь-якому модулі.
- mod latestnews («Останні новини») – необхідний для виведення списку останніх новин.
- mod related items («Схожі матеріали») - необхідний порівняння ключових слів у матеріалі.
- mod custom ("Довільний HTML-код") - необхідний для виведення в потрібну позицію HTML-коду, який вказаний Вами при створенні модуля.
- mod mostread («Найбільше читані») - потрібен для виведення списку популярних матеріалів.
- mod newsflash («Випадкова новина») – необхідний для виведення випадкової новини при оновленні сторінки.
- mod stats («Статистика») – необхідний для показу статистики сайту.
Тепер Ви знаєте, як користуватись Joomla!
Ласкаво просимо до короткий самовчитель Joomla! З цього уроку ви дізнаєтеся про те, як зробити сайт в CMS Джумла з нуля, як працювати на цьому движку і з чого слід розпочати розкрутку та організацію свого веб-ресурсу. Схема ваших дій може відрізнятися від описаного, але ви отримаєте наведення і зрозумієте в який бік вам краще йти.
Як зробити сайт з нуля
Насамперед вам варто придбати доменне ім'я та місце у хостинг-провайдера. Доменне ім'я – це адреса вашого сайту, посилання на нього. Акаунт у хостинг-провайдера — це дисковий простір на сторонніх серверах, який необхідно, щоб розміщувати всю інформацію вашого ресурсу, щоб дані завжди були доступні онлайн через Інтернет для інших користувачів.
Наступним кроком, якщо вирішили зробити сайт із нуля, вам потрібно завантажити до себе на комп'ютер будь-який FTP-клієнт, а також дистрибутиви CMS Joomla. Ви повинні переконатися, що хостинг, на якому ви хочете купити дисковий простір, підходить для двигуна. Для цього можете одразу поцікавитись у технічної служби підтримки цією інформацією.
Потім вам необхідно перенести за допомогою FTP-клієнта дистрибутиви на хостинг, розмістивши в папці з ім'ям вашого сайту в корені каталогів, або в папці WWW. Після цього вам слід зайти на свій сайт (ввести доменне ім'я в адресний рядок браузера) та відкрити адмінку. Для цього в кінці посилання вкажіть через слеш /administrator. Пройдіть кілька кроків інсталяції до того моменту, коли потрібно буде ввести інформацію про бази даних. Потім зайдіть на хостинг та створіть базу MySQUEL. Обов'язково занесіть у неї інформацію про облік суперадміністратора для сайту, інакше не зможете потім працювати з адмінкою всередині CMS. Тепер доведіть інсталяцію до кінця.
Як почати користуватися сайтом після встановлення, що потрібно зробити
Оскільки ви створюєте сайт з нуля, лише інструкція з інсталяції вас не врятує — потрібно ще навчитися працювати на ресурсі, змінювати його.
Перше, з чого потрібно почати - це дизайн вашого майданчика. Він визначається встановленим шаблоном. В Інтернеті ви зможете знайти багато шаблонів.
Зверніть увагу, що навіть якщо макет не зовсім підходить під ваш сайт за задумом, ви все одно зможете зробити так, щоб він підійшов, змінивши деякі дані в коді.
Спочатку завантажте будь-який більш-менш охайний шаблон, який вам симпатичний. Потім зайдіть до адмінки сайту. Там ви побачите «Менеджер розширень» або вкладку «Розширення» — з нею ви дуже часто працюватимете. Вам потрібно завантажити архів шаблону на ресурс, а потім його інсталювати. Зробити це дуже просто навіть для початківців, які створюють сайт з нуля, тому що в меню все інтуїтивно зрозуміло.
Після встановлення шаблону активуйте його у розділі «Шаблони». Тепер у вас з'явився дизайн сайту. Щоб змінити його, потрібно буде коригувати CSS-файли. На жаль, цей самовчитель Joomla не містить інформації про те, як користуватися кодом, тому вам доведеться самостійно почитати про це в Мережі.
Якщо немає часу на CSS, то можете завантажити на сайт якесь розширення і тим самим змінити дизайн ресурсу. Розширення - це функціональні елементи двигуна Джумла. Бувають плагіни, компоненти та модулі. Саме завдяки компонентам ви зможете змінити формат сторінки. Наприклад, створити каталог продуктів. А завдяки модулям ви додасте на сайт різні функціональні елементи (наприклад, зможете зробити форму реєстрації та календар). Плагін допоможе вам поліпшити роботу движка. Він викликається шорткодом.
Тепер, щоб зробити хороший сайт, вам потрібно зібрати всі необхідні розширення і максимально оптимізувати сайт. Щоб ресурс став успішним, потрібно вміти аналізувати одразу безліч факторів. Ви повинні одночасно думати і про просування, і про розсилки, і про реєстрацію користувачів, і про боротьбу зі спамом та зломами, і про додавання коментарів на сайт, і найголовніше – про генерацію нового контенту.
З чого краще почати на початку
Поки у вас на ресурсі ще немає людей, потрібно зробити так, щоб веб-сайтом було комфортно скористатися, також оптимізувати його. Увімкніть функцію SEF – це людинозрозумілі посилання, які допоможуть у просуванні. Потім встановіть плагіни для автоматичної генерації метаданих, що допоможе в розкручуванні. Наступним кроком додайте на ресурс усі необхідні інструменти медіа: слайдери, галереї, карти, програвачі тощо.
Потім вам залишиться зробити найголовніше — заповнити сторінки корисним контентом. Саме від якості постів залежатиме приплив трафіку на сторінки ресурсу. Пишіть цікаво, використовуйте ключові слова у статтях і ви обов'язково отримаєте свою аудиторію. Слідкуйте, щоб сайт завжди працював швидко і був зручним, і користувачі будуть вам вдячні. Також відразу подумайте про адаптивну версію майданчика — це позитивно вплине на розкручування в пошукових системах. Створіть свій покроковий план та починайте діяти!
