För den sista delen av den här serien kommer vi att gå igenom de sista stadierna av att bygga en fotograferingswebbplats från grunden med Drupal content management system (CMS).
Webbplatser som är byggda med CMS är mer sofistikerade än sådana som består av fasta eller ”statiska” sidor med text och är väsentliga för att visa bilder.
Som ett öppen källkod för allmänt ändamål CMS har Drupal en stor grupp av bidragande utvecklare och är populär bland regeringar, ideella företag och utbildningsinstitutioner.
Att bygga en webbplats i Drupal är mer involverad än att göra det i andra CMS som WordPress, så det kommer att tilltala datakunniga människor som gillar tanken att gå "bakom gardinen" på en webbplats.
Belöningen blir en skräddarsydd och säker webbplats byggd på en mycket anpassningsbar plattform där extra funktionalitet ges genom att installera moduler (extra funktioner) och teman (som bestämmer utseendet och känslan).
För att komma till den här punkten började vi bygga vår webbplats i en lokal miljö med hjälp av Acquia Dev Desktop lokal värd.
Börja med att ladda ner Acquia Dev Desktop och köra installationsprogrammet, starta sedan programvaran och välj Starta från scratch.
Använd den föreslagna standardinställningen för att hitta kodbaserade filer på ditt system, ange namnet på din webbplats och acceptera standardanvisningarna för versionen av PHP och databasnamnet. Välj v8.9.1 under Install A Drupal Distribution, ange all nödvändig information så kommer Drupal att installeras.
Installera sedan Media Gallery-modulen och Showcase Lite-temat. Börja sedan skapa dina gallerier …
Vad du behöver för att bygga en fotowebbplats i Drupal
- Dator
- internetåtkomst
- Bilder redo att laddas upp
- Utvecklingsapplikation (vi använder Acquia Dev Desktop)
- Tid: 1 vecka (bygga)
De tre stadierna för att utveckla en Drupal-webbplats
1. Börja med att ställa in ditt domännamn
Till skillnad från wordpress.com erbjuder Drupal inte ett värdalternativ, så du måste göra dessa arrangemang själv.
Innan du börjar måste du också skaffa ett domännamn för din webbplats - besök Domain.com, Bluehost eller www.123-reg.co.uk, eller sök online efter en leverantör.
Ange önskat webbplatsnamn så får du en lista över tillgängliga tillägg (.com, .co.uk, etc) och registreringsavgifter.
2. Utveckla din Drupal-webbplats på din egen dator
Du kan installera Drupal på en webbhotell och bygga den där, men att utveckla din webbplats på en lokal värd (din egen dator) gör det mycket enklare. Du kan bygga webbplatsen i din egen takt, fixa eventuella hakor som uppstår och förfina utseendet och känslan när du går vidare.
3. Distribuera den färdiga webbplatsen till din webbhotell
När din webbplats är klar kan du distribuera den till din webbhotell. Att överföra filerna till värdwebbplatsen och konfigurera alla inställningar kan ta upp till en dag, men då är din fotowebbplats redo för sin stora avslöjande.
Bygg en Drupal fotowebbplats i tio steg
Med hjälp av Acquia Dev Desktop-lokalmiljön fortsätter vi att utveckla vår
webbplats innan testning och efterföljande distribution till en webbplattform …
01 Skapa menylänkar för gallerierna
Efter att ha skapat några gallerier länkade vi dem till huvudnavigeringen så att besökare enkelt kan bläddra bland dem. I Admin-området klickade vi på Structure och sedan på Main Navigation och Edit Menu.
Vi skrev in en titel för menylänken och skrev sedan '/ media_gallery / 1' i länkfältet och upprepade detta steg för de andra gallerierna och ersatte '/ 1' med '/ 2', '/ 3' och så vidare.
02 Förbättra bildvisningarna
Våra gallerier skulle dra nytta av en "ljuslåda" för att visa bilderna. Om du väljer en bild öppnas ett popup-overlay, som vi kan klicka på för att se alla bilder som visas i galleriet.
Colorbox är ett populärt plugin-program för lightbox som har fungerat med flera versioner av Drupal, så det är väletablerat och underhålls aktivt.
Du hittar dess sida här - ta en titt på beskrivningen av plugin-programmet för att se vad den kan göra.
03 Ladda ner Colorbox-modulen
Du kommer att märka från beskrivningen att det finns två diskreta element i Colorbox - en modul och ett plugin-program - och plugin-programmet är en separat nedladdning.
Låt oss börja med modulen. Bläddra till botten av sidan och leta reda på Drupal 8-versionen (den är den översta av de två gröna rutorna), håll muspekaren över tar.gz-länken, högerklicka och välj Kopiera länkadress.
Tillbaka i webbplatsens administratörsområde klickar du på fliken Utöka, klickar på Installera ny modul, klistrar in webbadressen och klickar på Installera.
04 Ladda ner Colorbox-plugin-programmet
Gå tillbaka till nedladdningssidan för Colorbox; omedelbart under Beroenden, klicka på länken Colorbox Plugin 1.x. Detta sparar en komprimerad arkivfil till din dators nominerade plats för nedladdning.
Nu måste du skapa en katalog på ditt system för Colorbox-plugin-filer. Enligt instruktionerna på nedladdningssidan för Colorbox skapar du en katalog så att sökvägen till filerna blir (platsnamn) / bibliotek / colorbox / och packar sedan upp arkivet på den platsen.
05 Placera de okomprimerade plugin-filerna
Med arkivet okomprimerat bör du kunna se 14 filer i katalogen, inklusive den viktiga jquery.colorbox-min.js JavaScript-filen.
Om din mapp visar något annat, se till att du tittar på rätt plats - mappen (sitename) / modules / colorbox innehåller syntax som är mycket lik. (Den här mappen ska innehålla 22 filer, inklusive åtta undermappar - se infogning ovan.)
06 Aktivera Colorbox-modulen
Efter att ha redan installerat Colorbox-modulen måste vi nu aktivera den. (Denna process är inte automatisk.) Gå tillbaka till webbplatsens administratörsområde och klicka på fliken Utöka.
Bläddra ner två tredjedelar av sidan; under Media avsnittet, kryssa till vänster om Colorbox. Klicka på Installera längst ned på sidan.
Gå till Rapporter och kör en statusrapport: om Colorbox inte finns med i fel hittades är allt bra.
07 Kolla in effekten av vår nya ljuslåda
Låt oss nu se vilken skillnad det har att göra med en bildljuslåda. Klicka på Tillbaka till platsen i det övre vänstra hörnet på skärmen och ring upp ett av de gallerier som du lade till i huvudnavigeringen.
Klicka på en bild så öppnas den i ett popup-overlay. Ett par knappar i det nedre vänstra hörnet låter dig röra dig genom bilderna i galleriet, medan ett X längst ner till höger stänger popup-fönstret - allt fungerar bra.
08 Granska bildtextinformation
Ett annat inslag i Colorbox är dess förmåga att visa en bildtext för bilderna, som dyker upp från botten av bilden som visas när du håller musen över den.
För närvarande använder vi den alternativa texten (en kort beskrivning som används av skärmläsare eller när en bild inte laddas) som vi matar in för varje foto när vi laddar upp bildfilerna. För att ändra bildtexter, öppna bildfilen i menyn Innehåll / filer.
09 Lägg till några andra nyckelsidor på webbplatsen
När bildskärmen ser bättre ut nu kan vi börja bygga ut webbplatsen och lägga till några andra viktiga element. Låt oss först skapa en About-sida för att beskriva de fotografiska tjänster vi erbjuder.
Klicka på fliken Innehåll, klicka på Lägg till innehåll och välj Grundläggande sida. Ange önskad text plus en inbyggd bild beskuren till lämplig storlek. (Vi använde 200 x 200 pixlar.) Andra sidor att bygga inkluderar välkomstsidan.
10 Bedöm framsteg och lägg till andra element
Så nu har vi en fullt fungerande fotograferingswebbplats, organiserad i en serie gallerier som visar bilderna i ett popup-overlay med bildtextinformation.
Det är en bra start, men det här är bara början. Andra webbplatselement som du kan tänka dig att lägga till inkluderar vanliga blogginlägg för att öppna en konversation med besökare på din webbplats - och detta är en annan funktion som Drupal stöder direkt från lådan.
Sista steg: distribuera din lokala webbplats till nätet
Så du har slutfört din byggnad och har strukit ut några grova kanter genom att testa den fullständigt - nu är det dags att distribuera din webbplats till internet och avslöja den för en global publik. Så här är det gjort …
1. Hitta en webbhotellleverantör
När din webbplats är helt byggd och testad och eventuella buggar eller hakar utjämnas är den redo att släppas till en global publik.
Det första steget är att hitta en webbhotellleverantör. Se till att din webbhotell kan stödja PHP och MySQL, båda krävs av Drupal.
2. Ladda ner en FTP-klient till din dator
File Transfer Protocol (FTP) är det sätt på vilket du laddar upp filer från din lokala webbplats till din webbhotellleverantör. En av de mest populära FTP-klienterna är FileZilla, som fungerar på både Windows och macOS. Du hittar FileZilla här.
3. Ladda upp filerna med Kontrollpanelen
Din leverantör ger dig tillgång till en kontrollpanel, för allt-på-ett-plats-webbplatshantering - cPanel är ett populärt alternativ. Följ leverantörens instruktioner för distribution, men tänk på att filöverföring och inställningskonfiguration kan ta upp till en hel dag.
är världens favoritfototidning. Varje nummer är full av de senaste nyheterna, recensionerna, handledningarna, expertrådgivningen, tips och inspirerande bilder. Dessutom kommer varje nummer med ett urval av bonusgåvor av intresse för fotografer av alla förmågor
Bästa webbhotell för fotografer: få din portfölj online
Bästa gratis molnlagringsalternativ för fotografer: plattformar och appar
Bästa fotokurser online - från nybörjarguider till mästarkurser
Bästa webbplatsbyggare för fotografer
Bästa lösenordshanterare
Bästa studentbärbar dator
Bästa fotoredigeringsprogram