Уроки Joomla для початківців

Уроки 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! для створення сайту. Розглянемо все від установки до налаштування сайту.

Крок 1 - Установка Joomla

Для установки Joomla на вашому віртуальному хостингу Hostinger, все що потрібно буде зробити - це кілька кліків і заповнити дані про ваш сайт. Авто-Установник дозволяє вам зберегти час і встановити Joomla за кілька хвилин. Дотримуйтесь кроків для установки Joomla:

Зайдіть в панель інструментів.
Натисніть на Авто-Установник.
В поле для пошуку напишіть Joomla і натисніть на інформацію, що з'явилася іконку.
У майстра установок введіть дані про свій сайт і натисніть Встановити.
Зачекайте пару хвилин для установки CMS.

Зачекайте пару хвилин для установки 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 для новинної стрічки, який ви хочете, щоб відбивався) і натисніть кнопку Зберегти.

У новому вікні заповніть необхідні деталі (заголовок і URL для новинної стрічки, який ви хочете, щоб відбивався) і натисніть кнопку Зберегти

Інші компоненти (можна знайти в цьому ж меню Компоненти) можуть бути використані таким же чином. Їх настройка зажадає всього декількох кліків.

Крок 2.3 - Додавання Категорій Joomla

В Joomla є категорії, які дозволяють ефективно класифікувати ваш контент. Кожен раз, коли ви створюєте новий контент, ви можете присвоїти йому категорію. Можливість поділу на категорії дозволяє структуровано і систематизовано зберігати контент. Категорії дуже зручні, коли на вашому сайті одночасно є різні типи матеріалів / контенту. Для створення категорії зробіть наступне:

