Как да създадем уебсайт за снимки в Drupal, част 1

Изграждането на уебсайт за фотография от нулата, използвайки система за управление на съдържанието (CMS), е следващата стъпка от включването на услугите на специална платформа за създаване на уеб сайтове като SmugMug, Squarespace или Wix.

Уебсайтовете, изградени върху CMS, са по-сложни от тези, състоящи се от „статични“ страници с текст, и са от съществено значение за показването на снимки.

Изображенията се съхраняват в база данни и се „обслужват“ на потребителите на сайта, както се изисква; хост CMS на уебсайта приема заявки от отдалечен компютър и инструктира сървъра да изпрати данните.

По-рано разгледахме разработването на уебсайт за снимки с помощта на WordPress CMS - идеален за познати на хората, които нямат нищо против идеята да попаднат под капака на уебсайтовете, въпреки че възможността за писане на компютърен код не е задължително условие.

Но за всеки, който иска да изведе нещата на следващото ниво, Drupal CMS е разумна стъпка. Въпреки че 37% от мрежата е изградена с помощта на WordPress (източник: wordpress.com), делът на Drupal е в ниските единични цифри.

Това прави сайтовете, изградени в Drupal, по-малко привлекателни за хакери, за които насочването към най-популярните платформи е по-полезно.

Добавете към това факта, че Drupal е известен със своята сигурност - жизненоважно за всеки, който иска да използва своя уебсайт за фотография за продажба на изображения или разпечатки.

Drupal е CMS с общо предназначение, което означава, че може да се персонализира много. След като Drupal ‘Core’ бъде инсталиран, добавянето на модули (функции, които предлагат функционалност) и теми (как изглежда сайтът) доставят тази персонализация.

Ако оприличавате 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, можете да инсталирате тема, за да й придадете професионален вид и усещане - вместо да се налага да правите всички тежки повдигания сами.

Играйте - разгледайте наличните теми на уеб сайта на 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

Щракнете върху Local Site в горната част на прозореца, след което изберете ‘v8.9.1’ на страницата за разпространение на Drupal. Задайте езика като английски. На следващата страница изберете Demo: Umami Food Magazine. Това ще ни даде полезно въведение за това как работи Drupal 8.

Въведете исканите подробности на страницата за конфигуриране на сайта, включително администраторски идентификатор и парола. Щракнете върху Запазване и продължаване и страницата за посрещане на Umami се отваря.

07 Направете обиколката на сайта на Umami

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

Полезно е, че можете да се възползвате от вградено ръководство, за да се запознаете с тях. В горния десен ъгъл на началната страница щракнете върху Обиколка до символа с въпросителен знак.

08 Вижте структурата на сайта на темата

Drupal 8 беше доста крачка от предишните версии и представи нови функции, включително Media Library (полезна за фотографи) и Layout Builder.

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

09 Разгледайте типовете съдържание, които Drupal използва

Нека направим крачка зад завесата на администратора сега. В горната част на екрана има бяла лента с раздели „Съдържание“, лента „Структура …“. (Ако не можете да го видите, щракнете върху Управление до иконата на хамбургер в горния ляв ъгъл.)

Щракнете върху Съдържание и ще видите, че на сайта Umami има три основни типа съдържание: статия, основна страница и рецепта. Кликнете върху пример за всеки от тях, за да се запознаете с различните елементи, които те съдържат.

10 Прочетете и гледайте онлайн уроците

Някои от функционалностите на Umami надхвърлят това, от което се нуждаем за изграждане на уебсайт за фотография, но все още е полезна демонстрация на потенциала на Drupal да бъде персонализиран; добавянето на допълнителна функционалност като блогове и електронна търговия ще бъде доста лесно.

За по-задълбочено потапяне в Drupal прочетете Drupal User Guide. Това е изчерпателен ресурс, който предлага и видео уроци.

Това завършва урок 1 от 3 - в част 2 започваме изграждането на сайта и добавяме галериите с изображения.

е любимото списание за фотография в света. Всеки брой е пълен с най-новите новини, рецензии, уроци, експертни съвети за покупка, съвети и вдъхновяващи изображения. Освен това, всеки брой се предлага с избор от бонус подаръци, представляващи интерес за фотографи от всякакви способности

Най-добрите уеб сайтове за хостинг на фотографи: вземете своето портфолио онлайн
Най-доброто хранилище в облак за снимки: платформи и приложения
Най-добрите онлайн курсове по фотография - от начинаещи ръководства до майсторски класове
Най-добрите конструктори на уебсайтове за фотографи
Най-добрите мениджъри на пароли
Най-добър студентски лаптоп
Най-добрият софтуер за редактиране на снимки

Интересни статии...