Како направити веб страницу са фотографијама у Друпалу, 3. део

За последњи део ове серије, водићемо вас кроз завршне фазе изградње веб локације за фотографије од нуле користећи Друпал систем за управљање садржајем (ЦМС).

Веб странице израђене помоћу ЦМС-а софистицираније су од оних које се састоје од фиксних или „статичних“ страница текста и кључне су за приказивање слика.

Као ЦМС за општу намену отвореног кода, Друпал се може похвалити великом заједницом програмера и популаран је међу владама, непрофитним фирмама и образовним институцијама.

Изградња веб странице у Друпалу више је укључена него у другим ЦМС-овима попут ВордПресс-а, па ће се свидети рачунарски писменим људима који воле идеју да изађу „иза завесе“ веб странице.

Награда ће бити наручена и безбедна веб локација изграђена на високо прилагодљивој платформи где се додатна функционалност даје инсталирањем модула (додатне функције) и тема (које одређују изглед и осећај).

Да бисмо дошли до ове тачке, започели смо изградњу наше странице у локалном окружењу, користећи локални домаћин Ацкуиа Дев Десктоп.

Започните преузимањем програма Ацкуиа Дев Десктоп и покретањем програма за инсталирање, затим покрените софтвер и изаберите Старт Фром Сцратцх.

Користите предложену подразумевану вредност за лоцирање датотека базе података на вашем систему, унесите име своје веб локације и прихватите подразумеване упите за верзију ПХП-а и име базе података. Изаберите в8.9.1 под Инсталирај дистрибуцију Друпала, унесите све потребне информације и Друпал ће бити инсталиран.

Затим инсталирајте модул Медиа Галлери и тему Сховцасе Лите. Затим почните да креирате своје галерије …

Шта ће вам требати за изградњу веб странице са фотографијама у Друпалу

  • рачунар
  • Приступ интернету
  • Слике спремне за отпремање
  • Развојна апликација (користимо Ацкуиа Дев Десктоп)
  • Време: 1 недеља (изградња)

Три фазе развоја Друпал странице

1. Почните са подешавањем имена домена

За разлику од вордпресс.цом, Друпал не нуди могућност хостинга, па ћете морати сами да направите ове аранжмане.

Пре него што започнете, мораћете да набавите и име домена за своју веб локацију - посетите Домаин.цом, Блуехост или ввв.123-рег.цо.ук или потражите добављача на мрежи.

Унесите жељено име локације и добићете листу доступних додатака (.цом, .цо.ук итд.) И накнада за регистрацију.

2. Развијте своју Друпал страницу на свом рачунару

Друпал можете да инсталирате на веб локацију за хостинг и тамо га направите, али развој веб локације на локалном хосту (вашем рачунару) олакшава ствари. Можете да направите веб локацију својим темпом, поправљајући евентуалне потешкоће и побољшавајући изглед и осећај током кретања.

3. Поставите готову веб локацију код свог добављача услуга хостинга

Када је ваша веб локација спремна, можете је применити код свог добављача услуга хостинга. Пренос датотека на главну локацију и конфигурисање свих поставки може потрајати један дан, али тада је ваша веб локација са фотографијама спремна за велико откриће.

Изградите Друпал веб страницу са фотографијама у 10 корака

Користећи локално окружење Ацкуиа Дев Десктоп, настављамо да развијамо своје
сајт пре тестирања и накнадног постављања на платформу за хостинг веб локација …

01 Креирајте линкове до менија за галерије

Након стварања неких галерија, повезали смо их са главном навигацијом како би их посетиоци странице могли лако прегледати. У области Администратор кликнули смо на Структура, а затим на Главни мени за навигацију и уређивање.

Унели смо наслов за везу у мени, а затим смо у поље „Линк“ откуцали „/ медиа_галлери / 1“, понављајући овај корак за остале галерије, замењујући „/ 1“ са „/ 2“, „/ 3“ итд.

02 Побољшање приказа слике

Наше галерије би имале користи од „лигхтбок-а“ за приказ фотографија. Одабиром слике отвориће се искачући слој преко којег можемо кликнути да бисмо видели све слике приказане у галерији.

Цолорбок је популаран додатак за лигхтбок који је радио са неколико верзија Друпала, тако да је добро успостављен и активно се одржава.

Његову страницу можете пронаћи овде - завирите у опис додатка да бисте видели шта он може учинити.

03 Преузмите модул Цолорбок

Из описа ћете приметити да у Цолорбок-у постоје два дискретна елемента - модул и додатак - а додатак је посебно преузимање.

Почнимо са модулом. Померите се на дно странице и пронађите верзију Друпал 8 (то је горња од два зелена поља), поставите показивач миша преко везе тар.гз, кликните десним тастером миша и изаберите Цопи Линк Аддресс.

Назад у администраторску област веб странице, кликните на картицу Прошири, кликните Инсталирај нови модул, налепите УРЛ и кликните Инсталирај.

04 Преузмите додатак Цолорбок

Вратите се на страницу за преузимање Цолорбок-а; одмах испод Зависности кликните везу Цолорбок Плугин 1.к. Тако ћете компресовану архивску датотеку сачувати на номинованој локацији рачунара за преузимање.

