Kako zgraditi spletno mesto s fotografijami v Drupalu, 3. del

V zadnjem delu te serije vas bomo s pomočjo sistema za upravljanje vsebin Drupal (CMS) vodili skozi zadnje faze gradnje spletnega mesta za fotografiranje iz nič.

Spletna mesta, zgrajena s pomočjo sistema za upravljanje vsebin, so bolj dovršena kot spletna mesta, sestavljena iz fiksnih ali "statičnih" strani besedila, in so bistvena za prikaz slik.

Kot odprtokodni CMS za splošno uporabo se Drupal ponaša z veliko skupnostjo razvijalcev in je priljubljen med vladami, neprofitnimi podjetji in izobraževalnimi ustanovami.

Izdelava spletnega mesta v Drupalu je bolj vpletena kot v drugih sistemih upravljanja vsebin, kot je WordPress, zato bo všeč računalniško pismenim ljudem, ki jim je všeč ideja, da gredo "za zaveso" spletnega mesta.

Nagrada bo prilagojeno in varno spletno mesto, zgrajeno na zelo prilagodljivi platformi, kjer je dodana funkcionalnost dana z namestitvijo modulov (dodatne funkcije) in tem (ki določajo videz in občutek).

Da bi prišli do te točke, smo začeli graditi spletno mesto v lokalnem okolju z uporabo lokalnega gostitelja Acquia Dev Desktop.

Začnite tako, da prenesete Acquia Dev Desktop in zaženete namestitveni program, nato zaženite programsko opremo in izberite Start From Scratch.

Uporabite predlagano privzeto za iskanje datotek kodne baze v vašem sistemu, vnesite ime svojega spletnega mesta in sprejmite privzete pozive za različico PHP in ime baze podatkov. V razdelku Namesti distribucijo Drupala izberite v8.9.1, vnesite vse zahtevane podatke in Drupal bo nameščen.

Nato namestite modul Media Gallery in temo Showcase Lite. Nato začnite ustvarjati svoje galerije …

Kaj boste potrebovali za izdelavo spletnega mesta s fotografijami v Drupalu

  • Računalnik
  • dostop do interneta
  • Slike pripravljene za nalaganje
  • Razvojna aplikacija (uporabljamo Acquia Dev Desktop)
  • Čas: 1 teden (gradnja)

Tri faze razvoja spletnega mesta Drupal

1. Najprej nastavite svoje ime domene

Za razliko od wordpress.com Drupal ne ponuja možnosti gostovanja, zato boste morali za te dogovore poskrbeti sami.

Preden začnete, morate za svoje spletno mesto pridobiti tudi ime domene - obiščite Domain.com, Bluehost ali www.123-reg.co.uk ali poiščite dobavitelja v spletu.

Vnesite želeno ime spletnega mesta in dobili boste seznam razpoložljivih razširitev (.com, .co.uk itd.) In pristojbin za registracijo.

2. Razvijte svojo spletno stran Drupal v svojem računalniku

Drupal lahko namestite na spletno mesto za gostovanje in ga tam zgradite, toda razvoj spletnega mesta na lokalnem gostitelju (vašem računalniku) stvari olajša. Spletno mesto lahko ustvarite v svojem ritmu, popravite morebitne zastoje in izboljšate videz ter občutek, ko grete.

3. Končno spletno mesto namestite svojemu ponudniku gostovanja

Ko je vaše spletno mesto pripravljeno, ga lahko namestite svojemu ponudniku gostovanja. Prenos datotek na gostiteljsko mesto in konfiguriranje vseh nastavitev lahko traja en dan, potem pa je vaše spletno mesto s fotografijami pripravljeno na veliko razkritje.

Zgradite spletno mesto za fotografije Drupal v 10 korakih

Z uporabo lokalnega okolja Acquia Dev Desktop nadaljujemo z razvojem našega
spletno mesto pred testiranjem in poznejšo uvedbo na platformo za gostovanje spletnih strani …

01 Ustvari povezave do menijev za galerije

Potem ko smo ustvarili nekaj galerij, smo jih povezali z glavno navigacijo, tako da jih lahko obiskovalci spletnega mesta enostavno brskajo. V področju Skrbnik smo kliknili Struktura, nato Glavni meni za krmarjenje in urejanje.

Vnesli smo naslov za povezavo do menija, nato v polje Povezava vtipkali ‘/ media_gallery / 1’ in ta korak ponovili za ostale galerije, zamenjali ‘/ 1’ z ‘/ 2’, ‘/ 3’ itd.

02 Izboljšanje prikaza slike

Naše galerije bi imele korist od "svetlobne škatle" za prikaz fotografij. Z izbiro slike bi se odprlo pojavno okno, ki ga lahko kliknemo, da si ogledamo vse slike, prikazane v galeriji.

Colorbox je priljubljen vtičnik lightbox, ki je delal z več različicami Drupala, zato je dobro uveljavljen in se aktivno vzdržuje.

Njegovo stran najdete tukaj - pokukajte v opis vtičnika, da vidite, kaj lahko naredi.

03 Prenesite modul Colorbox

Iz opisa boste opazili, da sta v Colorboxu dva ločena elementa - modul in vtičnik - vtičnik pa je ločen prenos.

Začnimo z modulom. Pomaknite se na dno strani in poiščite različico Drupal 8 (to je zgornje eno od dveh zelenih okenc), z miško kliknite povezavo tar.gz, z desno miškino tipko kliknite in izberite Copy Link Address.

Nazaj v skrbniško območje spletnega mesta kliknite zavihek Razširi, kliknite Namesti nov modul, prilepite URL in kliknite Namesti.

04 Prenesite vtičnik Colorbox

Vrnite se na stran za prenos Colorbox; takoj pod Odvisnosti kliknite povezavo Colorbox Plugin 1.x. Tako boste stisnjeno arhivsko datoteko shranili na mesto, kjer je računalnik imenovan za prenos.

Zdaj morate v sistemu ustvariti imenik za datoteke vtičnikov Colorbox. V skladu z navodili na strani za prenos Colorbox ustvarite imenik, tako da pot do datotek postane (ime spletnega mesta) / knjižnice / colorbox /, nato razpakirajte arhiv na tem mestu.

05 Postavite nestisnjene vtične datoteke

Z nestisnjenim arhivom bi morali v imeniku videti 14 datotek, vključno z vsemi pomembnimi datotekami JavaScript jquery.colorbox-min.js.

Če je v vaši mapi kaj drugega, se prepričajte, da iščete na pravem mestu - mapa (sitename) / modules / colorbox vsebuje sintakso, ki je zelo podobna. (Ta mapa bi morala vsebovati 22 datotek, vključno z osmimi podmapami - glejte prilogo zgoraj.)

06 Omogočite modul Colorbox

Ko smo že namestili modul Colorbox, ga moramo zdaj omogočiti. (Ta postopek ni samodejen.) Vrnite se v skrbniško območje spletnega mesta in kliknite jeziček Razširi.

Pomaknite se navzdol za dve tretjini strani; pod razdelkom Mediji postavite kljukico na levi strani Colorbox. Na dnu strani kliknite Namesti.

Pojdite na Poročila in zaženite poročilo o stanju: če Colorbox ni na seznamu najdenih napak, je vse v redu.

07 Oglejte si učinek našega novega lightboxa

Zdaj pa poglejmo, kakšno razliko je naredil slikovni lightbox. V zgornjem levem kotu zaslona kliknite Nazaj na spletno mesto in prikličite eno od galerij, ki ste jih dodali v glavno navigacijo.

Kliknite sliko in odprla se bo v pojavnem prekrivnem oknu. Par gumbov v spodnjem levem kotu omogoča premikanje po slikah v galeriji, medtem ko X v spodnjem desnem kotu zapira pojavno okno - vse deluje v redu.

08 Preglejte informacije o napisih slike

Druga značilnost Colorboxa je zmožnost prikaza napisov za slike, ki se prikažejo z dna slike, ki si jo ogledujete, ko z miško pokažete nanjo.

Trenutno uporabljamo nadomestno besedilo (kratek opis, ki ga uporabljajo bralniki zaslona ali kadar se slika ne naloži), ki ga vnesemo za vsako fotografijo med nalaganjem slikovnih datotek. Če želite spremeniti napise, odprite slikovno datoteko v meniju Vsebina / Datoteke.

09 Spletnemu mestu dodajte še nekaj ključnih strani

Zdaj, ko je prikaz slike videti boljši, lahko začnemo graditi spletno mesto in dodajati nekatere druge ključne elemente. Najprej ustvarimo stran z informacijami o orisu fotografskih storitev, ki jih ponujamo.

Kliknite zavihek Vsebina, kliknite Dodaj vsebino in izberite Osnovna stran. Vnesite želeno besedilo in vstavljeno sliko, obrezano na ustrezno velikost. (Uporabili smo 200 x 200 slikovnih pik.) Druge strani za izdelavo vključujejo pozdravno stran.

10 Ocenite napredek in dodajte druge elemente

Zdaj imamo popolnoma delujoče spletno mesto za fotografije, organizirano v vrsto galerij, ki prikazujejo slike v pojavnem prekrivnem sloju z informacijami o napisih.

To je dober začetek, a to je šele začetek. Drugi elementi spletnega mesta, o katerih bi lahko razmišljali, vključujejo redne objave v spletnem dnevniku, da odprete pogovor z obiskovalci vašega spletnega mesta - in to je še ena funkcija, ki jo Drupal podpira že takoj.

Zadnji koraki: razmestite lokalno spletno mesto v omrežje

Torej ste končali gradnjo in zlikali nekaj grobih robov, tako da ste jo v celoti preizkusili - zdaj je čas, da svojo spletno stran postavite na internet in jo razkrijete globalni publiki. Evo, kako se to naredi …

1. Poiščite ponudnika storitev gostovanja

Ko je vaše spletno mesto v celoti izdelano in preizkušeno ter odpravljene vse napake ali težave, je pripravljeno na objavo po vsem svetu.

Prvi korak je poiskati ponudnika gostovanja. Prepričajte se, da vaš ponudnik gostovanja podpira PHP in MySQL, kar zahteva Drupal.

2. Prenesite odjemalca FTP v računalnik

Protokol za prenos datotek (FTP) je način, s katerim naložite datoteke lokalnega spletnega mesta ponudniku spletnega gostovanja. Eden izmed najbolj priljubljenih odjemalcev FTP je FileZilla, ki deluje tako v sistemu Windows kot v sistemu macOS. FileZilla najdete tukaj.

3. Datoteke naložite z nadzorno ploščo

Vaš ponudnik vam bo omogočil dostop do nadzorne plošče za upravljanje spletnega mesta "vse na enem mestu" - priljubljena možnost je cPanel. Upoštevajte navodila ponudnika za uvajanje, vendar se zavedajte, da lahko prenos datotek in konfiguracija nastavitev trajata cel dan.

je najljubša svetovna fotografska revija. Vsaka številka je opremljena z najnovejšimi novicami, pregledi, vadnicami, strokovnimi nasveti za nakup, nasveti in navdihujočimi slikami. Poleg tega ima vsaka številka nabor dodatnih daril, ki zanimajo fotografe vseh zmožnosti. Oglejte si ponudbo

Najboljša spletna mesta za gostovanje fotografov: predstavite svoj portfelj na spletu
Najboljše brezplačne možnosti shranjevanja v oblaku za fotografe: platforme in aplikacije
Najboljši spletni tečaji fotografije - od vodnikov za začetnike do mojstrskih tečajev
Najboljši graditelji spletnih strani za fotografe
Najboljši skrbniki gesel
Najboljši študentski prenosnik
Najboljša programska oprema za urejanje fotografij

Zanimive Članki...