Доброї доби, друзі! Сьогодні я хочу поговорити про те, як зробити сайт Joomla з нуля. Думаю, багатьох початківців сайтобудівників хвилює ця тема. Звичайно ж, в інтернеті це питання вже висвітлювалося і не раз, але так як я опублікував безліч постів пов'язаних з CMS Joomla, було б помилково не скористатися всіма накопиченими знаннями, підсумувавши їх в одному місці.
Ця система управління розповсюджується абсолютно безкоштовно.
Численна кількість як платних, і безкоштовних розширень.
Можливість створення як найпростішої інтернет-сторінки, так і об'ємного порталу або інтернет-магазину.
Стабільне оновлення двигуна та всіх його компонентів.
Серйозна підтримка, що базується на багатьох форумах.
Про всі переваги цієї системи можна почитати, перейшовши за посиланням .
Для більшої зручності ця стаття буде розбита на основні пункти, які, у свою чергу, посилатимуться на раніше мною опубліковані матеріали, що відображають суть питання.
А тепер давайте про наболіле. Як же створити сайт самому, та ще й безкоштовно?
Як створити сайт на Joomla - покрокова інструкція
Створення пунктів меню Joomla. Для відображення будь-якого матеріалу на сторінках сайту матеріал необхідно прив'язати до категорії, яка буде прив'язана до меню. CMS Joomla дозволяє створити сайт безкоштовно з різними пунктами меню. Наприклад, можна прив'язати певне менюдо кореневого пункту, що у свою чергу буде вкладено ще одне меню тощо.
Дмитро Дементій
Власники сайтів вибирають цю систему керування контентом завдяки таким перевагам:
- За простотою використання Joomla! тільки трохи поступається WordPress. З цією CMS можна працювати без знань у галузі програмування та дизайну сайтів.
- «Джумла» має функціональність, достатню для створення сайтів будь-якого розміру та призначення. На цьому движку можна робити ресурси різних типів: від сайту-візитки або блогу до великого інтернет-магазину або інформаційного порталу.
- Можливість адаптувати сайт до потреб аудиторії за допомогою платних та безкоштовних шаблонів та розширень.
- Зручне керування меню та навігацією. Завдяки цьому «Джумла» є одним з кращих двигунів для інтернет-магазинів. На Joomla! можна швидко створювати сайти зі складною архітектурою: великою кількістю категорій та підкатегорій, а також організовувати ієрархії сторінок.
- Адаптація вимог пошукових систем. Двигун Joomla! вважається SEO-дружнім за умовчанням. А за допомогою SEO-розширень ви зможете швидко вирішувати усі технічні аспекти оптимізації.
Все ще не довіряєте безкоштовним двигунам або думаєте, що пошукові системи їх не люблять? Це дурниці. Пошукові системи не люблять неякісні та шаблонні сайти, а функціональність Joomla! дозволяє зробити ресурс нестандартним та корисним для аудиторії. Можливо, вас переконають приклади сайтів на «Джумлі», серед яких є великі солідні організації.
Крок №1: починаємо працювати з Joomla!
Після реєстрації домену та покупки хостингу зі встановленої CMS або самостійної установки «Джумли» ви отримали доступ до адміністративної панелі сайту.
Крок №2: як встановити шаблон Joomla!
Ви можете замовити ексклюзивний шаблон для «Джумли» або скористатись готовим платним або безкоштовним рішенням. При виборі шаблону керуйтеся такими рекомендаціями:
- Якщо у вас немає мобільної версіїсайту, вибирайте шаблон із адаптивною версткою. Завдяки цьому вашим сайтом зможуть користуватися власники смартфонів та планшетів.
- Звертайте увагу на зовнішній виглядта функціональність шаблону. Наприклад, якщо ви створюєте інтернет-магазин чи корпоративний сайт, у цьому випадку не підійдуть теми для блогів чи сайтів-візиток.
- Якщо вибираєте готовий шаблон, скористайтесь іноземними сайтами. Для цього введіть у Google запит joomla templates. Так буде більше шансів знайти хорошу тему, яку не використовують колеги та конкуренти у рунеті.
Якщо колись користуватися пошуковими системами, шукайте шаблони тут:
Після вибору шаблону завантажте дистрибутив на жорсткий дисккомп'ютера. В адміністративній панелі виберіть меню "Налаштування розширень".
Завантажте та встановіть шаблон.
Після успішного встановлення перейдіть в менеджер шаблонів.
Поставте галочку навпроти вибраного шаблону та натисніть кнопку «За замовчуванням» у лівому верхньому куткуекрану.
Переконайтеся, що вибраний шаблон активовано.
За допомогою менеджера шаблонів можна змінити вигляд панелі керування. Для цього в меню «Вибір області системи» вкажіть значення «Панель управління», а в меню «Вибір шаблону» вкажіть відповідний шаблон. Поставте напроти вибраного шаблону прапорець і натисніть кнопку «За замовчуванням».
Тепер перейдіть до налаштування CMS.
Крок №3: як налаштувати CMS Joomla!
З цього розділу ви дізнаєтеся про загальні налаштування двигуна, про створення та керування меню. Почніть із загальних налаштувань CMS Joomla!, які можна змінити у відповідному розділі.
Вказуємо загальні налаштування сайту
У меню «Загальні налаштування» виберіть вкладку «Сайт». Вкажіть назву ресурсу, переконайтеся, що його увімкнено. Напишіть повідомлення про недоступність сайту та виберіть зображення. У меню «Рівень доступу за промовчанням» виберіть опцію «Публічний».
Вкажіть мета-дані сайту: опис та ключові слова. Виберіть значення для тега robots. Якщо не потрібно обмежувати індексування ресурсу пошуковими системами, підійде варіант Index, Follow. У полі "Авторські права" внесіть дані про копірайт.
У розділі «Налаштування SEO» увімкніть ЧПУ та додавання суфікса до URL. Щоб увімкнути перенаправлення URL, необхідно перейменувати файл htaccess.txt, який знаходиться в кореневій директорії ресурсу. Щоб отримати доступ до нього, скористайтеся будь-яким FTP-клієнтом, наприклад, Filezilla. Знайдіть вказаний файл і перейменуйте його в .htaccess.
Поставте навпроти поля «Аліаси в Unicode» позначку «Ні». Якщо хочете включати назву сайту в заголовок сторінки, зробіть позначку у відповідному полі.
На вкладці "Система" поставте "Ні" навпроти полів "Налагодження системи" та "Налагодження мови". Увімкніть стандартне кешування. У розділі «Параметри сесії» встановіть час тривалості сесій для авторизованих користувачів. Наприклад, якщо вкажете значення 120 хвилин, система вимагатиме від користувача повторного введення логіну та паролю після двох годин бездіяльності.
На вкладці «Сервер» увімкніть gzip-стиснення сторінок. Це прискорить завантаження сайту у браузерах відвідувачів. Якщо хочете забезпечити користувачам безпечний зв'язок із сайтом, придбайте SSL-сертифікат та увімкніть відповідну опцію в панелі керування «Джумли». Виберіть часовий пояс, який відповідає аудиторії вашого ресурсу. Залиште вимкненими вбудований доступ до FTP та проксі-сервер. У розділі "Налаштування пошти" вкажіть адресу електронної поштита відправника листа.
На вкладці «Права» можна настроїти права доступу для різних груп відвідувачів. Власник сайту відноситься до групи суперкористувачів, яким доступні всі права. Незареєстрований користувач може переглядати лише сторінки ресурсу. Налаштуйте права доступу відповідно до потреб аудиторії та адміністраторів. На ілюстрації вказано налаштування для автора, який має можливість реєструватися та входити на сайт, публікувати та редагувати власні матеріали.
Якщо ви працюєте з сайтом самостійно, не змінюйте налаштування на вкладці Фільтри тексту. Якщо інші користувачі можуть додавати публікації, відфільтруйте небажані теги HTML. Наприклад, за допомогою фільтрів можна заборонити групі користувачів вбудовувати у публікації відео з YouTube. Для цього напроти відповідної групи вкажіть тип фільтра «Чорний список», до якого за замовчуванням включаються теги
Як створити меню сайту на CMS Joomla!
Щоб створити меню, скористайтесь менеджером меню на панелі керування «Джумли».
Натисніть кнопку «Створити» у верхньому лівому куті екрана. На сторінці вкажіть назву, опис і тип меню. Збережіть зміни.
Щоб створити пункти меню, необхідно спочатку опублікувати відповідні сторінки сайту.
Щоб додати пункти меню, перейдіть за посиланням і скористайтеся кнопкою «Створити». Виберіть тип пункту меню. Уявіть, що ви хочете вивести в головне меню посилання на публікацію. Для цього скористайтесь опцією "Вибрати - матеріали - матеріал".
Для вибору конкретного матеріалу скористайтесь опцією "Вибрати".
У такий же спосіб створіть інші пункти меню. Наприклад, щоб додати посилання на блог у меню, виберіть тип меню «Блог категорії».
Тепер потрібно створити модуль відображення меню на веб-сайті. Для цього перейдіть до менеджера модулів.
Натисніть кнопку «Створити» у верхньому лівому куті екрана.
На сторінці виберіть варіант модуля «Меню».
На сторінці редагування модуля вкажіть назву. Виберіть меню, для якого Ви створюєте модуль. Вкажіть базовий пункт. Увімкніть відображення підпунктів меню. Вимкніть відображення заголовка, у випадаючому меню виберіть позицію модуля. Збережіть зміни.
Як створити категорії та меню категорій
Якщо ви створюєте інформаційний ресурс або інтернет-магазин, організуйте навігацію по сайту за допомогою категорій. Для цього скористайтесь менеджером категорій.
Уявіть, що потрібно створити категорію, яка містить підкатегорії. Щоб створити батьківську категорію, скористайтесь кнопкою «Створити» у менеджері категорій. У меню редагування вкажіть назву розділу, додайте опис.
На вкладці «Публікація» вкажіть мета-дані категорії, за необхідності вкажіть автора.
Не змінюйте налаштування дефолту на вкладці «Права доступу». На вкладці «Параметри» виберіть макет сторінки категорії та додайте зображення. Наприклад, для інформаційного ресурсу підійде макет "Блог". Збережіть зміни.
Тепер створіть модуль відображення категорій. Для цього перейдіть до менеджера модулів. Скористайтеся опцією "Створити" та виберіть тип модуля "Категорії".
Вкажіть назву, у разі потреби увімкніть відображення опису розділу та кількості публікацій. Виберіть «Так» напроти «Показувати підкатегорії». Виберіть відповідні значення для пунктів «Кількість перших підкатегорій» та «Максимальна глибина вкладення». Виберіть позицію відображення категорій. Збережіть зміни.
Якщо все зроблено правильно, на сайті відображатиметься меню навігації за категоріями.
Якщо шаблон не підтримує відображення навігаційних ланцюжків або хлібних крихт за промовчанням, додайте їх за допомогою менеджера модулів. Наприклад, уявіть, що хочете додати хлібні крихти над контентом сайту. Для цього під час створення модуля виберіть тип «Навігатор сайту».
Вкажіть назву модуля, виберіть відповідні налаштування та позицію елемента на сайті. Збережіть зміни.
Тепер хлібні крихти відображатимуться у верхній частині сторінок сайту.
Ви налаштували CMS та створили меню сайту. Тепер необхідно вирішити практичні завдання за допомогою розширень.
Крок № 4: встановлюємо та налаштовуємо базовий набір розширень для Joomla!
За допомогою базового набору розширень Joomla! можна вирішити такі практичні завдання:
- Забезпечити безпеку сайту. За допомогою розширень налаштуйте резервне копіювання, зменшіть ймовірність несанкціонованого доступу до сайту та захистіть користувачів та адміністраторів від спаму.
- Забезпечити відповідність ресурсу технічним вимогам пошукових систем. Створіть карту сайту, забезпечте можливість легко керувати мета-даними сторінок.
- Розширити функціональність та підвищити юзабіліті сайту. Додайте на сайт кнопки шерингу соціальних мереж, форму зворотнього зв'язку, прискорені сторінки. Також забезпечте відображення у пошуковій видачірозширених сніпетів за допомогою мікророзмітки Schema.org.
Як настроїти резервне копіювання сайту на Joomla!
Щоб регулярно створювати резервні копії, скористайтеся одним із наступних інструментів:
Завантажте дистрибутив вибраного інструменту та встановіть його на сайт за допомогою менеджера розширень. Якщо вибрано безкоштовний компонент Akeeba Backup Core, після встановлення перейдіть на сторінку налаштування. Прийміть ліцензійну угоду та запустіть майстер конфігурації. Після завершення роботи Akeeba Backup запропонує створити резервну копію або вручну змінити налаштування.
Створіть резервну копію сайту.
За допомогою кнопки View Log можна переглянути журнал оновлень. Кнопка Manage backups дозволяє увійти в меню керування бекапами. Тут можна фільтрувати, помічати та видаляти застарілі резервні копії.
Безкоштовна версія Akeeba Backup не підтримує автоматичне резервне копіювання за розкладом, тому доведеться робити копії вручну. Для цього в панелі керування Joomla! необхідно скористатися меню "Обслуговування - Backup is up-to-date".
Вибирайте частоту створення резервних копій залежно від частоти оновлень сайту. Наприклад, якщо ви публікуєте кілька матеріалів щодня, створюйте резервні копії один або два рази на тиждень. Також створюйте копії перед оновленнями движка та компонентів, встановленням нових розширень та шаблонів.
Як зменшити можливість несанкціонованого доступу до сайту на Joomla!
Зменшити ймовірність злому сайту на «Джумлі» можна за допомогою таких розширень:
Встановіть розширення Brute Force Stop. Увімкніть його в меню "Менеджер розширень - Плагіни".
На сторінці параметрів плагіна вкажіть поріг блокування. За замовчуванням стоїть значення "10". Рекомендую зменшити його.
На вкладці «Повідомлення» вкажіть електронну адресу, на яку будуть надходити повідомлення про заблоковані IP.
На вкладках « Додаткові налаштування» та «Затримка» можна залишити дефолтні значення. Збережіть установки. Після цього плагін захищатиме сайт від злому методом перебору.
Як захистити сайт на Joomla! від спаму
Ви можете захистити ресурс на CMS «Джумла» від автоматичних реєстрацій та спам-коментарів за допомогою таких розширень:
- iAkismet . Це платний плагін, який забезпечує захист сайту за допомогою сервісу Akismet.
- R Antispam. Цей інструмент захищає від спам-ботів форуми сайтів, які працюють на Joomla!
- CleanTalk (платний сервіс).
У менеджері плагінів увімкніть плагін CATCHA – reCAPTCHA.
Зареєструйте сайт у сервісі Google reCAPTCHA. Отримайте публічний та секретний ключ. Вкажіть їх у налаштуваннях плагіна.
Увійдіть у меню «Користувачі – Менеджер користувачів – Установки». У полі CAPTCHA за допомогою меню, що випадає, вкажіть значення CAPTCHA – reCAPTCHA. Збережіть зміни.
Після цього reCAPTCHA захищатиме форми реєстрації, відновлення пароля, коментування від спам-ботів.
Як створити карту сайту
Це завдання можна вирішити за допомогою наступних інструментів:
Після встановлення Sitemap Generator перейдіть до менеджера карт сайти. Його можна знайти в меню "Компоненти - Sitemap Generator".
Натисніть кнопку «Generate your sitemap».
Дочекайтеся повідомлення про успішне створення картки сайту. Щоб переглянути карту, скористайтесь кнопкою "Show the sitemap".
Зверніть увагу, що розширення Sitemap Generator можна безкоштовно використовувати на сайтах з кількістю URL менше 500. Вартість використання модуля для сайтів з 500 URL і більше становить від 40 євро на рік.
Як забезпечити зручне управління мета-даними
За промовчанням можна додавати та редагувати мета-дані для кожного матеріалу окремо на вкладці «Параметри публікації». Наведені нижче інструменти спрощують вирішення цього завдання:
- iSEO. Платне рішення: потужний SEO-плагін, що вирішує комплекс завдань.
- SEOBoss. Використовуйте цей безкоштовний плагін обережно, так як деякі його функції відносяться до олдскульного SEO.
Встановіть плагін EFSEO та увімкніть його у менеджері плагінів. Перейдіть на сторінку налаштування плагіна. На вкладці « Додаткові параметри» активуйте Collect URL's.
Відкрийте сайт у фронтенді. У верхньому правому куті екрана з'явився блок, за допомогою якого можна контролювати мета-дані.
Натисніть на блок і відредагуйте мета-дані сторінки.
Повторіть дію на кожній сторінці сайту.
Плагін EFSEO підтримує автоматичний режим. При активації його надбудова генерує мета-дані для сторінок. Функцію можна увімкнути на вкладці Automatic Mode у налаштуваннях плагіна. Використовуйте автоматичний режим у крайньому випадку, оскільки мета-дані краще створювати вручну.
Як додати кнопки шерингу соціальних мереж
Встановіть та активуйте модуль AddToAny Share Buttons. За промовчанням кнопки шерингу з'являться на сторінках публікацій під контентом.
У налаштуваннях плагіна на вкладці AddToAny Placement можна змінити розташування кнопок. Доступні позиції над контентом, під контентом і над та під контентом одночасно.
Як додати форму зворотнього зв'язку
Форму зворотнього зв'язку можна зробити за допомогою таких розширень:
Після встановлення розширення Form Maker Lite увійдіть у меню «Компоненти – Form Maker Lite – Forms». За допомогою кнопки "Створити" відкрийте редактор нових форм.
За допомогою кнопки Form Options перейдіть на сторінку конфігурації форми. На вкладці Email Options введіть адресу електронної пошти, на яку надходити повідомлення, створені за допомогою форми.
Додайте нові поля за допомогою кнопки Add New Field.
У редакторі вибирайте потрібний тип та зовнішній вигляд полів, а також замінюйте англійський текст на російську. Після завершення редагування збережіть зміни.
Щоб додати форму на сторінки сайту, скопіюйте код створеної форми в меню «Компоненти – Form Maker Lite – Forms». У режимі редагування вставте його на вибрані сторінки сайту.
Якщо ви все зробили правильно, на сторінках сайту з'явиться створена форма.
Як додати мікророзмітку на сайт поду керуванням Joomla!
Структуровані дані цікаві завдяки розширеним описам сторінок у пошуковій видачі. Докладніше про розширені сніпети читайте.
Google Structured Data Markup. Після активації безкоштовна версія додає мікророзмітку Schema.org Breadcrumblist, Organization та Website.
За допомогою безкоштовної версії плагіна до публікацій можна додавати структуровані дані Schema.org Article. Для цього в меню установок Google Structured Data виберіть розділ Items та натисніть кнопку «Створити».
У вікні, за допомогою кнопки Select Item виберіть статтю, до якої плануєте додати розмітку. Вкажіть назву та опис. Збережіть зміни.
Перевірте коректність мікророзмітки за допомогою інструмента Google.
Платна версія плагіна підтримує інші типи розмітки, включаючи Review, Products, Recipes, Events.
Реалізуйте на веб-сайті протокол Open Graph. Він потрібен, щоб при шарингу контенту в соціальних мережах Сніппет виглядав привабливо.
Встановіть та активуйте розширення Phoca Open Graph. У налаштуваннях плагіна на вкладці Main Options увімкніть опцію Find Image in content. Вкажіть назву сайту та збережіть зміни.
Якщо все зроблено правильно, при публікації матеріалу в соціальних мережах формуватиметься привабливий сниппет. Турбо-сторінки «Яндекса» на сайт під керуванням CMS Joomla! можна підключити за допомогою платного плагіна Turbozen. Вартість розширення – 990 рублів.
Крок №5: як додати код аналітичних сервісів на сайт під керуванням Joomla!
Щоб відстежувати ефективність, додайте сайт під керуванням CMS Joomla! у сервіси аналітики «Метрика» та Google Analytics, а також у Search Console Google та «Яндекс.Вебмастер».
Як додати сайт на «Джумлі» до Google Analytics
Увійдіть до облікового запису Google Analytics. Додайте новий сайт до системи: вкажіть назву, URL. Скористайтеся опцією "Отримати ідентифікатор відстеження". Тепер доступний код відстеження, який потрібно вставити на всі сторінки сайту.
Завдання можна вирішити за допомогою таких розширень:
Після встановлення плагіна Advanced Google Analytics увімкніть його та перейдіть на сторінку налаштувань. Вкажіть ID ідентифікатора відстеження, назву домену, виберіть відповідні установки та збережіть зміни. Ви додали код відстеження на сайт.
Як додати сайт на Joomla! у «Яндекс.Метрику»
Додати на сайт код відстеження "Яндекс.Метрики" можна за допомогою плагіна do Yandex Metrika.
Після встановлення плагіна do Yandex Metrika увімкніть його та перейдіть на сторінку налаштування. На вкладці Модуль введіть ID ідентифікатора. Виберіть відповідні установки та збережіть зміни.
В «Яндекс.Метриці» перевірте, чи надходять дані із сайту.
Як верифікувати сайт на Joomla! в Google Search Console та «Яндекс.Вебмастер»
Щоб додати сайт до кабінетів для веб-майстрів Google та «Яндекс», необхідно підтвердити права на керування ресурсом. Це можна швидко зробити за допомогою розширення Webmaster site verification.
Після встановлення увімкніть плагін та перейдіть на сторінку налаштувань. Додайте ідентифікатори верифікації сайтів та збережіть зміни.
Після цього підтвердіть права в кабінетах для веб-майстрів Google та «Яндекс».
Крок №6: як публікувати контент
На сторінці редагування вкажіть назву публікації, додайте текст. Оберіть категорію. Щоб додати зображення, скористайтеся кнопкою на панелі редактора.
У вікні можна додати атрибут alt, вибрати спосіб вирівнювання та роздільну здатність фото.
На вкладці «Публікація» додайте опис та за бажанням ключові слова сторінки.
На вкладці «Зображення та посилання» можна додавати та редагувати зображення для попереднього перегляду та основного матеріалу, а також додавати посилання для перенаправлення користувачів. На вкладках "Відображення", "Параметри редагування" та "Права доступу" можна змінювати відповідні установки. Найчастіше підходять параметри за замовчуванням. Після завершення редагування опублікуйте матеріал за допомогою кнопки «Зберегти та створити».
У розділі «Менеджер матеріалів» можна керувати публікаціями: редагувати, видаляти, знімати з публікації, оцінювати кількість переглядів.
Замість укладання, або Що краще: Joomla! або WordPress
Відповідь це питання залежить від завдань, особистих переваг і звичок. Однозначне рішення шукайте самостійно. Для цього попрацюйте з двома двигунами.
«Джумла» не така проста, логічна та інтуїтивно зрозуміла, як «Вордпрес». Тому новачкові простіше розібратися з WordPress. А Joomla! має більше вбудованих можливостей, за допомогою яких можна вирішувати практичні завдання без встановлення додаткових компонентів.
Деякі спеціалісти вважають Joomla! більш підходящою CMS для реалізації масштабних проектів, наприклад, великих інтернет-магазинів або інформаційних ресурсів. Можливо, це саме питання особистих уподобань, тому що є багато прикладів успішної реалізації масштабних проектів на WordPress.
До переваг Joomla! перед WordPress можна віднести:
- Доступні без встановлення плагінів інструменти SEO. "Рух" підтримує оптимізацію URL-адрес, переадресацію посилань, управління мета-тегами robots.
- Автоматичне кешування. Ця функція прискорює завантаження сторінок у браузерах.
- Наявність вбудованого доступу до FTP.
- Управління стиском сторінок.
- Можливість редагування контенту у фронтенді.
У CMS WordPress ці завдання можна вирішити лише за допомогою додаткових плагінів.
До недоліків Joomla! можна віднести:
- Найменша в порівнянні з WordPress кількість безкоштовних шаблонів та плагінів. Наприклад, для Joomla! немає безкоштовного плагіна для реалізації турбо-сторінок.
- Небажання деяких розширень працювати відразу після встановлення.
- Більш складне керування сайтом. Можливо, ще одна суб'єктивна вада. Please enable JavaScript to view the
Здрастуйте, шановні читачі блогу сайт. Ця стаття присвячена новачкам у сайтобудуванні. Коли ти сам уже давно пройшов цей етап (що має місце бути у становленні абсолютно будь-якого вебмайстра), то здається, що все і так зрозуміло.
Справді, після занурення у тему все виявляється набагато простіше, ніж на поверхні. Але для цього потрібно саме поринути, і найкраще це робити з чиєюсь допомогою (хоча б у вигляді інструкцій для початківців).
Говорити ми будемо про роботу з чудовим двигуном Joomla 3, який у своїй нинішній інкарнації представляє собою досить-таки добротний продукт, що відповідає сучасним стандартам верстки (підтримується, наприклад, ), безпеки і функціональності (за допомогою розширень на цьому двигуні можна . блоги, фотогалереї та багато іншого).
Сьогодні ми торкнемося ключових для розуміння суті роботи з цією CMS моменти, поблукаємо по адмінці, розглянемо структуру розміщення матеріалів у Джумлі 3 і навіть попрацюємо з інструментами створення ієрархії категорій. Загалом, познайомимося з двигуном, навчимося його не боятися і спробуємо вникнути у логіку плідної роботи з ним.
Як пов'язані сайт на Joomla та адмінка цієї CMS
Загальнодоступну версію сайту на Джумлі (або будь-якому іншому движку) ми формуємо з нуля - встановлюємо шаблон, наповнюємо матеріалами, додаємо модулі з меню та іншими необхідними інструментами. Ця версія сайту буде такою, якою ви захочете зробити її самі. Спочатку ж, відразу після установки движка (якщо ви не ставили демо-дані), це буде щось зовсім непривабливе (назва сайту, пару пунктів меню - порожній стелаж для ваших думок, виплеснутих на простори інтернету).Незважаючи на те, що основною безумовно є та частина вашого сайту, яка буде доступна всім - в адмінці ви проводитимете практично сто відсотків свого часу, відведеного вами на роботу з вашим інтернет-проектом.
Вхід в адмін-панель Джумли та питання безпеки
Як потрапити до адмінки Joomla 3? Досить просто. Достатньо додати до Урл адресу головної сторінки вашого сайту через «administrator». Якби мій блог працював під управлінням цього движка (насправді, у мене WordPress), то для доступу до адміністративної панелі достатньо було б в адресному рядку набрати:
Https://сайт/administrator/
Якщо ви підключитеся до свого сайту по ФТП (або зайдете в папку локального сервера), то в корені (це місце, куди ви потрапляєте відразу після підключення) дійсно знайдете папку «administrator», а всередині неї файл index.php, який і запускає адмінку. Все по чесному.
Php»? Можна і так, але не обов'язково. Справа в тому, що веб-сервер (це програма, що працює на реальному або локальному хостингу) при зверненні до папки намагатиметься знайти в ній файл index (з розширенням php або html), щоб його і відкрити. Із цим, до речі, пов'язаний неприємний момент (читайте за посиланням, як із цим можна і треба боротися).
Власне, і при введенні в адресний рядок браузера Урл адреси головної сторінки свого сайту також звертається до реального файлу. І він знову ж таки називається index.php, але живе вже в самому корені сайту (на тому ж рівні, що й папка administrator). Це якраз і є класичний приклад появи дзеркал(наприклад, по двох Урлах https://сайт і https://сайт/index.php відкриватиметься одна й та сама сторінка — чому це погано, читайте за наведеним у попередньому абзаці посиланням).
Природно, що будь-кого в адмінку не пустять. Захист полягає у проханні ввести логін та пароль, які ви поставили при встановленні цього двигуна (на локальний або реальний хостинг). Потрібно не забувати, що сайти в інтернеті дуже часто ламають (наприклад, щоб або використовувати його як дорвея). Причому робиться не цілеспрямовано, а «на потоці». Тому поки що не велике значення вашого ресурсу не вбереже його від зазіхань. і нетривіальний логін можуть послужити вашу хорошу службу.
Для більшої безпеки роботи з сайтомможна використовувати різні плагіни, які дозволяють, наприклад, сховати вашу адмінку. Тобто при переході на адресу «http://vashdomen.ru/administrator/» пропозиції ввести пароль не буде. Для входу в адмінку потрібно використовувати шлях, який вам вкаже плагін. У цьому випадку я описав роботу плагіна jsecure , але існує й безліч інших варіантів, наприклад, створення ще однієї пари логіну та паролю, які потрібно вводити після офіційного входу від Joomla. Але не суть.
Зворотний бік сайту на основі Joomla (задзеркалля)
Отже, ми опинилися в святій-святих Джумли — в адмінці. Доступ сюди маєте тільки ви і ті, кому ви цей привілей надали (можна призначити різні рівні доступу, за яких будуть доступні різні набори можливостей адмінки). Якщо ви працювали раніше з , то жодних особливих питань у вас не виникне, бо в «трійці» та «двійці з половиною» загальна суть і з того часу не змінилися. Додалося зручності, краси та безпеки. Різниця полягає в нюансах, про які я не промину згадати.
Як влаштована адмінка Джумли 3?
Якщо ж ви взагалі ніколи з Джумлою справи не мали, то доведеться трохи напружитися, щоб зрозуміти суть її пристрою. Загалом, це не складно, але для людини, яка ніколи з ЦМС справи не мала, логіка її роботи може виявитися не очевидною. Суджу я, звичайно ж, по собі, але ви можете виявитися значно кмітливішими. Проте продовжу з розрахунку на те, що ви новачок. Решту пробачу мені пробачити за зайві подробиці. Спасибі.
Головна сторінка адмінки Джумла 3 схожа на те, що ми бачили у версії 2.5 і навіть 1.5 (її зараз вже офіційно не підтримують, що може позначатися на безпеці). Власне, про чехарду ви можете почитати за посиланням. Якщо говорити коротко, то поки не вийде 3.5, найстабільнішою вважатиметься 2.5. Всі версії 3.х є попередніми і далеко не всі розширення ви зможете на них встановити (наприклад, коханий у рунеті поки що з трійкою не дружить, а ось дружить).
Вгорі адмінки розташоване незмінне меню, в якому є все, що вам тільки може знадобитися. У міру встановлення нових розширень це меню розростатиметься і розширюватиметься можливостями. Принципи класифікації розширень з часів Joomla 1.5 не змінилися і тому можу вам порадити ознайомитися зі статтею, яка пояснює, а також як їх встановлювати.
У центральній частині головної сторінки адмінки зараз особливо значущої інформації немає, але в міру розвитку сайту ви зможете тут відстежувати досить цікаву інформацію. Ліве менюприйшло на зміну панелі інструментів, яка була у півторашці та двошці з половинкою. Там знаходяться «швидкі посилання», які за своєю суттю дублюють деякі пункти верхнього меню, але дозволяють перейти до потрібних налаштувань дещо швидше.
Якщо ви перебуватимете не на головній сторінці адмінки, а перейдете по одному з пунктів верхнього меню, то в лівому меню будуть відображатися ті, що належать до нього. «швидкі посилання», що знову ж таки прискорює процес роботи над сайтом у Джумлі 3. Наприклад, при переході на вкладку створення нового користувача, ліворуч відображатиметься меню з усіма необхідними вам у цій нелегкій справі «швидкими посиланнями»:
Власне все, тепер настав час лізти всередину і занурюватися в прекрасний світ творчості (створення сайту).
Та ні. Ще на скріншоті відображено чудову зміну, якої особисто мені не вистачало у версії 1.5. можливість автоматичного оновлення Joomlaдо останньої актуальної версії простим натисканням кнопки на адмін-панелі. Раніше це робити доводилося, зараз навіть прямо з адмінки (з невеликими нюансиками). Краса. Ось я якраз і оновлюся до нової версії 3.3.3.
Буквально за пару хвилин файли оновлення завантажуються, розпакуються та встановляться (вас про це інформуватимуть у реальному часі). На порядок зручніше, ніж робити це вручну.
Що цікавого є в адмінці Joomla 3? За що хапатися насамперед? Що важливо, а що другорядне? Чому так багато всього і що з цим робити? Як, нарешті, створити сторінку, меню, додати картинку чи відеоролик? Ну, зовсім не зрозуміло, дивлячись на всю цю мандрівку пунктів меню в адмінці. Принаймні таке було моє особисте враження від першого «зіткнення» з адміністративною панеллю Джумли.
Давайте почнемо з орієнтації в сенсі того, щоб зрозуміти, як повернутися до початкової точки, а саме на головну сторінкуадмінки, якщо ви глибоко закопалися в налаштуваннях чогось (хоча я згадував, що куди завгодно можна потрапити з верхнього меню, яке для всіх сторінок адмінки залишається незмінним). Для цього служить емблемка Джумли, розташована в лівому верхньому кутку, а також пункт верхнього меню "Система" - "Панель управління".
Другим питанням, яке слід вирішити, зазвичай, є як з адмінки перейти на сайт, щоб подивитися результати того, що ви там наробили. Зробити це знову ж таки дуже просто - досить клікнути за назвою вашого сайту, розташованого у правому верхньому кутку. Дана кнопка дублюється ще й у нижньому лівому кутку адмінки. «Перегляд сайту».
Спочатку, правда, ваш сайт буде представляти собою жалюгідне видовище, але вже після його наповнення і структурування все стане «блакитним і зеленим» (в сенсі, прекрасним) і ваша душа «співатиме і тріумфуватиме». Але для цього доведеться потрудитися.
Що можна відразу змінити в загальних налаштуваннях Joomla 3?
Має сенс відразу перед початком роботи змінити деякі загальні налаштування Джумла. Спробуймо це зробити. Потрапити в них можна з верхнього меню: "Система" - "Загальні налаштування". Ось прям на цьому місці стає дуже страшно, бо їх тут жах як багато (і це тільки на одній з п'яти можливих вкладок - «Сайт», а що на інших навіть уявляти не хочеться):
Але знову ж таки боятися не треба, бо я постараюся вас провести по цих нетрах найбільш простим і ефективним шляхом. Разом ми сила (не забувайте підписатися на розсилку, щоб чергова стаття з цієї рубрики не пройшла б повз вас).
Отже, по-перше, ви можете тут змінити назву сайту, яке вигадали при встановленні двигуна (адже могли поквапитися або просто написати щось «від балди», аби відстали). Тут же можна будете поміняти в однойменному полі налаштувань (за допомогою нього ви зможете форматувати тексти статей, що додаються). Правда, плагін нового редактора вам попередньо доведеться встановити, а вже потім заходити в загальні налаштування і вибирати зі списку «Редактор за замовчуванням». Загалом і вбудований TinyMCE має великий функціонал, але його потрібно буде налаштувати (думаю, що про це ще поговоримо окремо).
Але з цими налаштуваннями ми трохи погодимо, а поки що створимо зручність користування адмінки. Перейдіть краще на вкладку «Система» (з верхнього меню Загальних налаштувань) і подивіться в області «Налаштування сесії» на цифру, що стоїть у рядку «Час життя сесії». За замовчуванням там встановлено 15 (мається на увазі хвилини):
Спочатку ця зараза всі нерви витріпала, бо варто було мені перестати проявляти активність в адмінці на термін більш ніж 15 хвилин (відвернувшись на пошту, пішов чайку попити і т.п.), то мене за раз викидало з адмінки і доводилося знову залогінюватися і шукати місце мого останнього перебування в надрах адмінки. Нитка проведених дій обривалася, а з огляду на те, що я на той момент і так поводився як «сліпе кошеня» (не завжди могло згадати, як на цю сторінку налаштувань я потрапив) — позитиву ця обставина в роботу не вносила.
Зрозуміло, що це робиться з метою безпеки, але 15 хвилин (особливо для новачка) це мало. Тому раджу вам на етапі розробки та знайомства з Джумлою збільшити цю цифру разів у десять (і не забути натиснути на розташовану зверху кнопку «Зберегти»), хоча б на той час, поки ви активно працюєте над створенням сайту (потім можна буде встановити меншу цифру) ). .
Категорії та матеріали - що це і як ними користуватися
Далі. У Joomla все будується навколо такого поняття, як матеріали (контент). Власне, будь-який сайт це насамперед контент, просто обернутий на різні фантики (шаблони). Без матеріалів сайт нікому не буде цікавим (крім вас, звичайно ж). Користувачам, що випадково потрапили на нього, буде просто нічого робити, що спровокує їх швидкий догляд і погіршення.
Статті в Джумлі додаються на вкладці «Матеріали» "Менеджер матеріалів". Але не поспішайте йти туди, бо спочатку потрібно буде підготуватися. Що я маю на увазі? Якщо говорити мовою обивателя, то нам потрібно заготовити папочки, де ми ці статті зберігатимемо. І не лише зберігати. Joomla має чудові інструменти для показу всього вмісту цих папок (у вигляді списку або невеликих анонсів) користувачам, що зайшли на ваш сайт. Це дуже зручно і ми про це докладно говоритимемо.
Для створення цих папок нам потрібно вибрати вкладку «Матеріали». "Менеджер категорій". Раніше в Джумлі 1.5 можна було створювати папочки лише двох рівнів вкладеності - здорові папки під назвою Розділи, в яких могли розташовуватися менші папки - Категорії.
Багатьом користувачам цього не вистачало і в наступних версіях цього двигуна від розділів відмовилися, але тепер можна вкладати одні категорії (папочки) всередину інших на будь-яку глибину (рівень). Допустимо, в категорію А, ви вклали категорію В, а вже в неї вклали категорію С - отримали в результаті три рівні вкладеності. Чума (хоча, поки на практиці не зіткнетеся з необхідністю використання такої структури, оцінити важливість даного нововведення належним чином не вдасться).
Отже, заходимо в «Матеріали» – «Менеджер категорій» – «Створити» та відкриваємо рахунок категоріям на своєму сайті. Фактично, цим ви визначаєте структуру вашого майбутнього сайту— групуєте майбутні матеріали, які розміщуватимуться на ньому. Цю структуру потім можна буде використовувати в меню на сайті, щоб вашим відвідувачам було б простіше в ньому орієнтуватися.
Які можуть бути категорії? Все залежить від теми вашого сайту. Але краще як слід подумати над цим питанням, щоб зробити доробки на майбутнє і не перекроювати вже добре працюючий сайт, бо в ряді випадків це може викликати деякі негативні наслідки (при правильному підході лише тимчасові).
Наприклад, для сайту туризму можна зробити категорії верхнього рівня з назвами регіонів світу, а вже вкладені в них категорії з назвами конкретних країн. Можна зробити ще й третій рівень вкладеності — регіони чи міста вже всередині цих країн.
Створення категорій та підкатегорій у Джумлі
Багато можливих налаштувань при створенні категорії в Joomla 3дещо бентежить, але потрібно розуміти, що в більшості випадків вам достатньо буде лише ввести її назву (це єдине обов'язкове до заповнення поле в цій формі) і вибрати рівень її вкладеності в полі «Батько» (вибрати зі списку одну з існуючих категорій, всередину якої буде вкладена та, що ви зараз намагаєтеся створити), якщо це потрібно за раніше розробленим вами планом (у нашому випадку і вкладатися поки що не в що, бо ця категорія буде першою).
Поле "Аліас"(псевдонім) не змінило свого призначення з часів Джумли 1.5 і дозволяє підкоригувати Урл адресу того пункту меню, який посилатиметься на цю категорію (при цьому можна використовувати символи ,,[_],[-]).. Якщо це поле не заповнити , то система сама категорії і використовує це в Урл адресі (виходить приблизно так - "https://сайт/novsti").
Поле "Опис" заповнювати не потрібно, але якщо ви це зробите, то при виведенні списку або анонсів, що є в цій категорії статей (шляхом створення відповідного пункту меню на сайті - ще докладно про це поговоримо), буде відображатися на самому початку зроблений вами опис (можна для його оформлення та картинки використовувати).
Зберігати зроблені змінитепер можна за допомогою аж цілих трьох кнопок (у Joomla 1.5 було лише два варіанти):
- Зберегти — ви збережете внесені зміни і при цьому залишитеся на цій же сторінці
- Зберегти та закрити — зміни збережуться, а вас перекине на рівень вище (у нашому випадку у Менеджер категорій)
- Зберегти та створити – після збереження відкриється вікно створення нової категорії. Зручно під час створення всієї структури категорій на вашому сайті.
Природно, що при створенні дочірніх категорій (підкатегорій) потрібно буде ще обирати батьківську категорію (у нашому прикладі «Новини»), всередині якої вона житиме надалі.
Якщо ви уважно придивитеся до списку, то помітите там категорію з назвою «Uncategorised». Ви її не створювали — то звідки вона взялася? Все дуже просто. Цю віртуальну категорію створила сама Joomla 3 і в ній зберігатимуться статті, які ви не наважитеся віднести до будь-якої категорії. Це може бути, наприклад, сторінка з контактами, схемою проїзду тощо. Всі вони будуть жити в Uncategorised.
У менеджері категорій дочірні та батьківські елементи легко відстежити завдяки їхньому наочному відображенню з великим тире перед назвою та зміщенням щодо батька вправо (назва категорій ще більшого рівня вкладеності відображатиметься з ще довшим тире):
Там же ви знайдете і Uncategorised (без категорій). Якщо захочете у вже створених щось відредагувати, то просто натисніть на їхню назву. Для видалення зайвих категорій достатньо буде поставити галочку (ліворуч від їхньої назви) і натиснути на кнопку "В кошик", розташовану зверху. А як потрапити в цей самий кошик? Наприклад, щоб видалити звідти все остаточно або відновити віддалене випадково.
Для цього потрібно буде клікнути по розташованій трохи вище списку категорій кнопці «Інструменти пошуку», а на панелі, що з'явилася трохи нижче панелі знайти у випадаючому списку «Вибір стану» варіант «В кошику». Відкриється таблиця зі списком вмісту корзини. Для остаточного видалення категорії поставте навпроти неї галочку та скористайтеся кнопкою «Очистити кошик», розташовану вгорі.
Якщо захочете щось відновити з раніше віддаленого, то клацніть по розташованій ліворуч від назви піктограми кошика (Опублікувати).
Якщо ви щось хочете відкласти в довгу скриньку не видаляючи, то достатньо клікнути по розташованій ліворуч галочці, щоб зняти цю категорію з публікації(вона не відображатиметься на сайті). Переглянути список не опублікованих елементів можна буде так само, як ми щойно переглядали список елементів у кошику.
Власне, за запропонованою схемою створюєте структуру категорій для майбутнього сайту. Якщо ще все продумати не встигли, то створюєте те, що вже точно вирішили, як саме виглядатиме. Далі ми розглянемо питання створення нових матеріалів, пунктів меню, налаштування шаблонів, встановлення потрібних розширень та багато іншого. Сподіваюся, буде цікаво.
Краще один раз побачити, ніж сто разів почути — чи не так? Мені теж так здається, тому пропоную вам подивитися 15 уроків з швидкому стартуна Joomla 3. Вони будуть відтворюватися один за одним автоматом, а якщо хочете, то можете перемикатися на наступний урок за допомогою відповідної кнопки на панелі плеєра або вибрати потрібний урок з меню у верхньому лівому куті вікна плеєра:
Приємного перегляду!
Удачі вам! До швидких зустрічей на сторінках блогу сайт
Вам може бути цікаво
Сайт на Joomla став видавати купу помилок типу - Strict Standards:
Створення картки для сайту на Joomla за допомогою компонента Xmap
Модулі в Joomla - перегляд позиції, налаштування та виведення, а також призначення суфіксів класу
Оновлення Joomla до останньої версії
Контакти для сайту та форма зворотного зв'язку за допомогою вбудованого компонента Joomla
Розширення для Joomla - що це таке і де завантажити компоненти, модулі та плагіни для Джумли, як їх встановлювати та видаляти
Компонент K2 для створення блогів, каталогів та порталів на Joomla - можливості, встановлення та русифікація
Що таке Joomla
CMS Joomla – принципи роботи безкоштовної системиуправління контентом, створення сторінок та їх кешування
Коли ми говоримо про систему керування контентом, Joomla! – це перше, що спадає на думку. Повністю безкоштовна (з відкритим кодом- open-source), Joomla! може бути використана будь-ким, хто хоче створити потужний сайт.
Joomla! використовують багато відомих брендів та організацій, включаючи Гарвадський Університет, Linux.com, Guggenheim, MTV та UNRIC (United Nations Regional Information Centre for Western Europe – Регіональний інформаційний центр Організації Об'єднаних Націй для Західної Європи).
Створювати сайт у Joomla! дуже просто і цікаво, тому що вам доступно безліч шаблонів та розширень. Будь то соціальна мережаабо новинний сайт, керування сайтом або внесення змін до ядра, ви зможете знайти готове розширення на офіційному сайті Joomla.
Шаблони Joomla також доступні в інтернеті і готові до використання, тому почати не так вже й складно. Проте, хоча використання системи управління контентом Joomla відносно просте розуміння завдання, створення власного дизайну без досвіду розробки може здатися досить важким.
Говорячи про провідних CMS, зрештою, порівняння з WordPress неминуче. Навіть не дивлячись на те, що WordPress на 120% більше завантажень, більше безкоштовних тем і плагінів, ніж у Joomla, говорити про те, що Joomla! поступається WordPress у питаннях конкуренції не зовсім правильно. Ось між двома найвідомішими у світі системами управління контентом.
У цьому посібнику Уроки Joomla основна увага приділяється демонстрації використання Joomla! для створення веб-сайту. Розглянемо все від установки до налаштування сайту.
Для встановлення Joomla на вашому віртуальному Hostinger, все, що потрібно буде зробити – це кілька кліків та заповнити дані про ваш сайт. Авто-Установник дозволяє зберегти час і встановити Joomla за кілька хвилин. Виконайте кроки для встановлення Joomla:
- Зайдіть до панелі інструментів.
- Натисніть на Авто-Установник.
- У полі для пошуку напишіть Joomlaі натисніть на іконку.
- У майстрі установок введіть дані про свій сайт та натисніть Встановити.
- Зачекайте кілька хвилин для встановлення CMS.
Готово! Це все, що треба зробити. Тепер Joomla! встановлена, створена і відповідно настроєна база даних.
Щоб зайти до панелі керування Joomla, додайте /administratorнаприкінці URL (тобто. www.mydomainname.com/administrator) вставте в адресний рядок браузера. Після введення імені користувача та пароля, які ви створили, коли ви встановлювали Joomla, ви будете адресовані на сторінки адміністратора.
Крок 2 - Створення сайту з Joomla
З Joomla! ви отримуєте безліч налаштувань для впорядкування вашого сайту та керування його контентом. У цій частині керівництва Уроки Joomla проведемо вас через весь процес створення зручного та ефективного керування контентом.
Крок 2.1 - Створення матеріалу
Почнемо з основ. На адмін сторінці натисніть кнопку Матеріали, наведіть мишу на пункт менеджер матеріалів та натисніть на Створити матеріал. Візуальний редактор (WYSIWYG) з'явиться на екрані. Їм можна користуватися для додавання та редагування тексту ваших матеріалів. Ви також можете додавати зображення та посилання до тексту тут.
Як тільки матеріал був створений, він з'явиться у розділі Матеріали. Якщо ви хочете розмістити посилання на нього в головному меню, виконайте такі кроки:
- Натисніть на вкладку Меню.
- Наведіть на пункт Main Menuта натисніть на Створити пункт меню.
- Заповніть заголовок меню, наприклад Lorem ipsum.
- Тепер потрібно вибрати тип пункту меню; у цьому випадку виберіть пункт Матеріали.
- Для того, щоб створений пункт меню відкривав недавно створений матеріал, виберіть опцію Матеріал.
- Виберіть те, на що хочете посилатися. Натисніть Вибрати та вкажіть шлях до нещодавно створеного матеріалу.
- Натисніть кнопку Зберегти.
Тепер має бути все готове. Ваш нещодавно створений матеріал буде доступний з головного меню на вашому сайті Joomla.
Крок 2.2 – Додавання Компонентів Joomla
З Joomla! ви маєте можливість додавати спеціальні функції додатково до стандартних матеріалів, які містять текст, посилання та картинки. Створення складного контенту здійснюється за допомогою компонентів.
Менеджер компонентів надає різні варіанти додавання складних сторінок до сайту. У Joomla є досить багато вбудованих компонентів, які полегшують створення спеціалізованих типів сторінок: Контакти, пошук, розумний пошук, стрічки новин, посилання та інших.
Наприклад, щоб зробити сторінку з стрічкою новин із зовнішнього сайту, вам потрібно перейти в Компоненти, потім вибрати Стрічки новин -> Стрічки, потім натиснути кнопку Створити.
У новому вікні заповніть необхідні деталі (заголовок та URL для стрічки новин, який ви хочете, щоб відображався) і натисніть кнопку Зберегти.
Інші компоненти (можна знайти в цьому ж меню Компоненти) можуть бути використані таким же чином. Їх налаштування потребує лише кількох кліків.
Крок 2.3 – Додавання Категорії Joomla
Joomla є категорії, які дозволяють ефективно класифікувати ваш контент. Щоразу, коли ви створюєте новий контент, ви можете надати йому категорію. Можливість поділу на категорії дозволяє структуровано та систематизовано зберігати контент. Категорії дуже зручні, коли на вашому сайті одночасно є різні типиматеріалів/контенту. Для створення категорії зробіть таке:
- В адмін панелі натисніть пункт меню Матеріали.
- Тепер у меню Категорії, натисніть Створити категорію.
- Додати заголовок, аліас, опис. (Примітка: Аліас та опис не обов'язкові для заповнення поля).
- Натисніть кнопку Зберегтистворення нової категорії.
Як і матеріали, компоненти Joomla можна розподілити за категоріями. Є одна відмінність між категоріями матеріалів та компонентів; тобто, коли ви вибираєте меню категорії для якогось компонента, ви потрапляєте в спеціальний менеджер для компонентів. Щоб додати категорію, потрібно натиснути кнопку Створити.
Крок 2.4 - Створення Вибраних матеріалів
За допомогою Joomla ви можете створювати сторінки, які поєднують контент залежно від подібності властивостей.
Перший крок – це помітити матеріал як обраний. Це легко зробити, як і багато іншого в Joomla. Просто перейдіть до Матеріалита виберіть Менеджер матеріалів. Відобразиться список матеріалів сайту. Ви можете помітити, що біля кожного матеріалу у списку стоїть зірочка. Все, що потрібно зробити для того, щоб зробити матеріал обраним, це натиснути на зірочку, що відповідає йому. Зірочка має стати жовтою, і ваш матеріал обраний.
Щоб показати вибрані статті на сторінці, пов'язані з меню, виконайте такі дії:
- Спочатку створіть пункт меню. Перейдіть до Меню, потім Main Menu.
- Тепер натисніть Створити пункт меню. (Це можна зробити з будь-яким іншим вже існуючим меню).
- Виберіть тип меню. Для цього натисніть кнопку Вибрати.
- З типів меню спочатку виберіть Матеріалипотім Вибрані матеріали
- Заповніть Заголовок для свого меню, наприклад, Вибрані матеріали.
- Натисніть кнопку Зберегти.
Крок 2.5 – Створення сторінки Контактів
Отримання відгуків від ваших відвідувачів/клієнтів/потенційних клієнтів часто є актуальним для власників сайтів. Для цього важлива наявність сторінки контактів. У кілька кліків Joomla може допомогти вам створити:
- Перш за все, потрібно створити компонент сторінки контактів. Для цього перейдіть до Компонентиі натисніть Контакти. Натисніть кнопку Створити.
- Додайте ім'я сторінки та контактну інформацію для вашої форми. Якщо ви бажаєте додати опис використовуйте вкладку Miscellaneous Information.
- Після завершення натисніть кнопку Зберегти.
Щоб увімкнути цю форму контакту і зробити її видимою, просто додайте знову створений компонент Меню. Процес такий самий простий, як додавання до меню нового матеріалу.
Крок 2.6 - Використання Банерів
Компонент Банери можна використовувати для керування зображенням або HTML банерами. Ось як ми це зробимо:
- Насамперед, потрібно створити банер. Для цього перейдіть у вкладку банерів з Компоненти -> Банери -> Банери.
- Тепер натисніть кнопку Створитив лівому верхньому куті.
- Виберіть назву для свого банера. Рекомендується використовувати осмислене, конкретне називання, яке буде легко розуміти пізніше.
- Завантажте зображення та заповніть необов'язкові установки, такі як ширина та висота.
- Як тільки ви закінчите натисніть кнопку Зберегти.
- Тепер, щоб відобразити новий банер, потрібно опублікувати новий модуль. Перейдіть до Менеджер модуліву меню Розширення.
- Натисніть кнопку Створити.
- Перед вами з'явиться список модулів. Виберіть Банери.
- Виберіть Заголовок та місце для модуля. Потім збережіть і все готове.
Крок 3 – Встановлюємо Розширення Joomla
Висновок
У цьому посібнику Уроки Joomla основна увага була приділена знайомству початківців з Joomla, а також дається повний оглядтого, як можна керувати готовим сайтом із використанням сучасної CMS. Більше детальну інформацію, яка виходить за рамки цієї статті, можна отримати з офіційної
В рамках інтернет-співбесіди на вакансію «Спеціаліст служби технічної підтримки», мені запропонували пройти тестове завдання, метою якого було написання інструкції про те, як встановити оточення для joomla та як розгорнути саму систему joomla на локальному комп'ютері. Також в інструкції було необхідно описати процес встановлення на сайт готового шаблону joomla.
У ході виконання завдання я вирішив, що було б непогано опублікувати цей матеріал для загального огляду - раптом комусь знадобиться. Матеріал вийшов досить важким, тому для зручності я реалізував невелике навігаційне меню, яке дозволить швидко знайти потрібну інформацію.
Як завантажити Denwer
Для встановлення joomla на локальному комп'ютері знадобиться віртуальний сервер. Найчастіше для цих цілей використовують програмну оболонку під назвою «Denwer», яку необхідно завантажити з інтернету, переважно з офіційного сайту denwer.ru.Після переходу на сайт, ви побачите велику помаранчеву кнопку з написом: «Завантажити Денвер 3», а після натискання на неї, вам буде запропоновано завантажити програму для більш нової версії PHP 5.3 або для старої версії PHP 5.2 яка включає більше різних модулів і спеціальну утиліту Zend Optimizer.
Зупинимося на PHP 5.3. Після вибору версії натискаємо кнопку «Завантажити».
На наступному етапі вам належить вказати свої ім'я, прізвище та діючу електронну адресу, на яку буде надіслано персональне посилання для завантаження програми Denwer. Після заповнення всіх полів натискаємо «Отримати посилання на скачування» і якщо все заповнено правильно перед вами з'явиться повідомлення:
перевірте пошту
На Ваш E-mail "*****@gmail.com" надіслано посилання для завантаження Денвера.
Лист зазвичай надходить протягом декількох хвилин.
Якщо листи так і немає, перевірте про всяк випадок папку Спам.
Перейдіть у свій Поштова скринька, і ви знайдете в ньому новий лист із темою « Denwer download link for package Base», всередині якого буде вказано посилання на завантаження програми. Переходимо за цим посиланням та зберігаємо програму на своєму локальному комп'ютері.
До речі, встановити Joomla можна не тільки на Denwer але й, наприклад, на OpenServer.
Установка Denwer
Після завантаження програми, в папці із завантаженнями у вас з'явиться EXE файл "Denwer3_Base", який тепер потрібно встановити.Запускаємо установник і чекаємо, поки він витягне потрібні файли. Відразу після цього перед вами в браузері з'явиться вікно "Інсталяція Денвера", яке потрібно закрити.
Коли браузер буде закрито у вікні командного рядкана чорному фоні з'явиться повідомлення з текстом "Для продовження натисніть Enter" - натискаємо Enter на клавіатурі.
На наступному етапі ви маєте вказати повну адресу для папки, в яку ви хочете встановити програму «Денвер». За замовчуванням ця папка називається «WebSerwers» і розташована на диску «С» - нічого не мінятимемо і просто натиснемо «Enter».
Для того щоб підтвердити цю дію, необхідно натиснути клавішу Y (від англ. - Yes) на клавіатурі і ще раз натиснути Enter.
Тепер установник створить віртуальний диск, необхідний повноцінної роботи програми. Натисніть клавішу Enter, щоб продовжити.
На даному етапівам належить вибрати літеру майбутнього віртуального диска, за замовчуванням це літера Z, але за бажання її можна замінити будь-яку вільну літеру у системі. Нічого не міняємо і вкотре натискаємо Enter.
Тепер залишилося скопіювати всі файли та налаштування у створену нами директорію C:/WebServers. Натисніть клавішу Enter, щоб продовжити.
Очікуємо завершення перенесення файлів.
Програма Denwer може запускатися у двох режимах:
- Віртуальний диск створюється автоматично за завантаженні Windows.
- При завантаженні Windows віртуальний диск не створюється, але на робочому столі з'являться ярлики для ручного старту та зупинки.
Вводимо цифру 1 і натискаємо "Введення" на клавіатурі, після чого підтверджуємо створення ярликів для запуску програми на робочому столі - вводимо "Y" і знову натискаємо Enter.
Якщо ви все зробили правильно, після цього перед вами відкриється вікно браузера із заголовком. Денвер успішно встановлено» і тут же ви можете ознайомитись з початковими діями щодо використання програми.
Якщо раптом щось пішло не так, ви можете ознайомитись з офіційною інструкцієюз встановлення програми на сайті розробників, яка розташована за наступною адресою - denwer.ru/base.html
Насамперед, щоб встановити систему управління Joomla на локальному комп'ютері, її необхідно завантажити з інтернету. Переважно з офіційного сайту joomla.org.Після переходу на сайт у правій верхній частині необхідно перейти по помаранчевій кнопці «Download». На наступній сторінці – сторінці завантаження, потрібно клацнути по синій кнопці «Download Joomla! 3.6.2 English (UK), 3.6.2 Full Package».
Після завершення завантаження на комп'ютері в папці із завантаженнями з'явиться архів « Joomla_3.6.2-Stable-Full_Package», який потрібно розпакувати в директорію локального веб-сервера.
Але перш ніж це зробити, необхідно створити папку під назвою вашого майбутнього сайту. Для цього переходимо на наступну адресу C:\WebServers\home\localhost\www\ на вашому комп'ютері і всередині створюємо папку, з назвою, наприклад, « mysite.ru».
Тепер все, що буде знаходитися всередині цієї папки, і буде вашим сайтом. Мабуть, час розпакувати туди «Джумлу».
Натискаємо на раніше завантаженому архіві правою кнопкоюмиші і вибираємо з списку пункт «Вилучити файли».
У наступному вікні необхідно вибрати розташування нещодавно створеної папки з вашим майбутнім сайтом.
Вибрали – натискаємо «OK» і чекаємо завершення розпакування файлів.
Налаштування Joomla
Після вилучення необхідних файлів ваш новий сайт майже готовий до роботи. Тепер залишилося налаштувати підключення до MySQL, розпакувати сайт та вибрати для нього відповідний шаблон.Насамперед відкрийте сторінку вашого сайту http://localhost/mysite.ruу браузері та завершіть конфігурацію сайту заповнивши всі необхідні поля. Виберіть мову, придумайте назву та короткий описдля вашого сайту.
Вкажіть свій діючий e-mail як електронної адресиадміністратора, придумайте логін та пароль. Обов'язково будь-де запишіть ці дані та натисніть «Далі» в нижній частині сторінки.
Наступний етап – це конфігурація MySQLбази даних.
Для того, щоб створити базу даних для Joomla у браузері необхідно відкрити сторінку http://localhost/tools/phpmyadmin/та перейти у відповідну категорію під назвою « Бази даних».
- На наступній сторінці вказуємо ім'я для нової базиданих – joomla.
- І вибираємо кодування сайту – найчастіше використовується utf8_general_ci.
Тиснемо «Створити». Якщо все гаразд, перед вами з'явиться повідомлення "База даних joomla була створена".
Далі переходимо у вкладку «Користувачі» та клацаємо за посиланням « Додати користувача».
У вікні необхідно заповнити інформацію для нового облікового запису. Придумайте ім'я користувача, пароль та виберіть локальний хост. За бажанням пароль можна згенерувати. Обов'язково будь-де запишіть всі ці дані.
- Ім'я користувача: joomla
- Хост:Локальний (localhost)
- Пароль: *********
Заповнили. Тепер опускаємось трохи нижче, знаходимо блок «Глобальні привілеї» та вибираємо «Відзначити все», щоб встановити для нашого користувача максимальний набір привілеїв.
Все заповнили, відзначили – тиснемо «Додати користувача» і, якщо все зроблено без помилок ви відразу побачите спливаюче повідомлення «Було додано новий користувач».
Тепер ми повертаємося на сторінку конфігурації бази даних нашого сайту і вказуємо дані, що раніше відсутні – ім'я користувача, пароль та ім'я бази даних, а префікс таблиці залишаємо незмінним.
Якщо ви створюєте свій перший сайт і у вас немає додаткових баз даних, у полі «Дії з наявними таблицями» можете сміливо вибрати пункт «Видалити».
Якщо ви вперше зіткнулися з «Джумлою», в блоці «Установка демо-даних» я рекомендую вам встановити галочку навпроти інструменту, що вас цікавить (залежно від того, що ви створюєте – сайт візитку, блог або щось інше) з метою отримання додаткових підказок, які будуть доступні вам під час роботи та вивчення даної системи управління.
Про всяк випадок ще раз перевірте конфігурацію свого сайту, зверніть увагу на результат початкової перевірки, рекомендовані установки і, якщо все гаразд, саме час активувати наш сайт. Для цього перейдіть на кнопку «Установка».
Через кілька секунд перед вами з'явиться повідомлення «
Перш ніж приступити до роботи з сайтом та панеллю адміністратора, обов'язково видаліть всі інсталяційні файли, включаючи папку INSTALLATION. Для цього просто натисніть по помаранчевій кнопці «» і дочекайтеся повідомлення про те, що ця директорія успішно видалена.
Готово! Ваш сайт встановлений, налаштований та готовий до роботи. Тепер ви можете відкрити для перегляду сам сайт і увійти до панелі керування для редагування та додавання нових матеріалів.
Відкрити сайт та панель керування ви зможете за допомогою відповідних кнопок.
Як встановити російську мову для Joomla
За замовчуванням панель керування англійською мовою, але змінити її зовсім не важко. Для цього перейдіть по вкладці Extensions і виберіть Language.У верхній лівій частині сторінки знайдіть та перейдіть за кнопкою «Install Languages».
У рядку пошуку впишіть «ru» та натисніть на іконку пошуку. У результатах пошуку виділіть необхідний варіант, за допомогою установки галочки у відповідний чекбокс, навпаки – Ukrainian.
Тепер натисніть кнопку "Install", яка розташована у верхній частині сторінки.
Тепер, коли мовний пакетзавантажений, залишається лише його змінити. Знову відкриваємо меню "Extensions", наводимо на "Language" і вибираємо зі списку встановлені мови- пункт "Installed".
Трохи нижче, у списку вибираємо пункт «Administrator», вибираємо російську мову і натискаємо на кнопку «Switch Language», що перекладається як «Змінити мову».
Якщо все правильно, одразу після перезавантаження сторінки ви побачите повідомлення: «Мова адміністративної панелі переключена на "Russian"» і всі елементи панелі управління будуть вже російською мовою.
Як встановити шаблон для joomla
Відмінно, ми проробили величезну роботу і тепер, коли наш сайт вже, здавалося б, повністю готовий, напевно, було б непогано змінити його зовнішній вигляд, а для цього нам знадобиться скачати з інтернету шаблон, що найбільш сподобався, для «Джумли».На сьогоднішній день існує безліч різноманітних шаблонів на різні теми. Це можуть бути адаптивні шаблони, шаблони для ігрових сайтів, шаблони бізнес-сайтів, інтернет-магазинів і так далі. Більшість шаблонів розповсюджується безкоштовно, але є й ті, що завантажити безкоштовно не вдасться.
І так, завантажити шаблон для joomla можна з різних джерел, ось, наприклад, деякі з них:
- joomla24.com
- joomla3x.ru
- joomla-site.ru
Також варто відзначити, що існують універсальні версії шаблонів, які мають вигляд Joomla 3x Templates, де 3Хозначає, що цей шаблон підходить для всіх версій Joomla 3.
Припустимо ви знайшли і завантажили шаблон, що вам сподобався - що далі?
Віруси