Новости

Joomla 3 для новачків - основи і з чого почати створення сайту

Добрий день. Дану статтю ми присвятили новачкам, яким цікаво створення інтернет магазину на joomla 3. Нам вже давно вдалося пройти цей етап (з яким пов'язане становлення кожного веб-майстра), тому нам здаються такі речі зрозумілими, на відміну від початківців.

Звичайно, при зануренні в тему все істотно спрощується, і вже не здається складним створення інтернет-магазину на joomla 3. Але це вимагає повного занурення, при якому може знадобитися чиясь допомога (наприклад, представлена ​​інструкціями для початківця вебмастера).

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

Сьогодні нами буде порушено тему ключових моментів, які забезпечать розуміння сутності роботи на цій CMS. Ми детально розглянемо адмінку, познайомимося зі структурою розміщення матеріалу в Джумла 3, а також пройдемося по інструментах, які необхідні при створенні ієрархії категорій. В цілому, урок спрямований на ознайомлення з движком, розгляду його особливостей і логіки, яка забезпечить вам плідну роботу з ним.

Зв'язок сайту на Joomla і адмінки даної CMS

Нами вже встановлена ​​Joomla 3, після чого проведена її русифікація. Тепер приступаємо до ознайомлення з нею. Може бути, вам вже відомо, що для створення сайту за допомогою CMS (системи управління контентом) вам доступні відразу дві абсолютно різні версії єдиного сайт:

  1. Ви можете користуватися загальнодоступною версією, яка доступна всім користувачам мережі (завдяки переходу за посиланням з іншого сайту, переходу з пошукача, соціальних мереж та інших елементів). Потрапити на неї можна після введення Урл адреси вашого сайту, тобто купленого вами доменного імені c приставкою http: // перед ним. Якщо ви користуєтеся локальним сервером, то ця сторона вашого творіння доступна тільки з використанням тимчасової адреси (детальніше описується в статях про ОпенСервер і локальному сервері Денвер).

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

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

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

Доступ до адміністративної панелі Джумли і безпеку

Яким чином потрапити в адмін-панель Joomla 3? Це легко. Додаємо Урл адреса в головній сторінці вашого ресурсу за допомогою слеша «administrator».

http://web-now.pro/administrator/

Якщо вами використовується ФТП для підключення до сайту (або ви ввійдете в локальний сервер), то в кореневому каталозі (місці, де ви опиняєтеся при підключенні) вами буде знайдена папка «administrator», з вкладеним файлом index.php. З його допомогою також можна здійснити запуск адмінки. Всі чесно.

Але навіщо нам в такому випадку прописувати повну адресу в пошуковому рядку? Можна і так, але зовсім не обов'язково. Так вийшло, що веб-сервер є програмою, що працює з реальним або локальним хостингом, то коли відбувається звернення до папки, вона займеться пошуком файлу index (розширення якого php або html). Метою буде його відкриття. Це має відношення до неприємного моменту, коли з'являються дзеркала і дубляжі сторінок (читайте за посиланням, як з цим можна і потрібно боротися).

Природно, і під час введення в адресний рядок Урл адреси головної сторінки свого сайту також відбувається зв'язок з реальним файлом. Він також носить назву index.php, але розташований в самому корені сайту (відноситься до того ж рівня, що і папка «administrator»). Це можна назвати класичним прикладом того, як з'являються дзеркала.

Це можна назвати класичним прикладом того, як з'являються дзеркала

Звичайно, не кожна людина має доступ до адмінки. Захисний процес укладений в процесі введення логіна і пароля, які вами задаються під час установки движка з використанням локального або реального хостингу. Слід пам'ятати, що сайти в мережі часто зламуються (наприклад, для зараження сайту вірусним кодом або використання його як дорвея). Причому, робиться це не цілеспрямовано, а в потоковому режимі. Тому, навіть в період невисокою значущості ваш ресурс не є захищеним від посягання. Але завдяки складному паролю і нетривіальному логіну ви забезпечите собі непогану безпеку.

Але завдяки складному паролю і нетривіальному логіну ви забезпечите собі непогану безпеку

Щоб наростити безпеку сайтом слід скористатися різними плагінами, що дозволяють, наприклад, приховувати власну адмінку. Тобто при переході за адресою «http://vashdomen.ru/administrator/" не буде запропоновано приступити до введення пароля. Щоб увійти в адмінку буде необхідно скористатися шляхом, який буде вказано плагіном. Такі функції відносяться до плагіну jsecure, але ви можете скористатися іншими варіантами, наприклад, створити ще одну пару логін -пароль, які повинні будуть вводитися після входу від Joomla. Не будемо на цьому зупинятися.

Зворотний бік ресурсу, створеного в Joomla

Загалом, ми опинилися в головній частині Джумли - в адмін-панелі. Увійти в неї можете тільки ви і ті, хто володіє подібною привілеєм від вас. Можуть бути призначені різні рівні доступу, при яких можна буде користуватися різними наборами можливостей. Якщо вами здійснювалася робота в Joomla 1.5, то питання відпадають автоматично, так як «трійка» або «двійка з половиною» засновані на тих же принципах роботи цієї CMS, які суттєво не змінювалися. Можна відзначити додавання зручності, краси і підвищений рівень безпеки. Різниця вносять нюанси, які ми ще встигнемо розглянути.

Основні елементи адмінки Джумли 3

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

Дякуємо

Головну сторінку адміністративної панелі Джумла 3 відрізняє схожість з тим, що нами зазначалося в версіях 2.5 і навіть 1.5 (вона перестала офіційно підтримуватися, тому її використання пов'язано з ризиком для безпеки). При розгляді версій слід зазначити, що до виходу 3.5, найстабільніша - 2.5. Всі версії 3.х відносяться до попередніх, тому не всіма доступними розширеннями ви зможете скористатися (наприклад, улюбленим в рунеті компонентом для інтернет-магазинів «VirtueMart 2» цією версією не підтримується, а ось JoomShopping - навпаки).

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

У центральній частині головної сторінки адмінки зараз поки особливо значимої інформації немає, але в міру розвитку сайту ви зможе тут відстежувати досить цікаву інформацію. Ліве меню прийшло на зміну панелі інструментів, яка була в версіях 1.5 і 2.5. Там знаходяться «швидкі посилання», які по своїй суті дублюють деякі пункти верхнього меню, але дозволяють перейти до потрібних налаштувань трохи швидше.

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

Власне все, тепер пора лізти всередину і занурюватися в прекрасний світ творчості (створення сайту).

Ще на скріншоті відображено чудове зміна, якого нам не вистачало в версії 1.5 - можливість автоматичного оновлення Joomla до останньої актуальної версії простим натисканням кнопки в адмін-панелі. Раніше це робити доводилося вручну (підключаючись до сайту по ФТП), зараз же навіть джумла 2.5 до 3.х можна оновити прямо з адмінки (з невеликими нюансами). Краса. Ось ми якраз і обновляємося до нової версії 3.3.3.

3

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

Якими цікавими елементами представлена ​​админка Joomla 3? Що слід знати першочергової ступеня? Що є для нас другорядним моментом? Яким чином створюється сторінка, меню, додається оригінал або відео?

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

Подібний повернення забезпечений емблемою Джумли, розташованої в лівій верхній частині

Друге питання, вирішення якого варто приділити увагу, полягає в переході з адмінки до сайту для перегляду результатів того, що вам вдалося створити. Ця операція, як і попередня, відрізняється простотою - натискаємо на назву власного сайту, розташованого в правій верхній частині екрану. Дану кнопку спеціально продубльовано ще й в нижню ліву частину адмінки. Вона названа «Перегляд сайту».

Вона названа «Перегляд сайту»

На самому початку ваш сайт постане жалюгідним видовищем. Але коли ви переступите до наповнення і структурування, все встане на свої місця, і ваші відвідувачі будуть насолоджуватися комфортом вашого ресурсу.

Які настройки можна відразу змінити в меню «Налаштування»?

На початку роботи можна зайнятися зміна деяких загальних налаштувань Джумла. Пропонуємо цим і зайнятися. Шлях до них виглядає наступним чином: «Система» - «Загальні настройки». Перейшовши в це меню можна злякатися їх достатку (і це лише одна з п'яти передбачуваних вкладок - «Сайт»):

Перейшовши в це меню можна злякатися їх достатку (і це лише одна з п'яти передбачуваних вкладок - «Сайт»):

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

Почнемо. В даному меню вам доступна можливість зміни назви сайту, яке йому було дано під час установки движка (якщо воно вже не подобається, або ви придумали більш підходящий варіант). Тут можна зайнятися зміною використовуваного за замовчуванням візуального редактора, наприклад, на JCE. Для цього використовується однойменне поле налаштувань (він забезпечує форматування текстів і додаються статей). Слід домовитися про той момент, що вам доведеться зайнятися установкою нового плагіна. Після його успішного встановлення повертаємося до загальних налаштувань і вибираємо в випадаючому списку «Редактор за замовчуванням». В цілому, і вбудованому TinyMCE властива наявність великого функціоналу, але навіть він вимагає настройки.

Але ці настройки можна відкласти, а поки займемося створення зручності користування адмінки. Перейдемо до вкладки «Система» (у верхньому меню «Налаштування») і подивіться на область «Налаштування сесії». Там буде стояти цифра, яка розміщена в рядку «Час життя сесії». За замовчуванням там встановлено 15 (мається на увазі хвилин):

За замовчуванням там встановлено 15 (мається на увазі хвилин):

Спочатку цей момент дуже сильно може діставати вас. Якщо вам потрібно відлучитися від роботи в адмінки на термін, що перевищує 15 хвилин (відволіклися на пошту, вийшли чайку попити та інше), то вас викине з адмінки. В такому випадку доведеться заново вводити зв'язку логін-пароль і займатися пошуком місця, де ви в останній раз перебували. Особливо це заважає новачкам, які часто втрачають нитку міркувань при цьому.

Звичайно, такий підхід забезпечує безпеку, але 15 хвилин (особливо для веб-майстри з невеликим досвідом роботи) є незначним терміном. Тому, ми рекомендуємо зайнятися збільшенням даного часу на кілька порядків, після чого тиснемо всюдисущу клавішу «Зберегти».

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

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

Стаття в даному движку додається за допомогою вкладки «Матеріали» - «Менеджер матеріалів». Але не поспішайте переміщатися на зазначену вкладку, для початку слід підготуватися. Про що це ми? Якщо використовувати звичну мову, то слід зайнятися підготовкою папок, в яких буде зберігатися наш контент у вигляді зграєю, наприклад. І не тільки зберігатися. Joomla забезпечена чудовими інструментами для перегляду всього вмісту, яким сповнені цих папки (у вигляді списку або у вигляді невеликих анонсів) користувачами, які перейшли до вашого сайту. Це дуже зручно і ми ще поговоримо про це докладніше.

Це дуже зручно і ми ще поговоримо про це докладніше

Щоб створити ці самі татуся слід переміститися до вкладки «Матеріали» - «Менеджер категорій». Раніше в Джумла 1.5 присутня можливість створення папок тільки двох рівнів вкладеності. Вони були представлені великими папками під назвою Розділи, які забезпечували розташування папок поменше - Категорії.

Багато користувачів нарікали на те, що цього недостатньо, і в наступні версії розглянутого движка перестали використовувати Розділи. Тепер ми можемо розміщувати одні категорії (папки) всередині інших з будь-якою глибиною (рівнем). Припустимо, в категорію А, ви вклали категорію В, а вже в неї помістили категорію С. В такому випадку ви будете мати три рівні вкладеності. Чума (хоча, поки на практиці не зіткнетеся з необхідністю використання такої структури, оцінити важливість даного нововведення по достоїнству не вийде).

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

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

Наприклад, для сайту з туризму можна зробити категорії верхнього рівня з назвами регіонів світу, а вже вкладені в них - категорії з назвами конкретних країн. Можна зробити ще й третій рівень вкладеності - регіони або міста вже всередині самих цих країн.

Створення категорій і підкатегорій в Джумла

Велика кількість можливих налаштувань при створенні категорії в Joomla 3 дещо бентежить, але потрібно розуміти, що в більшості випадків вам досить буде лише ввести її назву (це єдине обов'язкове для заповнення поля в цій формі) і вибрати рівень її вкладеності в поле «Батько» (вибрати зі списку одну з уже існуючих категорій, всередину якої буде вкладена та, що ви зараз намагаєтеся створити), якщо це потрібно за раніше розробленим вами плану (в нашому випадку і вкладатися-то поки що нема в що, бо ця категорія буде першою) .

Велика кількість можливих налаштувань при створенні категорії в Joomla 3 дещо бентежить, але потрібно розуміти, що в більшості випадків вам досить буде лише ввести її назву (це єдине обов'язкове для заповнення поля в цій формі) і вибрати рівень її вкладеності в поле «Батько» (вибрати зі списку одну з уже існуючих категорій, всередину якої буде вкладена та, що ви зараз намагаєтеся створити), якщо це потрібно за раніше розробленим вами плану (в нашому випадку і вкладатися-то поки що нема в що, бо ця категорія буде першою)

Поле «Аліас» (псевдонім) не змінило свого призначення з часів Джумли 1.5 і дозволяє підкоригувати Урл адресу того пункту меню, який буде посилатися на дану категорію (при цьому можна використовувати символи [0-9], [az], [AZ], [_], [-]). На прикладі нашого Урла це виглядало б так « http://web-now.pro/news ». Якщо це полі не заповнити, то система сама зробить транслітерацію назви категорії і використовує це в Урл адресу (вийде приблизно так - « http://web-now.pro/novsti »).

Поле «Опис» заповнювати не потрібно, але якщо ви це зробите, то при виводі списку або анонсів, наявних в цій категорії статей (шляхом створення відповідного пункту меню на сайті - ще докладно про це поговоримо), буде відображатися на самому початку зроблене вами опис (можна для його оформлення і картинки використовувати).

Зберігати зроблені зміни тепер можна за допомогою аж цілих трьох кнопок (в Joomla 1.5 було тільки два варіанти):

  • Зберегти - ви збережете внесені зміни і при цьому так і залишитеся на цій же сторінці
  • Зберегти і закрити - зміни збережуться, а вас перекине на рівень вище (в нашому випадку в Менеджер категорій)
  • Зберегти і створити - після збереження відкриється вікно створення нової категорії. Зручно при створенні всієї структури категорій на вашому сайті.

Природно, що при створенні дочірніх категорій (підкатегорій) потрібно буде ще вибирати батьківську категорію (в нашому прикладі «Новини»), усередині якої вона буде надалі жити.

Якщо звернути пильну увагу до випадному списку, то можна помітити в ньому наявність категорії, яка носить назву «Uncategorised». Вами вона не створювалася - так звідки ж їй було взятися? Це не складне питання. Ця віртуальна категорія створена самою Joomla 3 і вона призначена для зберігання статей, які вами не були віднесені до якої-небудь певної категорії. Це може стати, наприклад, сторінка, де представлені контакти, схема проїзду і подібні матеріали. Для них може використовуватися категорія Uncategorised.

Менеджер категорій забезпечує просте відстеження дочірніх і батьківських елементів. Така можливість забезпечується наочним відображенням з великим тире, яке передує назва і робить зміщення щодо батька вправо (для назви категорій ще більшого рівня вкладеності буде використовуватися ще більш довге тире):

Така можливість забезпечується наочним відображенням з великим тире, яке передує назва і робить зміщення щодо батька вправо (для назви категорій ще більшого рівня вкладеності буде використовуватися ще більш довге тире):

Там же розміщується Uncategorised (без категорій). Якщо вам необхідно зайнятися редагуванням вже створеної категорії, то необхідно лише клікнути по їх назві. Щоб видалити зайві категорії, вони повинні бути просто відзначені галочками (зліва від їх назв). Після цього залишиться лише клікнути на кнопку «В кошик», яка розміщується зверху. А як перейти до цієї самої кошику? Наприклад, для остаточного видалення або відновлення випадково видалених категорій.

Така дія забезпечується клацанням мишки по розташованої трохи вище списку категорій кнопці під назвою «Інструменти пошуку». Розгромна замовна стаття трохи нижче панель нами використовується для знаходження пункту «Вибір стану». Необхідний варіант - «В кошику». Цим ви відкриєте таблицю, в якій представлений список вмісту кошика. Щоб остаточно видалити категорії розмістіть навпроти них галочки, і використовуйте кнопку «Очистити кошик», розташовану зверху.

Для відновлення певних елементів, які раніше віддалялися, необхідно клікнути на розташовану зліва від назви піктограммка кошика (Опублікувати).

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

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

PS Ну ось, начебто тільки перейшли до міркування про конкретику, а ліміти статті вже вичерпані. Завжди так буває, коли хочеш пояснити все якомога детальніше, а в результаті відволікаєшся, повторюєшся і пишеш багато зайвих слів, щоб намагатися бути зрозумілим. Однак, в подальшому спробуємо не розпорошуватися і строго слідувати наміченої лінії. Хоча, як завжди, не вийде. Але ми будемо старатися.

Які цілі досягаються адмінкой?
Але навіщо нам в такому випадку прописувати повну адресу в пошуковому рядку?
Якими цікавими елементами представлена ​​админка Joomla 3?
Що слід знати першочергової ступеня?
Що є для нас другорядним моментом?
Яким чином створюється сторінка, меню, додається оригінал або відео?
Які настройки можна відразу змінити в меню «Налаштування»?
Про що це ми?
Які можуть бути категорії?
Вами вона не створювалася - так звідки ж їй було взятися?

Уважаемые партнеры, если Вас заинтересовала наша продукция, мы готовы с Вами сотрудничать. Вам необходимо заполнить эту форму и отправить нам. Наши менеджеры в оперативном режиме обработают Вашу заявку, свяжутся с Вами и ответят на все интересующее Вас вопросы.

Или позвоните нам по телефонам: (048) 823-25-64

Организация (обязательно) *

Адрес доставки

Объем

Как с вами связаться:

Имя

Телефон (обязательно) *

Мобильный телефон

Ваш E-Mail

Дополнительная информация: