Создание веб-сайта с фотографиями с нуля с использованием системы управления контентом (CMS) - это следующий шаг после привлечения услуг специальной платформы для создания веб-сайтов, такой как SmugMug, Squarespace или Wix.
Веб-сайты, построенные на CMS, более сложны, чем сайты, состоящие из «статических» страниц текста, и необходимы для отображения фотографий.
Изображения хранятся в базе данных и «предоставляются» пользователям сайта по мере необходимости; CMS хоста веб-сайта принимает запросы от удаленного компьютера и дает серверу команду отправить данные.
Ранее мы рассматривали разработку веб-сайта с фотографиями с использованием WordPress CMS - идеального для тех, кто знаком с технологиями, которые не возражают против идеи залезть под капот веб-сайтов, хотя возможность писать компьютерный код не является обязательным условием.
Но для всех, кто хочет перейти на новый уровень, Drupal CMS - разумный шаг. Хотя 37% Интернета построено с использованием WordPress (источник: wordpress.com), доля Drupal выражается однозначными числами.
Это делает сайты, созданные на Drupal, менее привлекательными для хакеров, для которых более целесообразно ориентироваться на самые популярные платформы.
Добавьте к этому тот факт, что Drupal славится своей безопасностью, что жизненно важно для всех, кто хочет использовать свой веб-сайт с фотографиями для продажи изображений или распечаток.
Drupal - это CMS общего назначения, а это значит, что ее легко настраивать. После установки «Ядра» 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 - это сложная CMS, на которую вы можете потратить много времени, но это не оставит много места для фотографии. После того, как у вас есть базовый контент, загруженный в CMS, вы можете установить тему, чтобы придать ей профессиональный вид, вместо того, чтобы выполнять всю тяжелую работу самостоятельно.
Поиграйте - взгляните на доступные темы на сайте 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. Установите английский язык. На следующей странице выберите Demo: Umami Food Magazine. Это даст нам полезное введение в то, как работает Drupal 8.
Введите запрашиваемые данные на странице «Настройка сайта», включая идентификатор администратора и пароль. Нажмите «Сохранить и продолжить», откроется страница приветствия Умами.
07 Совершите экскурсию по сайту Умами
Демонстрационный сайт Umami Food Magazine, структурированный как онлайн-журнал, демонстрирует, что Drupal 8 может делать из коробки; инструменты, используемые для создания этого, также будут ключевыми ингредиентами при разработке веб-сайта фотографии.
К счастью, вы можете воспользоваться встроенным пошаговым руководством, чтобы ознакомиться с ними. В правом верхнем углу домашней страницы нажмите «Обзор» рядом с символом вопросительного знака.
08 Ознакомьтесь со структурой сайта темы
Drupal 8 был значительным шагом вперед по сравнению с предыдущими версиями и представил новые функции, включая Media Library (полезную для фотографов) и Layout Builder.
Они встроены в кодовую базу, а не устанавливаются. Еще одна удобная функция - это возможность навести указатель мыши на блоки содержимого при входе в систему как администратор, а затем просто щелкнуть по ним, чтобы получить доступ к их настройкам конфигурации - очень элегантно.
09 Изучите типы контента, которые использует Drupal
Давайте сделаем шаг за занавеску администратора. Вверху экрана находится белая панель с вкладками «Содержание», «Структура…». (Если вы его не видите, нажмите «Управление» рядом со значком гамбургера в левом верхнем углу.)
Нажмите «Контент», и вы увидите, что на сайте Umami есть три основных типа контента: статья, базовая страница и рецепт. Щелкните по одному из примеров каждого из них, чтобы ознакомиться с различными элементами, которые они содержат.
10 Прочтите и просмотрите онлайн-уроки
Некоторые функции Umami выходят за рамки того, что нам нужно для создания веб-сайта с фотографиями, но это все еще полезная демонстрация потенциала Drupal для настройки; добавить дополнительные функции, такие как блоги и электронная коммерция, будет довольно просто.
Чтобы глубже погрузиться в Drupal, прочтите Руководство пользователя Drupal. Это исчерпывающий ресурс, который также предлагает видеоуроки.
На этом мы завершаем урок 1 из 3 - во второй части мы начинаем сборку сайта и добавляем галереи изображений.
- самый популярный в мире журнал о фотографии. Каждый выпуск упакован последними новостями, обзорами, учебными материалами, советами экспертов по покупке, советами и вдохновляющими изображениями. Кроме того, в каждом выпуске есть набор бонусных подарков, которые интересны фотографам любого уровня подготовки.
Лучшие сайты-хостинг-сайты для фотографов: разместите свое портфолио онлайн
Лучшее облачное хранилище для фотографий: платформы и приложения
Лучшие онлайн-курсы фотографии - от гидов для начинающих до мастер-классов
Лучшие конструкторы сайтов для фотографов
Лучшие менеджеры паролей
Лучший студенческий ноутбук
Лучшее программное обеспечение для редактирования фотографий