Простий підручник Drupal 8: Як створити веб-сайт (крок за кроком)

1. Як побудувати сайт з Drupal
2. 2. Завантажте Drupal та підготуйте інсталяцію
3. 3. Запустіть процес встановлення
4. 4. Дізнайтеся про інтерфейс користувача
5. 5. Зміна теми вашого Drupal сайту
6. 6. Налаштуйте тему
7. 7. Створіть нову сторінку
8. 8. Створіть іншу сторінку та додайте її до меню
9. 9. Активуйте та деактивуйте модулі за промовчанням
10. 10. Додати додані модулі
11. 11. Ознайомтеся з блоками
12. 12. Керуйте існуючими блоками
13. 13. Створіть власні блоки
14. 14. Продовжуйте навчання
15. Висновок

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

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

Все ясно на цьому фронті? Потім ми можемо перейти до створення першого сайту Drupal.

Як побудувати сайт з Drupal

1. Отримайте веб-хостинг

Перш ніж ви зможете побудувати веб-сайт, вам потрібно місце, де він знаходиться, і доступний веб-хостинг .

На хостингу необхідно врахувати чотири основні фактори:

1. Uptime - відсоток Uptime показує, скільки часу ваш сайт буде запущено. Ми рекомендуємо вибрати те, що відповідає або перевищує галузевий стандарт на 99,9%.
2. Швидкість завантаження сторінки - Ви повинні вибрати хост, який завантажується швидше, ніж 850 мс, що є поточним середнім показником.
3. Підтримка користувачів - Вам доведеться вирішувати проблеми з підтримкою в певний момент. Отже, має сенс вибрати хост, який має якісну та чуйну клієнтську підтримку.
4. Ціна - Послуги хостингу різняться за ціною. Виберіть той, який ви можете собі дозволити, а також, що має задовільні рейтинги на перших трьох факторах.

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

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

Ви також можете дослідити аналогічні альтернативи Bluehost, такі як HostGator або SiteGround.

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

2. Завантажте Drupal та підготуйте інсталяцію

Встановлення Drupal досить просте. Просто перейдіть до завантажити розділ офіційного сайту і натиснути велику синю кнопку.

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

Це займе трохи. Тим часом перейдіть до панелі керування вашого хосту для баз даних MySQL. Тут обов'язково створіть спеціальну базу даних для інсталяції Drupal. Незважаючи на те, що процес буде дещо відрізнятися залежно від вашого постачальника послуг, ви повинні мати таке:

• Ім'я бази даних
• Ім'я користувача бази даних
• Пароль користувача
• Адреса хоста бази даних

Зберігайте всю цю інформацію зручно, вам знадобиться вона найближчим часом.

3. Запустіть процес встановлення

Після завантаження файлів перейдіть до домену сайту. Це почне процес встановлення Drupal.

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

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

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

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

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

Після цього почнеться фактична інсталяція.

Останнім кроком є ​​налаштування основної інформації про свій сайт.

Ось як його заповнити.

• Назва сайту - назва веб-сайту. Ви можете змінити це пізніше, так що не надто зависайте, щоб отримати це правильно.
• Адреса електронної пошти сайту - адреса електронної пошти, з якої користувачі отримуватимуть сповіщення на сайті.
• Ім'я користувача - ім'я основного облікового запису адміністратора веб-сайтів.
• Пароль - Виберіть надійний пароль, щоб зберегти свій обліковий запис і не забудьте ще раз підтвердити його.
• Адреса електронної пошти - адреса електронної пошти, пов'язана з вашим основним користувачем. Drupal автоматично заповнить адресу електронної пошти сайту, змінюватиметься у міру необхідності.
• Країна за умовчанням - країна за умовчанням для вашого сайту.
• Часовий пояс за промовчанням - Часовий пояс, який ваш сайт буде використовувати для відображення дат і подібної інформації.

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

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

4. Дізнайтеся про інтерфейс користувача

Після завершення процесу інсталяції, ви автоматично повертаєтеся на новостворений сайт Drupal.

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

