Як створити веб-сайт із фотографіями в Drupal, частина 2

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

Цей підхід є альтернативою залученню до послуг спеціальної платформи для побудови веб-сайтів, як-от SmugMug, Squarespace або Wix (див. Частину 2 цієї серії), або використанням WordPress CMS (див. Частину 3).

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

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

Після встановлення коду Drupal «Core» його можна легко налаштувати за допомогою додавання модулів (функцій, що пропонують функціональність) та тем (як виглядає сайт).

Минулого разу ми показали, як встановити демо-сайт Drupal «Umami» у локальному середовищі (на комп’ютері).

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

Що потрібно для створення веб-сайту з фотографіями в Drupal

  • Комп’ютер
  • Доступ в інтернет
  • Зображення готові до завантаження
  • Додаток для розробки (наприклад, MAMP PRO або Laravel Homestead)
  • Час: 1 тиждень (збірка)

Три етапи розробки Drupal-сайту

1. Почніть із налаштування доменного імені

На відміну від wordpress.com, Drupal не пропонує варіант хостингу, тому вам доведеться самостійно домовитись про це.

Перш ніж розпочати, вам також потрібно буде придбати доменне ім’я для свого сайту - відвідайте Domain.com, Bluehost або www.123-reg.co.uk або шукайте в Інтернеті постачальника.

Введіть бажану назву сайту, і ви отримаєте список доступних розширень (.com, .co.uk тощо) та реєстраційні збори.

2. Розробіть свій сайт Drupal на власному комп’ютері

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

3. Розгорніть готовий сайт у свого хостинг-провайдера

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

Створіть веб-сайт із фотографій Drupal за 10 кроків

Використовуючи програму під назвою Acquia Dev Desktop, ми збираємось розробляти наш сайт локально, перед тестуванням та подальшим розгортанням на платформі хостингу веб-сайтів …

01 Введіть налаштування конфігурації сайту

Клацніть на посилання на локальний сайт і виберіть Стандарт на екрані інсталяції Drupal. Введіть потрібні дані на сторінці Налаштування сайту, включаючи назву веб-сайту (ми використовуємо «Drew Paul Photography»), ім’я та пароль адміністратора.

Натисніть Зберегти та продовжити, і voilà - з’явиться головна сторінка вашого сайту, і ви працюєте.

02 Запустіть звіт про стан сайту

Перше, що потрібно зробити, це натиснути на Звіти на панелі адміністрування сайту у верхній частині сторінки, потім натиснути на Звіт про стан. Незважаючи на те, що ви встановили v8.9.1 в Acquia Dev Desktop, буде доступна остання версія ядра Drupal.

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

03 Ознайомтесь із темою за замовчуванням

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

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

04 Дослідіть меню адміністрації Drupal

А тепер повернімось за адміністративну завісу та подивимось навколо. (Тема змінюється на Seven для зручності використання.)

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

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

05 Погляньте на панель вмісту

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

Щоб побачити, які типи вмісту існують нестандартно, натисніть Структура на верхній панелі, а потім Типи вмісту. Тут ви знайдете їх усі перелічені - Основна сторінка, Стаття та Зображення - із короткими описами.

06 Розширте функціональність за допомогою нового модуля

Для нашого веб-сайту з фотографії ми збираємося відображати наші зображення за допомогою модуля під назвою «Медіагалерея». Модулі додають додаткову функціональність сайтам Drupal; їх потрібно завантажити та встановити.

Знайдіть тут галерею медіа - внизу сторінки, у зеленому полі з написом „8.x-1.0“ угорі, наведіть курсор миші на „tar.gz“ та скопіюйте адресу посилання.

07 Встановіть модуль Media Gallery

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

У першому полі «Встановити з URL-адреси» вставте посилання, скопійоване зі сторінки Drupal, а потім натисніть «Встановити». Файли для медіагалереї будуть вилучені у ваш каталог Drupal.

Тепер натисніть «Вміст», і ви побачите, що вкладка «Медіагалерея» була додана до чотирьох вкладок вмісту у верхній частині сторінки.

08 Змініть тему сайту на Showcase Lite

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

Перейдіть на сторінку завантаження Showcase Lite і скопіюйте посилання tar.gz. Повернувшись на свій сайт, натисніть Структура та встановіть нову тему. Завершивши, натисніть Встановити та встановити за замовчуванням.

09 Завантажте зображення та створіть свої галереї

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

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

10 Пов’яжіть галереї з навігацією по сайту

Щоб відвідувачі сайту могли знайти галереї, натисніть Структура. Потім, у списку внизу, головна навігація і, нарешті, меню редагування. Введіть заголовок для посилання в меню, а потім введіть ‘/ media_gallery / 1’ у поле Посилання.

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

На цьому підручник 2 з 3 закінчується - у частині 3 ми робимо висновок про створення сайту та вдосконалення його зовнішнього вигляду.

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

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

Цікаві статті...