For den siste delen av denne serien vil vi lede deg gjennom de siste stadiene av å bygge et fotograferingsnettsted fra grunnen av ved hjelp av Drupal content management system (CMS).
Nettsteder bygget med CMS er mer sofistikerte enn de som består av faste eller ‘statiske’ tekstsider, og er avgjørende for å vise bilder.
Som et åpen kildekode-generell CMS, har Drupal et stort fellesskap av medvirkende utviklere, og er populær blant regjeringer, ideelle organisasjoner og utdanningsinstitusjoner.
Å bygge et nettsted i Drupal er mer involvert enn å gjøre det i andre CMS-er som WordPress, så det vil appellere til datakompetente mennesker som liker ideen om å gå ‘bak gardinen’ til et nettsted.
Belønningen vil være et skreddersydd og sikkert nettsted som er bygget på en svært tilpassbar plattform der ekstra funksjonalitet gis via installering av moduler (ekstra funksjoner) og temaer (som bestemmer utseendet og følelsen).
For å komme til dette punktet startet vi byggingen av nettstedet vårt i et lokalt miljø ved å bruke Acquia Dev Desktop lokale vert.
Start med å laste ned Acquia Dev Desktop og kjøre installasjonsprogrammet. Start deretter programvaren og velg Start fra bunnen av.
Bruk den foreslåtte standardverdien for å finne kodebasefilene på systemet ditt, skriv inn navnet på nettstedet ditt og godta standardmeldingene for versjonen av PHP og databasenavnet. Velg v8.9.1 under Install A Drupal Distribution, skriv inn nødvendig informasjon og Drupal vil bli installert.
Deretter installerer du Media Gallery-modulen og Showcase Lite-temaet. Så begynn å lage galleriene dine …
Hva du trenger for å bygge et bildeside i Drupal
- Datamaskin
- Internettilgang
- Bilder klar for opplasting
- Utviklingsapplikasjon (vi bruker Acquia Dev Desktop)
- Tid: 1 uke (bygg)
De tre trinnene i utviklingen av et Drupal-nettsted
1. Start med å sette opp domenenavnet ditt
I motsetning til wordpress.com tilbyr Drupal ikke et hostingalternativ, så du må gjøre disse ordningene selv.
Før du begynner, må du også skaffe deg et domenenavn for nettstedet ditt - besøk Domain.com, Bluehost eller www.123-reg.co.uk, eller søk online etter en leverandør.
Skriv inn ønsket nettstednavn, så får du en liste over tilgjengelige utvidelser (.com, .co.uk osv.) Og registreringsgebyrer.
2. Utvikle Drupal-nettstedet ditt på din egen datamaskin
Du kan installere Drupal på et webhotell og bygge det der, men å utvikle nettstedet ditt på en lokal vert (din egen datamaskin) gjør ting mye enklere. Du kan bygge nettstedet i ditt eget tempo, fikse eventuelle problemer som oppstår, og avgrense utseendet og følelsen mens du går videre.
3. Distribuer det ferdige nettstedet til vertsleverandøren din
Når nettstedet ditt er klart, kan du distribuere det til vertsleverandøren din. Å overføre filene til vertssiden og konfigurere alle innstillingene kan ta opptil en dag, men da er bildesiden din klar for sin store avsløring.
Bygg et Drupal foto-nettsted i ti trinn
Ved å bruke Acquia Dev Desktop-lokalmiljøet fortsetter vi å utvikle vårt
nettsted før testing og påfølgende distribusjon til en plattform for hosting av nettsteder …
01 Opprett menykoblinger for galleriene
Etter å ha opprettet noen gallerier, koblet vi dem til hovednavigasjonen slik at besøkende på nettet enkelt kan bla gjennom dem. I Admin-området klikket vi på Structure og deretter på Main Navigation and Edit Menu.
Vi skrev inn en tittel på menylinken, og skrev deretter ‘/ media_gallery / 1’ i Link-feltet, og gjentok dette trinnet for de andre galleriene, og erstattet ‘/ 1’ med ‘/ 2’, ‘/ 3’ og så videre.
02 Forbedring av bildevisninger
Galleriene våre vil ha nytte av en 'lysboks' for å vise bildene. Hvis du velger et bilde, åpnes et popup-overlegg, som vi kan klikke gjennom for å se alle bildene som vises i galleriet.
Colorbox er en populær plug-in for lightbox som har fungert med flere versjoner av Drupal, så den er veletablert og vedlikeholdes aktivt.
Du finner siden her - ta en titt på beskrivelsen av plugin-modulen for å se hva den kan gjøre.
03 Last ned Colorbox-modulen
Du vil merke fra beskrivelsen at det er to diskrete elementer i Colorbox - en modul og en plugin - og plugin-modulen er en separat nedlasting.
La oss starte med modulen. Bla til bunnen av siden og finn Drupal 8-versjonen (den er den øverste av de to grønne boksene), hold musen over tar.gz-lenken, høyreklikk og velg Kopier lenkeadresse.
Tilbake i nettstedets administratorområde, klikk på fanen Utvid, klikk på Installer ny modul, lim inn URL-en og klikk på Installer.
04 Last ned Colorbox-plugin-modulen
Gå tilbake til nedlastingssiden for Colorbox; umiddelbart under Avhengigheter, klikk koblingen Colorbox Plugin 1.x. Dette lagrer en komprimert arkivfil på datamaskinens nominerte sted for nedlasting.
Nå må du opprette en katalog på systemet for Colorbox-plugin-filer. I henhold til instruksjonene på nedlastingssiden for Colorbox, oppretter du en katalog slik at banen til filene blir (nettstedsnavn) / biblioteker / colorbox /, og pakker deretter ut arkivet på det stedet.
05 Plasser de ukomprimerte plugin-filene
Med arkivet ukomprimert, bør du kunne se 14 filer i katalogen, inkludert den viktige jquery.colorbox-min.js JavaScript-filen.
Hvis mappen din viser noe annet, må du sørge for at du ser på rett sted - mappen (sitename) / modules / colorbox inneholder syntaksen som er veldig lik. (Denne mappen skal inneholde 22 filer, inkludert åtte undermapper - se innfelt ovenfor.)
06 Aktiver Colorbox-modulen
Etter å ha allerede installert Colorbox-modulen, må vi nå aktivere den. (Denne prosessen er ikke automatisk.) Gå tilbake til administratorområdet for nettstedet ditt og klikk på fanen Utvid.
Rull ned to tredjedeler av siden; under Media-delen, merker du av til venstre for Colorbox. Klikk på Installer nederst på siden.
Gå til Rapporter og kjør en statusrapport: Hvis Colorbox ikke er oppført i Feil funnet, er alt bra.
07 Sjekk ut effekten av den nye lysboksen vår
La oss nå se hvilken forskjell det har å ha en bildelysboks. Klikk på Tilbake til område øverst til venstre på skjermen, og hent et av galleriene du la til i hovednavigasjonen.
Klikk på et bilde, så åpnes det i et popup-overlegg. Et par knapper i nederste venstre hjørne lar deg bevege deg gjennom bildene i galleriet, mens en X nederst til høyre lukker popup-vinduet - alt fungerer bra.
08 Gjennomgå bildetekstinformasjonen
En annen funksjon i Colorbox er dens evne til å vise en billedtekst for bildene, som dukker opp fra bunnen av bildet som vises når du holder musen over det.
For tiden bruker vi den alternative teksten (en kort beskrivelse som brukes av skjermlesere eller når et bilde ikke lastes inn) som vi legger inn for hvert bilde mens vi laster opp bildefilene. For å endre bildetekst, åpne bildefilen i Innhold / filer-menyen.
09 Legg til noen andre nøkkel sider på nettstedet
Når bildevisningen ser bedre ut nå, kan vi begynne å bygge ut nettstedet og legge til noen andre nøkkelelementer. Først og fremst, la oss lage en About-side for å skissere fotografitjenestene vi tilbyr.
Klikk på Innhold-fanen, klikk Legg til innhold og velg Grunnleggende side. Skriv inn ønsket tekst pluss et innebygd bilde beskåret til passende størrelse. (Vi brukte 200 x 200 piksler.) Andre sider å bygge inkluderer velkomstsiden.
10 Vurder fremgang og legg til andre elementer
Så nå har vi et fullt fungerende fotograferingsnettsted, organisert i en serie gallerier som viser bildene i et popup-overlegg med bildetekstinformasjon.
Det er en god start, men dette er bare begynnelsen. Andre sideelementer du kan tenke deg å legge til inkluderer vanlige blogginnlegg, for å åpne en samtale med besøkende på nettstedet ditt - og dette er en annen funksjon som Drupal støtter rett ut av boksen.
Avsluttende trinn: distribuer ditt lokale nettsted til nettet
Så du har fullført byggingen din og har strøket ut noen grove kanter ved å teste den fullstendig - nå er det på tide å distribuere nettstedet ditt på internett og avsløre det for et globalt publikum. Slik gjør du det …
1. Finn en leverandør av hostingtjenester
Når nettstedet ditt er fullstendig bygget og testet, og eventuelle feil eller ulemper er glattet ut, er det klart til å bli gitt ut til et globalt publikum.
Det første trinnet er å finne en hostingleverandør. Sørg for at vertsleverandøren din kan støtte PHP og MySQL, begge kreves av Drupal.
2. Last ned en FTP-klient til datamaskinen
File Transfer Protocol (FTP) er måten du laster opp filene til det lokale nettstedet til din webhotellleverandør. En av de mest populære FTP-klientene er FileZilla, som fungerer på både Windows og macOS. Du finner FileZilla her.
3. Last opp filene ved hjelp av Kontrollpanel
Din leverandør vil gi deg tilgang til et kontrollpanel for alt-i-ett-sted-stedadministrasjon - cPanel er et populært alternativ. Følg leverandørens instruksjoner for distribusjon, men vær oppmerksom på at filoverføring og innstillingskonfigurasjon kan ta opptil en hel dag.
er verdens favorittfotomagasin. Hvert nummer er fullpakket med de siste nyhetene, anmeldelsene, veiledningene, ekspertrådgivningen, tips og inspirerende bilder. I tillegg kommer hvert nummer med et utvalg av bonusgaver som er interessante for fotografer av alle evner. Se tilbud
Beste nettsteder for fotografer: få porteføljen din online
Beste gratis skylagringsalternativer for fotografer: plattformer og apper
Beste online fotograferingskurs - fra nybegynnerguider til mesterklasser
Beste nettstedbyggere for fotografer
Beste passordbehandlere
Beste laptop for studenter
Beste bilderedigeringsprogramvare