• Вміст - Тут ви можете створювати базовий вміст, наприклад, повідомлення та сторінки. Це також місце, де ви дбаєте про коментарі та знаходите медіа-бібліотеку вашого сайту.
• Структура - Тут ви можете керувати всіма структурними елементами вашого сайту, включаючи блоки, форми, типи вмісту, меню та таксономії.
• Вигляд - містить параметри для тем та інших параметрів, пов'язаних із зовнішнім виглядом, а також оновлення сайту.
• Extend - У цьому меню можна встановлювати і видаляти модулі Drupal.
• Конфігурація - надає доступ до налаштувань вашого сайту.
• Люди - Містить параметри для користувачів, рівнів і рівнів дозволів.
• Звіти - Тут ви знайдете журнали, інформацію про оновлення, звіти про стан, помилки, фрази пошуку та іншу інформацію про ваш сайт.
• Довідка - центральний хаб для корисної інформації про базове адміністрування сайту, а також про будь-які модулі, встановлені на вашому сайті.

До речі, під ярликами можна визначити власні посилання на частини адміністративного інтерфейсу, які ви часто використовуєте.

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

5. Зміна теми вашого Drupal сайту

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

Однак, на відміну від інших систем управління контентом, неможливо знайти теми з внутрішнього кінця Друпала. Для цього потрібно перейти до офіційний каталог Drupal , для якого також можна знайти посилання у верхній частині сторінки інсталяції теми.

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

Тим не менш, ви все ще можете бути перевантажені самим числом. У такому випадку варто почати з одного з багатьох найкращих списків, знайдених в Інтернеті.

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

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

Після цього ви можете скористатися файлом або URL-адресою, щоб завантажити тему на свій сайт.

Після цього вам все одно доведеться встановити її з вкладки Вигляд і активувати (називається Set as default у Drupal).

Коли ви зробите це і повернетеся на свій сайт (у верхньому лівому куті є кнопка), можна побачити нову тему в дії.

6. Налаштуйте тему

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

Обидва отримують вас на цей екран.

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

7. Створіть нову сторінку

Тепер ваш сайт виглядає краще, але він все ще досить порожній. Час змінити це.

По-перше, ми хочемо створити першу сторінку, щоб відвідувачі побачили щось, коли вони розмахують. Для цього перейдіть до Зміст> Додати вміст> Базова сторінка . Він перенесе вас на цей екран:

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

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

Це на зразок витягу, який з'явиться в певних частинах вашого сайту.

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

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

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

Все йде нормально.

Щоб визначити нову сторінку як головну сторінку, тепер потрібно перейти до конфігурації> Система> Основні налаштування сайту . Тут, у розділі Передня сторінка за умовчанням , введіть той самий пробіл, який ви щойно визначили для нової сторінки.

Після того, як ви зробили це і зберегли конфігурацію, ваш вміст повинен з'явитися на першій сторінці вашого сайту Drupal.

8. Створіть іншу сторінку та додайте її до меню

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

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

Нижче описано, як заповнити налаштування, які відображаються:

• Назва посилання меню - це текст посилання, яке користувачі побачать у навігаційному меню. Зробити це щось миттєво впізнаваним. У цьому випадку About Me - хороший вибір.
• Опис - Необов'язковий опис, який з'являється, коли хтось наводить курсор миші на посилання меню. Він може сказати щось подібне. Дізнайтеся більше про те, що я можу запропонувати .
• Батьківський елемент - якщо ви вже маєте інші пункти меню, це налаштування дозволяє створювати підпункти.
• Вага - за допомогою цього параметра можна визначити порядок пунктів меню. Чим вища цифра, тим далі вперед вони з'являться.

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

Але почекайте, що, якщо меню знаходиться в неправильному порядку? Немає проблем, просто наведіть курсор на нього, а потім натисніть піктограму пера, яка з'явиться. Це дасть вам можливість вибрати меню Правка .

Коли ви це зробите, ви потрапите на екран нижче.

Тут можна просто перетягнути пункти меню в потрібний порядок за допомогою піктограми ліворуч. Зберегти, коли ви зробите, щоб перекласти зміни на свій сайт. Остання підказка: ви також можете скористатися кнопкою Додати посилання зверху, щоб вручну додати більше сторінок до навігаційного меню, і ви також можете перейти до цього меню через Структура> Меню .

9. Активуйте та деактивуйте модулі за промовчанням

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

Для цього ви, швидше за все, будете використовувати модулі. Як вже згадувалося, це невеликі програми, які можуть додавати всілякі можливості та функціональні можливості вашого сайту на Drupal. Основна програма поставляється з набором їх, які ви можете знайти в розділі Розширити .

Не всі модулі будуть встановлені та активні за замовчуванням. Щоб змінити це, просто поставте галочку на передній панелі, а потім прокрутіть вниз і натисніть Install . Після цього CMS піклується про решту.

