В первой части этой серии мы показали, как начать создавать веб-сайт с фотографиями с нуля, используя систему управления контентом Drupal (CMS).
Этот подход является альтернативой привлечению услуг специальной платформы для создания веб-сайтов, такой как SmugMug, Squarespace или Wix (см. Часть 2 этой серии), или использованию WordPress CMS (см. Часть 3).
Drupal - это CMS общего назначения с открытым исходным кодом и большим сообществом разработчиков. Он популярен среди правительств, некоммерческих фирм и образовательных учреждений.
Безопасность является одним из его USP, жизненно важным для всех, кто хочет использовать свой веб-сайт с фотографиями для продажи изображений или распечаток, а его относительное отсутствие проникновения по сравнению с вездесущим WordPress делает Drupal менее уязвимым для хакеров, которые склонны нацеливаться на более крупные платформы.
После установки "Core" кода Drupal его можно настраивать путем добавления модулей (функций, которые предлагают функциональные возможности) и тем (как выглядит сайт).
В прошлый раз мы показали, как установить демонстрационный сайт 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 Введите параметры конфигурации сайта
Щелкните ссылку локального сайта и выберите Standard на экране установки Drupal. Введите запрашиваемые данные на странице «Настройка сайта», включая имя веб-сайта (мы используем «Drew Paul Photography»), имя учетной записи администратора и пароль.
Нажмите «Сохранить и продолжить», и готово - отображается главная страница вашего сайта, и все готово.
02 Запустить отчет о статусе сайта
Первое, что нужно сделать, это нажать «Отчеты» на панели администрирования сайта вверху страницы, а затем нажать «Отчет о состоянии». Даже если вы установили v8.9.1 в Acquia Dev Desktop, будет доступна более новая версия ядра Drupal.
Поищите на drupal.org инструкции по его обновлению. После этого удалите все другие ошибки и предупреждения в отчете о состоянии, при необходимости поискав помощь в Интернете.
03 Ознакомьтесь с темой по умолчанию
Drupal использует темы, чтобы определить, как будет выглядеть сайт. По умолчанию тема нашего сайта - Бартик; Хотя он может показаться рудиментарным, его можно настраивать и одновременно реагировать - это означает, что дисплей будет адаптироваться к любому устройству, которое посетитель сайта использует для просмотра.
Поскольку в наши дни просмотр веб-страниц в основном осуществляется на мобильных платформах, это важная функция. Чтобы изучить интерфейс Bartik, нажмите «Вернуться на сайт».
04 Изучите меню администрирования Drupal
А теперь вернемся за занавеску администрации и осмотримся. (Тема изменится на «Семь» для простоты использования.)
Щелкните любую вкладку на белой полосе в верхней части экрана. (Если вы не видите панель, нажмите «Управление» рядом со значком «гамбургер» в левом верхнем углу.)
На любой из страниц, к которым вы попадете, есть полезные краткие описания, чтобы вы могли легко найти то, что ищете.
05 Взгляните на панель содержимого
Теперь нажмите «Контент», чтобы открыть список контента, размещенного на сайте. (Отображение списка полезно для сайтов, на которых несколько пользователей публикуют контент; отображение элементов может быть отфильтровано в соответствии с потребностями.)
Чтобы увидеть, какие типы контента существуют в стандартной комплектации, нажмите «Структура» на верхней панели, а затем «Типы контента». Здесь вы найдете их все в списке - базовую страницу, статью и изображение - с краткими описаниями.
06 Расширьте функциональность с новым модулем
На нашем веб-сайте фотографии мы собираемся отображать наши изображения с помощью модуля под названием Media Gallery. Модули добавляют дополнительную функциональность сайтам Drupal; они должны быть загружены и установлены.
Найдите здесь медиа-галерею - внизу страницы в зеленом поле с «8.x-1.0» вверху наведите указатель мыши на «tar.gz» и скопируйте адрес ссылки.
07 Установите модуль Media Gallery
Вернувшись в область администрирования вашего сайта, нажмите «Расширить», а затем синюю кнопку «Установить новый модуль».
В первом поле «Установить с URL-адреса» вставьте ссылку, которую вы скопировали со страницы Drupal, затем нажмите «Установить». Файлы для Media Gallery будут извлечены в ваш каталог Drupal.
Теперь нажмите Content, и вы увидите, что вкладка Media Gallery была добавлена к четырем вкладкам контента в верхней части страницы.
08 Измените тему сайта на Showcase Lite
В первой части этой серии, посвященной Drupal, мы определили Showcase Lite как потенциальную тему для веб-сайта, посвященного фотографии. У него чистый, лаконичный дизайн, а также отзывчивый. Давайте скачаем и установим его сейчас.
Перейдите на страницу загрузки Showcase Lite и скопируйте ссылку tar.gz. Вернувшись на свой сайт, нажмите «Структура» и «Установить новую тему». После этого нажмите «Установить и установить по умолчанию».
09 Загрузите изображения и создайте свои галереи
Теперь давайте добавим несколько галерей и начнем заполнять сайт изображениями. Выберите вкладку «Медиа-галерея» в «Контент», затем «Добавить медиа-галерею». Введите всю необходимую информацию (название, описание и т. Д.). В разделе «Изображения галереи» нажмите «Изображение», затем «Добавить файлы».
Изображения будут отображаться в порядке загрузки, но вы можете изменить это, щелкнув «Показать веса элементов мультимедиа». Повторите этот процесс для количества галерей, которые вы хотите добавить на свой сайт.
10 Свяжите галереи с навигацией по сайту
Чтобы посетители сайта могли найти галереи, нажмите «Структура». Затем, в списке внизу, Main Navigation и, наконец, Edit Menu. Введите заголовок для ссылки меню, затем введите «/ media_gallery / 1» в поле «Ссылка».
Сделайте то же самое для других галерей, заменив «/ 1» на «/ 2», «/ 3» и т. Д. Введите описание галереи, нажмите «Сохранить» внизу страницы, и вы сможете получить доступ к своим галереям с помощью навигации.
На этом мы завершаем учебник 2 из 3 - в части 3 мы завершаем создание сайта и улучшаем его внешний вид.
- самый популярный в мире журнал о фотографии. Каждый выпуск упакован последними новостями, обзорами, учебными материалами, советами экспертов по покупке, советами и вдохновляющими изображениями. Кроме того, в каждом выпуске есть набор бонусных подарков, которые интересны фотографам любого уровня подготовки.
Лучшие сайты-хостинг-сайты для фотографов: разместите свое портфолио онлайн
Лучшие варианты бесплатного облачного хранилища для фотографов: платформы и приложения
Лучшие онлайн-курсы фотографии - от гидов для начинающих до мастер-классов
Лучшие конструкторы сайтов для фотографов
Лучшие менеджеры паролей
Лучший студенческий ноутбук
Лучшее программное обеспечение для редактирования фотографий
