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

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

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

Зображення зберігаються в базі даних і за необхідності «подаються» користувачам сайту; хост-система управління вмістом веб-сайту приймає запити від віддаленого комп’ютера та вказує серверу надіслати дані.

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

Але для кожного, хто хоче підняти речі на новий рівень, Drupal CMS - розумний крок. Незважаючи на те, що 37% Інтернету побудовано за допомогою WordPress (джерело: wordpress.com), частка Drupal складається з низьких одноцифрових цифр.

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

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

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

Якби ви порівнювали WordPress з Lego, тоді Drupal був би Meccano. Ця CMS із відкритим кодом може допомогти вам у всьому - демонструвати портфоліо, продавати зображення та продавати свій творчий бізнес.

Що потрібно для створення веб-сайту з фотографіями в 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 кроків

Почніть з вибору вашої версії інсталяції Drupal та налаштування локальної області розробки на власному комп’ютері - тоді погляньте на Drupal у дії…

01 Почніть досліджувати теми Drupal

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

Зіграйте - подивіться на доступні теми на веб-сайті Drupal.

02 Ознайомтеся з темою Showcase Lite

Корисні пошукові терміни для тем, що мають відношення до фотографії, включають "Фотографія", "Галерея" та "Портфоліо", хоча ви також можете шукати за новизною чи популярністю.

Однак однією з тем, яка добре підійде для веб-сайту для фотозйомки, є Showcase Lite. Він має чистий, безладний дизайн і „чуйний” - це означає, що він оптимізований для використання на мобільних пристроях. Оскільки сьогодні більшість людей переглядають Інтернет на смартфоні чи планшеті, це обов’язково.

03 Перевірте сумісність вашої системи з Drupal

Як і будь-яка частина програмного забезпечення, код Drupal регулярно оновлюється; версія 9 була випущена в липні 2022-2023 року. Але багато тем та модулів, включаючи Showcase Lite, ще не перенесені на версію 9, тому ми будемо використовувати версію 8.

Спочатку відвідайте сайт Drupal і перевірте, чи відповідає ваш комп’ютер системним вимогам до встановлення. Оскільки ця версія буде підтримуватися до листопада 2022-2023 року, буде достатньо часу, щоб оновити ваш сайт Drupal 8 до Drupal 9.

04 Налаштуйте локальний хост на своєму комп’ютері

Раніше, будуючи наш веб-сайт із фотографіями в WordPress, ми використовували платне програмне забезпечення MAMP Pro. Однак цього разу ми будемо використовувати Acquia Dev Desktop.

Це платформа, розроблена засновниками Drupal, яка дозволяє встановлювати, створювати та тестувати Drupal-сайти на власному комп’ютері з необов’язковою можливістю розміщувати їх на хмарній платформі Acquia.

Acquia Dev Desktop можна використовувати на комп’ютерах під управлінням Windows або macOS та завантажити тут безкоштовно.

05 Налаштування локального середовища хоста

Запустіть програму встановлення Acquia Dev Desktop і введіть необхідну інформацію. Запустіть програмне забезпечення та виберіть Почати з нуля.

Використовуйте запропоновану за замовчуванням для пошуку файлів кодової бази у вашій системі, введіть назву вашого сайту - для цього підручника ми використовуємо drewpaulphoto.com - і прийміть підказки за замовчуванням для версії PHP (мови сценаріїв, яка запускає Drupal) та ім'я бази даних.

06 Встановіть демонстраційний сайт Drupal

Клацніть на Локальний сайт у верхній частині вікна, а потім виберіть «v8.9.1» на сторінці розповсюдження Drupal. Встановіть мову як англійську. На наступній сторінці виберіть Демо: Журнал їжі Umami. Це дасть нам корисне вступ до того, як працює Drupal 8.

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

07 Пройдіть екскурсію по місту Умами

Структурований як інтернет-журнал, демонстраційний сайт журналу Umami Food Magazine демонструє, що Drupal 8 може зробити нестандартно; інструменти, використані для побудови цього, також будуть ключовими інгредієнтами у створенні веб-сайту з фотографії.

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

08 Перевірте структуру сайту теми

Drupal 8 був значним кроком у порівнянні з попередніми версіями і представив нові функції, включаючи Медіатеку (корисну для фотографів) та Layout Builder.

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

09 Дослідіть типи вмісту, які використовує Drupal

Давайте зараз зробимо крок за завісу адміністратора. У верхній частині екрана знаходиться біла вкладка «Вміст», панель «Структура…». (Якщо ви не можете його побачити, натисніть Керувати поруч із піктограмою гамбургера у верхньому лівому куті.)

Клацніть «Вміст», і ви побачите, що на сайті Umami є три основні типи вмісту: «Стаття», «Основна сторінка» та «Рецепт». Клацніть на приклад кожного з них по черзі, щоб ознайомитися з різними елементами, які вони містять.

10 Читайте та дивіться онлайн-підручники

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

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

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

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

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

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