І навпаки, будь-які модулі, які вам більше не потрібні, можна позбутися на вкладці Uninstall .

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

10. Додати додані модулі

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

По-перше, вам потрібно знайти модулі, які вам подобаються в офіційний каталог . Після встановлення одного з них завантажте його або скопіюйте його місцезнаходження. Потім ви можете додати його на свій сайт за допомогою Extend> Install new module .

Є набагато більше модулів на вибір, ніж тематика, 42,000+. Якщо ви не впевнені, який з них має сенс встановити, ось кілька великих варіантів:

• Меню адміністрування - За допомогою панелі інструментів за замовчуванням ви будете витрачати час на завантаження тонни сторінок лише для отримання однієї функції адміністратора. Щоб пришвидшити роботу, цей модуль дає вам прості розкривні меню для всієї області адміністрування. Просто відключіть існуючу панель інструментів, а потім активуйте модуль меню адміністрації.
• Маркер - Жетони - це невеликі розділи тексту, розміщені через систему заповнювачів. До теперішнього часу більша частина функціональності модуля Token написана в ядрі Drupal, але деякі модулі все ще потребують його, як модуль Pathauto.
• Люкс Chaos Tools - AKA Ctools, дозволяє створювати власні модулі, а також форми, діалогові вікна, підключаються типи вмісту тощо.
• Pathauto Вбудований модуль Path в Drupal дозволяє створювати URL-адреси вручну. Це дратує робити вручну для кожного посту і Pathauto позбавляє вас від цієї важкої роботи. Ви можете призначити спеціальні шаблони заміни та шляхи сторінок облікового запису користувача, щоб URL-адреси відповідали вашим стандартам SEO та юзабіліті. Пам'ятайте: Pathauto вимагає модуля Token і Ctools.
• Швидкі вкладки - Ви коли-небудь бачили ці прохолодні вкладки на великих веб-сайтах, які перераховують останні та популярні матеріали? Швидкі вкладки легко можуть зробити це без написання власного JavaScript. Після встановлення та увімкнення модуля в меню " Структура" можна вибрати виділення "Швидкі вкладки".

Для більш корисних модулів Drupal перевірте Ця стаття .

11. Ознайомтеся з блоками

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

Залежно від теми, модулів та інших компонентів на вашому сайті ви матимете доступ до різних видів блоків. Ви можете знайти всі параметри для керування ними у розділі Структура> Блок-макет .

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

Щоб додати його де-небудь, просто перейдіть до потрібного регіону та клацніть Place block . Це дасть вам список доступних варіантів.

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

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

Як тільки буде задоволено, Зберегти блок додасть його до вашого сайту.

12. Керуйте існуючими блоками

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

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

Після внесення змін не забудьте зберегти їх у нижній частині екрана.

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

Таким чином ви перейдете до того ж меню, що і раніше.

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

13. Створіть власні блоки

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

Якщо ви хочете цього, перейдіть у меню Структура> Блок-макет> Власна бібліотека блоків (вкладка вгорі).

Натисніть " Додати спеціальний блок", щоб перейти до цього екрана:

Введіть опис блоку, щоб ви та інші адміністратори знали, про що йдеться. Потім введіть вміст, який потрібно показувати в блоці нижче.

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

14. Продовжуйте навчання

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

Однак, якщо ви хочете більш системного підходу до вивчення про Drupal, наступні ресурси дійсно корисні.

Що б ви хотіли дізнатися, інформація, швидше за все, вже існує. Отже, не соромтеся google, поки ви не знайдете його.

Висновок

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

Вище, ви дізналися, як встановити Drupal на ваш сервер і зробити базові коригування сайту. Наразі ви можете створити базовий сайт Drupal з нуля, налаштувати його і розширити його функціональність. Цього достатньо для того, щоб глибше зануритися в світ Drupal і дізнатися більш складні завдання. Якщо це ваша мета, вищезазначені ресурси допоможуть вам зробити це.

Наразі єдине, що залишилося зробити - це побажати Вам всього найкращого з новим сайтом Drupal. Якщо у вас все ще є питання або вам потрібна особиста підтримка / допомога, не соромтеся надсилати повідомлення електронною поштою [захищена електронною поштою] p.org.

Ви намагалися створити веб-сайт за допомогою Drupal? Які блокпостики ви вдарили по шляху? Чи є у вас поради щодо додаткових навчальних ресурсів? Дайте нам знати в коментарях нижче!