В адмін панелі натисніть на пункт меню Матеріали.
Тепер в меню Категорії, натисніть Створити категорію.
Додайте заголовок, алиас, опис. (Примітка: Алиас і опис необов'язкові для заповнення поля).
Натисніть кнопку Зберегти для створення нової категорії.

Натисніть кнопку Зберегти для створення нової категорії

Як і матеріали, компоненти Joomla можна розподілити за категоріями. Є одна відмінність між категоріями матеріалів і компонентів; тобто, коли ви вибираєте меню категорії для будь-якого компонента, ви потрапляєте в спеціальний менеджер для компонентів. Для додавання категорії потрібно натиснути кнопку Створити.

Крок 2.4 - Створення Вибраних матеріалів

За допомогою Joomla ви можете створювати сторінки, які об'єднують контент в залежності від схожості властивостей.

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

Зірочка повинна стати жовтою, і ваш матеріал обраний

Щоб показати вибрані статті на сторінці, пов'язаної в меню, виконайте наступні дії:

Спочатку створіть пункт меню. Перейдіть в Меню, потім Main Menu.
Тепер натисніть на Створити пункт меню. (Це можна зробити з будь-яким іншим вже існуючим меню).
Виберіть тип меню. Для цього натисніть кнопку Вибрати.
З типів меню спочатку виберіть Матеріали потім Вибрані матеріали
Заповніть Тема для свого меню, наприклад, Вибрані матеріали.
Натисніть кнопку Зберегти.

Крок 2.5 - Створення сторінки Контактів

Отримання відгуків від ваших відвідувачів / клієнтів / потенційних клієнтів часто актуально для власників сайтів. Для цього важливо наявність сторінки контактів. У кілька кліків Joomla може допомогти вам створити нову сторінку:

Перш за все, вам потрібно створити компонент сторінки контактів. Для цього перейдіть в Компоненти та натисніть Контакти. Натисніть кнопку Створити.
Додайте ім'я сторінки і контактну інформацію для вашої форми. Якщо ви хочете додати опис використовуйте вкладку Miscellaneous Information.
По завершенню натисніть кнопку Зберегти.

По завершенню натисніть кнопку Зберегти

Щоб включити цю форму контакту і зробити її видимою, просто додайте новостворений компонент в Меню. Процес такий же простий, як додавання в меню нового матеріалу.

Крок 2.6 - Використання банерів

Компонент Банери може бути використаний для управління зображенням або HTML банерами. Ось як ми це зробимо:

Перш, потрібно створити банер. Для цього перейдіть у вкладку банерів з Компоненти -> Банери -> Банери.
Тепер натисніть на кнопку Створити в лівому верхньому кутку.
Виберіть назву для свого банера. Рекомендується використання осмислене, конкретне назва, яке буде легко розуміти пізніше.
Завантажте своє зображення і заповніть необов'язкові настройки, такі як ширина і висота.
Як тільки ви закінчите натисніть кнопку Зберегти.
Тепер, щоб ваш новий баннер відобразити, потрібно опублікувати новий модуль. Перейдіть в Менеджер модулів в меню Розширення.
Натисніть кнопку Створити.
Перед вами з'явиться список модулів. Виберіть Банери.
Виберіть Тема і місце для модуля. Потім збережіть і все готово.

Як приклад, ми додали зображення з кошенятами в футер нашого сайту на Joomla !.

Крок 3 - Встановлюємо Розширення для Joomla

Офіційна бібліотека розширень Joomla пропонує все розширення, які ви можете використовувати. Від безпеки і карт до електронної комерції - все це можна знайти прямо там.

Розширення встановлюються і управляються в меню розширення -> Менеджер розширень. Joomla! запитає, чи хочете ви включити вкладку Install from Web. Ми рекомендуємо включити її, так як це допоможе вам шукати і встановлювати розширення не залишаючи адмін панелі Joomla !.

Ми рекомендуємо включити її, так як це допоможе вам шукати і встановлювати розширення не залишаючи адмін панелі Joomla

Інший варіант установки розширень Joomla! вручну:

Скачайте .zip архів з каталогу розширень Joomla.
Натисніть на вкладку Upload Package File в розділі Розширення.
Завантажте архів.

Завантажте архів

От і все.

Ось кілька обов'язкових розширень для вашого сайту на Joomla !:

ProFiles : Це файловий менеджер, набагато зручніше вбудованого FTP.
Google Maps від Reumer : Використовуйте цей плагін для відображення карт на вашому сайті.
AllVideos : З AllVideos ви можете вбудовувати відео (розташованого локально або будь-який зовнішній відео з сайтів подібний YouTube) в контент сайту.
Akeeba backup : Широко відоме як саме часто використовується розширення Joomla, Akeeba backup піклується про все, що пов'язано з резервних копій.

Крок 4 - Установка шаблонів Joomla

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

У Joomla теж є багато безкоштовних або платних шаблонів доступних онлайн, але в порівнянні з WordPress або Drupal їх кількість значно менше.

Установка шаблонів Joomla теж вельми проста. Процес практично такий же як і при установці розширень:

Натисніть Розширення -> Менеджер розширень.
Тепер перейдіть на вкладку Upload Package File.
Натисніть browse for file і виберіть .zip архів для закачування.
За завершення завантаження, перейдіть в розділ Розширення -> Менеджер шаблонів.
Натисніть на іконку, відповідну шаблоном, який ви хочете включити.

Крок 5 - створення резервних копій в Joomla

У вашому акаунті на Hostinger бекапи створюються автоматично для файлів і баз даних. Ви можете їх знайти і завантажити в розділі Панелі Управління Hostinger -> Бекапи.

Хоча, є ще кілька шляхів для створення резервних копій Joomla.

Крок 5.1 - Створення бекапа Joomla вручну

Щоб створити копію бекапа, вам знадобиться заархівувати всі файли Joomla і базу даних. При створенні бекапа файлів, одним із зручних способів створення архіву .zip буде використання файлового менеджера Hostinger. Це можна зробити перейшовши в головний установчий каталог Joomla, вибравши всі файли і натиснувши кнопку стиснення у верхній частині сторінки. По завершенню створення архіву його можна завантажити.

Іншим способом скачати файли може бути використання FTP клієнта . Процес дуже простий - все що потрібно це перейти в каталог Joomla, вибрати файли і натиснути кнопку Download.

Процес дуже простий - все що потрібно це перейти в каталог Joomla, вибрати файли і натиснути кнопку Download

Щоб створити бекап бази даних MySQL, ми рекомендуємо використовувати phpMyAdmin. У Hostinger ви можете перейти в phpMyAdmin з Панелі управління натисканням на іконку і далі натискаючи кнопку Увійти в phpMyAdmin біля бази даних, що відповідає Joomla !.

Ви можете визначити, яка база даних Joomla використовується, подивившись в файлі configuration.php. Цей файл повинен знаходитися в тому ж каталозі, де встановлена Joomla. Зазвичай, це каталог public_html.

Якщо ви вже зайшли в phpMyAdmin, натисніть вкладку Export і кнопку Go для скачування файлу .sql.

sql

Крок 5.2 - Використання Akeeba для створення бекапа Joomla

Akeeba backup, напевно найпопулярніший плагін для Joomla. В цьому розділі керівництва Joomla ви дізнаєтеся, як використовувати Akeeba для створення резервних копій в Joomla.

Ви не знайдете Akeeba Backup в офіційному каталозі Joomla, тому вам потрібно буде завантажити плагін з сайту Akeeba . Після завершення завантаження встановіть плагін через вкладку Upload Package File.

Тепер переходите в Компоненти -> Akeeba Backup.

При першому доступі до компоненту Akeeba ви пройдете майстер автоматичного тестування, який налаштує ваш компонент для оптимальної продуктивності створення резервних копій. По завершенні ви отримаєте повідомлення з підтвердженням.

По завершенні ви отримаєте повідомлення з підтвердженням

Натисніть Backup Now, щоб зробити бекап сайту Joomla.
Якщо ви хочете змінити настройки, які встановив майстер автоматичного тестування, ви можете натиснути Configuration.
Щоб автоматизувати створення резервних копій натисніть Schedule Automatic Backups.

Як тільки бекап був створений, натисніть Manage Backups. Радимо зберігати копію бекапа локально у себе на комп'ютері. Для скачування натисніть кнопку Download.

Крок 6 - Оновлення Joomla

Примітка: Рекомендуємо вам створити резервну копію (бекап) перед оновленням сайту.

Підтримувати Joomla в оновленому стані дуже важливо. Коли ви увійшли в систему за цим посиланням http://mydomain.com/administrator, Joomla автоматично запускає перевірку наявності в доступі нової версії. Якщо в офіційному репозиторії є нова версія, ви побачите нове повідомлення. У повідомленні буде зазначено назву поновлення і кнопку Update Now. Натисніть на кнопку для початку процесу установки.

Натисніть на кнопку для початку процесу установки

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

Крок 7 - Прискорення роботи Joomla

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

Крок 7.1 - Включення стиснення Gzip

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

В адмін панелі керування Joomla виберіть Система -> Загальні налаштування.

Ви перейдете на сторінку Загальних Настройок. Тепер виконуйте інструкції нижче для включення стиснення Gzip в Joomla:

Натисніть Сервер.
Виберіть Так в розділі Gzip-стиснення сторінок.
Збережіть свої зміни.

Збережіть свої зміни

Якщо все зміни були успішно збережені, ви отримаєте підтверджує повідомлення:

Все готово, Gzip стиснення тепер включено для вашого сайту на Joomla.

Крок 7.2 - Включення Кеша в Joomla

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

Повертайтеся в Загальні настройки в розділ Система та дотримуйтесь цих кроків для включення кешу:

Ви можете вибрати будь Оброблювач кешування ви хочете використовувати. На більшості провайдерів віртуального хостингу повинен використовуватися в якості обробника кешування Файл.
Залиште Path to Cache Folder порожнім, якщо не хочете зберігати файли кешу в свою директорію.
Час кешування визначає як довго зберігається і як часто оновлюється вміст кеша. Значення за замовчуванням 15 хвилин. У разі оновлення свій сайт дуже часто, тоді зменшіть значення часу. Якщо ви рідко оновлюєте сайт, тоді збільшіть це значення.
Залиште Platform specific caching в положенні Ні, якщо ви не збираєтеся надавати інший HTML контент для мобільних пристроїв.
Увімкніть Кеш, вибравши одну з налаштувань:
- Стандартне кешування - вибирайте цей параметр, якщо у вас дуже великий сайт.
- Прогресивне кешування - це значення кеша за замовчуванням і підходить якнайкраще практично для всіх сайтів на Joomla.
Збережіть свої зміни.

Збережіть свої зміни

Якщо все зміни були успішно збережені, ви отримаєте підтверджує повідомлення:

Інший спосіб включити кешування сторінок вашого сайту на Joomla - включення плагіна Кеша. Перейдіть в Розширення -> Модулі в панелі управління Joomla.

Тепер все, що вам потрібно зробити це знайти плагін Page Cache і включити його.

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

Тепер кешування включено і швидкість завантаження вашого сайту повинна покращитися. Для подальшої оптимізації рекомендуємо також працювати з масштабуванням зображень. Керівництво по цій темі тут (Англ.).

висновок

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

Уроки 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! для створення сайту. Розглянемо все від установки до налаштування сайту.

Крок 1 - Установка Joomla

Зайдіть в панель інструментів.
Натисніть на Авто-Установник.
В поле для пошуку напишіть Joomla і натисніть на інформацію, що з'явилася іконку.
У майстра установок введіть дані про свій сайт і натисніть Встановити.
Зачекайте пару хвилин для установки CMS.

Зачекайте пару хвилин для установки CMS

Готово! Це все, що треба було зробити. Тепер Joomla! встановлена, створена і відповідно налаштована база даних.