До сих пор в этой серии статей мы рассматривали множество способов повысить популярность ваших изображений, представив их онлайн-аудитории. Как мы видели, это можно сделать несколькими способами, в том числе с помощью службы создания веб-сайтов. Создание веб-сайта с фотографиями на самом деле проще, чем вы думаете, поэтому узнайте, как это сделать, ниже.
Но для тех, кто доволен идеей заглянуть за кулисы и потратить время на возню с серверной частью веб-сайта, есть альтернатива: создать свой сайт с фотографиями с помощью системы управления контентом (CMS).
CMS - это то, что содержит содержимое веб-сайта и управляется базой данных. Здесь хранятся ваши изображения и соответствующая информация, сопровождающая их; CMS принимает запросы от удаленного компьютера и дает серверу команду отправить данные.
WordPress или Drupal - две популярные CMS; оба предлагают множество вариантов настройки, так что вы можете расширить область действия своего сайта в дальнейшем.
Хотя Drupal - см. Часть 4 этой серии руководств - является более сложной из двух систем, WordPress более широко используется и удовлетворит потребности большинства пользователей.
Как следует из названия, WordPress широко считается инструментом для блогеров. Но постоянные обновления расширили его функциональность, и он хорошо подходит для создания сайтов с фотографиями.
Сайт WordPress по умолчанию не делает ничего, кроме ведения блога; вы добавляете функциональность с помощью тем (как выглядит сайт) и плагинов (что они умеют).
Имея около 20 000 тем, подходящих для создания веб-сайтов с фотографиями, из 500 000 вы обязательно найдете что-то соответствующее своим потребностям, будь то отображение портфолио, продажа некоторых из ваших любимых изображений или маркетинг вашего фото-бизнеса.
Что вам понадобится для создания фото-сайта в WordPress
- Компьютер
- доступ в Интернет
- Изображения готовы к загрузке
- Приложение для разработки (например, MAMP PRO или Laravel Homestead)
- Срок: 1 день (сборка)
Некоторые ключевые концепции перед тем, как начать
1. Размещаете ли вы свой сайт самостоятельно или заставляете WordPress размещать его?
Есть два варианта размещения сайтов WordPress - размещенные вами или размещенные на WordPress.
Если вы предпочитаете самостоятельно организовывать хостинг, загрузите ядро WordPress с сайта wordpress.org. (Вам также понадобится доменное имя для вашего сайта - посетите Domain.com, Bluehost, www.123-reg.co.uk или найдите поставщика в Интернете.)
Если вы хотите, чтобы ваш сайт был размещен на WordPress, перейдите на wordpress.com.
2. Почему вам следует разрабатывать свой сайт локально
Разработка вашего сайта на вашем собственном компьютере (в локальной среде, используя жаргон) дает вам полный контроль над процессом. Вы можете создавать сайт в своем собственном темпе, оттачивая свои навыки решения проблем, устраняя любые возникающие препятствия.
3. Разверните свой сайт на хост-сайте.
Когда ваш сайт будет готов, вы можете развернуть его у своего хостинг-провайдера. Передача файлов на хост-сайт и настройка всех параметров может занять до одного дня, после чего ваш фото-сайт готов к большому открытию …
Создайте фото-сайт на WordPress за 10 шагов
Мы используем приложение под названием MAMP для разработки нашего сайта в локальной среде перед его полным тестированием перед последующим развертыванием на платформе хостинга веб-сайтов …
01 Разверните свой сайт и выберите тему
Во-первых, подумайте, как вы хотите организовать изображения на своем сайте WordPress. В отличие от социальных сетей или сайтов обмена фотографиями, у вас есть полный контроль над размещением изображений, поэтому начните с решения, какую тему вы хотите.
Перейдите на wordpress.org/themes, нажмите «Фильтр функций» и сделайте выбор в трех столбцах категорий: «Макет», «Возможности» и «Тема».
02 Выберите локальную серверную среду
Хотя вы можете создать блог на wordpress.com, мы собираемся разработать наш фото-сайт «локально» на нашем собственном компьютере. Таким образом, мы можем выбрать наш собственный адрес веб-сайта и усовершенствовать его без подключения к Интернету, прежде чем размещать его у провайдера веб-хостинга.
Мы используем MAMP для нашего локального сервера, который работает в macOS или Windows. (Пользователи Windows также могут использовать Laravel Homestead.)
03 Загрузите вашу среду
MAMP - бесплатное программное обеспечение, но MAMP Pro (который мы используем в этом примере) является платным (69 фунтов стерлингов / 79 долларов США). MAMP позволяет вам иметь все необходимые инструменты для создания веб-сайтов в одном месте: Apache (веб-сервер, обслуживающий страницы веб-сайта), MySQL (программное обеспечение баз данных) и PHP (язык сценариев).
MAMP прост в настройке и использовании, но если вы все же застряли, в Интернете можно найти множество полезных обучающих видео.
04 Настройте локальный хост
Первым этапом процесса является настройка вашего локального хоста. (Основное различие между двумя версиями MAMP заключается в том, что MAMP Pro позволяет одновременно настраивать несколько хостов - и, следовательно, несколько сайтов разработки.)
Нажмите кнопку «+» в нижней части панели хоста, чтобы создать новый хост. Введите информацию, которую вам будет предложено предоставить, включая имя вашего локального хоста. Мы используем «johnspriggsphoto» для John Spriggs Photography.
05 Скачайте и установите WordPress
Как уже упоминалось, MAMP - это комплексное решение, упрощающее задачу. Чтобы загрузить WordPress, нажмите «+» внизу «Extras» и выберите WordPress.
При появлении запроса укажите адрес электронной почты и заполните остальные обязательные поля. Вернитесь на вкладку «Общие», щелкните стрелку, и теперь у вас есть работающая локальная установка WordPress на вашем компьютере с использованием темы по умолчанию.
06 Теперь установите выбранную вами тему WordPress.
Чтобы начать персонализировать свой сайт, перейдите в Личный кабинет и войдите в систему, используя свое имя администратора и пароль. На шаге 1 мы определили понравившуюся тему и теперь можем ее установить.
Следуйте инструкциям на панели инструментов, затем добавьте любой из предложенных подключаемых модулей, которые будут актуальны для вашего сайта. Мы выбрали «Hitchcock» - бесплатную тему, которая предлагает мозаичные галереи и простую интеграцию с социальными сетями.
07 Измените изображение заголовка по умолчанию для вашего сайта
Начнем с самого начала, давайте персонализируем главную страницу. Нажмите «Настроить свой сайт», перейдите к «Изображение заголовка» и нажмите «Выбрать изображение», затем загрузите снимок, который, по вашему мнению, лучше всего отражает ваш сайт.
Вы не обязаны иметь только одно изображение: если вы предпочитаете использовать подборку выдающихся снимков, вы можете загрузить несколько файлов и переключаться между ними на
домашнюю страницу, выбрав «Случайный выбор загруженных заголовков».
08 Начните создавать свои галереи изображений
Мы собираемся разделить наши изображения на три галереи, которые можно сформировать из отдельных постов: «Улица», «Путешествия» и «Мода». Сайты WordPress состоят из «блоков», и блоки могут выступать в качестве контейнеров для галерей.
Перейдите в «Создать публикацию», назовите ее, выберите «Галерея» в типе блока и начните добавлять изображения. Когда вы это сделаете, перейдите на главную страницу и обновите ее, и изображения будут отображаться.
09 Выберите изображения заголовка галереи
Создав сообщение и галерею изображений под названием «Путешествия», пора выбрать изображение, которое будет отображаться на плитке главной страницы галереи.
Перейдите на правую боковую панель, нажмите «Дополнительно» и выберите изображение заголовка из одного из изображений, которые вы только что загрузили.
Теперь мы можем повторить наши недавние шаги, чтобы создать две другие галереи. После этого перейдите на домашнюю страницу, обновите и посмотрите, как все выглядит.
10 Добавьте меню и кнопки социальных сетей
Затем давайте настроим меню главной страницы. Нажмите на «Панель управления», перейдите в «Внешний вид / Меню» и создайте меню под названием «Главное меню». В разделе «Расположение тем» назначьте ему статус основного меню и начните добавлять к нему сообщения, страницы, галереи или ссылки.
Затем настройте кнопки социальных сетей на домашней странице, добавив новое меню, присвоив ему статус социального меню и добавив соответствующие URL-адреса. Наша базовая сборка готова - наслаждайтесь!
- самый популярный в мире журнал о фотографии. Каждый выпуск упакован последними новостями, обзорами, учебными материалами, советами экспертов по покупке, советами и вдохновляющими изображениями. Кроме того, в каждом выпуске есть набор бонусных подарков, которые интересны фотографам любого уровня подготовки.
Лучшие сайты-хостинг-сайты для фотографов: разместите свое портфолио онлайн
Лучшее облачное хранилище для фотографий: платформы и приложения
Лучшие онлайн-курсы фотографии - от гидов для начинающих до мастер-классов
Лучшие конструкторы сайтов для фотографов
Лучшие менеджеры паролей
Лучший студенческий ноутбук
Лучшее программное обеспечение для редактирования фотографий