Сада морате на свом систему креирати директоријум за датотеке додатака Цолорбок. У складу са упутствима на страници за преузимање Цолорбок-а, креирајте директоријум тако да путања до датотека постане (име сајта) / либрариес / цолорбок /, а затим распакујте архиву на том месту.

05 Поставите некомпресоване датотеке додатака

Са некомпримованом архивом, у директоријуму бисте могли да видите 14 датотека, укључујући и најважнију ЈаваСцрипт датотеку јкуери.цолорбок-мин.јс.

Ако се у вашој фасцикли приказује нешто другачије, уверите се да тражите на правом месту - директоријум (ситенаме) / модулес / цолорбок садржи синтаксу која је врло слична. (Ова мапа треба да садржи 22 датотеке, укључујући осам подмапа - погледајте уложак, горе.)

06 Омогућите модул Цолорбок

Након што смо већ инсталирали модул Цолорбок, сада га морамо омогућити. (Овај поступак није аутоматски.) Вратите се у администраторску област своје веб локације и кликните картицу Прошири.

Померите се две трећине странице надоле; испод одељка Медији поставите квачицу лево од Цолорбок-а. Одмах на дну странице кликните Инсталирај.

Идите на Извештаји и покрените извештај о статусу: ако Цолорбок није наведен у Пронађене грешке, онда је све у реду.

07 Погледајте ефекат нашег новог лигхтбок-а

Сада да видимо какву је разлику направило тобоже са сликама. Кликните Назад на локацију у горњем левом углу екрана и позовите једну од галерија које сте додали у главну навигацију.

Кликните на слику и она ће се отворити у искачућем слоју. Пар тастера у доњем левом углу омогућавају вам кретање кроз слике у галерији, док Кс у доњем десном углу затвара искачући прозор - све ради у реду.

08 Прегледајте информације о насловима слике

Још једна карактеристика Цолорбок-а је способност приказивања описа за слике, који искаче са дна слике која се гледа када пређете мишем преко ње.

Тренутно користи алтернативни текст (кратак опис који користе читачи екрана или када се слика не учита) који уносимо за сваку фотографију приликом отпремања датотека са сликама. Да бисте променили титлове, отворите датотеку слике у менију Садржај / Датотеке.

09 Додајте неке друге кључне странице на веб локацију

Како приказ слике сада изгледа боље, можемо почети да градимо веб локацију и додајемо неке друге кључне елементе. Прво, направимо страницу „Основни подаци“ да бисмо истакли фотографске услуге које нудимо.

Кликните картицу Садржај, кликните Додај садржај и одаберите Основна страница. Унесите жељени текст и уметнуту слику обрезану у одговарајућу величину. (Користили смо 200 к 200 пиксела.) Остале странице за израду укључују страницу добродошлице.

10 Процените напредак и додајте друге елементе

Дакле, сада имамо потпуно функционалну веб страницу за фотографије, организовану у низ галерија које приказују слике у искачућем слоју са информацијама о натписима.

Добар је почетак, али ово је само почетак. Остали елементи веб локације о којима бисте могли размишљати укључују редовне објаве на блогу, како би се отворио разговор са посетиоцима ваше странице - а ово је још једна функција коју Друпал одмах подржава.

Последњи кораци: разместите локалну веб локацију на мрежи

Дакле, завршили сте израду и испеглали неке грубе ивице потпуним тестирањем - сада је време да своју веб локацију поставите на Интернет и откријете је глобалној публици. Ево како се то ради …

1. Пронађите добављача хостинг услуга

Једном када се ваша веб локација у потпуности изгради и тестира, а све грешке или грешке буду изглађене, спремна је за објављивање глобалној публици.

Први корак је проналажење добављача услуга хостинга. Уверите се да ваш добављач услуга хостинга може да подржава ПХП и МиСКЛ, што Друпал захтева.

2. Преузмите ФТП клијент на свој рачунар

Протокол за пренос датотека (ФТП) је начин на који преносите датотеке своје локалне веб локације свом добављачу веб хостинга. Један од најпопуларнијих ФТП клијената је ФилеЗилла, који ради и на Виндовсима и на МацОС-има. ФилеЗилла можете пронаћи овде.

3. Отпремите датотеке помоћу контролне табле

Ваш провајдер ће вам омогућити приступ контролној табли за управљање локацијама све на једном месту - цПанел је популарна опција. Следите упутства вашег добављача за примену, али имајте на уму да пренос датотека и конфигурација подешавања могу да потрају цео дан.

је омиљени светски часопис за фотографије. Свако издање је препуно најновијих вести, критика, упутстава, стручних савета за куповину, савета и инспиративних слика. Уз то, свако издање долази са избором бонус поклона од интереса за фотографе свих способности.Погледајте понуду

Најбоље веб локације за хостинг за фотографе: наручите свој портфолио на мрежи
Најбоље бесплатне опције складиштења у облаку за фотографе: платформе и апликације
Најбољи курсеви фотографије на мрежи - од водича за почетнике до мајсторских течајева
Најбољи креатори веб страница за фотографе
Најбољи менаџери лозинки
Најбољи студентски лаптоп
Најбољи софтвер за уређивање фотографија

Занимљиви Чланци...