Sådan bygger du et fotowebsted i Drupal, del 3

I den sidste del af denne serie vil vi lede dig gennem de sidste faser af opbygningen af ​​et fotograferingswebsted fra bunden ved hjælp af Drupal content management system (CMS).

Websteder, der er bygget ved hjælp af et CMS, er mere sofistikerede end dem, der består af faste eller 'statiske' tekstsider, og er vigtige for at vise billeder.

Som et open source-almindeligt CMS kan Drupal prale af et stort samfund af medvirkende udviklere og er populær blandt regeringer, nonprofit-virksomheder og uddannelsesinstitutioner.

Opbygning af et websted i Drupal er mere involveret end at gøre det i andre CMS'er som WordPress, så det vil appellere til computerlæsede mennesker, der kan lide ideen om at gå 'bag gardinet' på et websted.

Belønningen vil være et skræddersyet og sikkert websted bygget på en meget tilpasselig platform, hvor ekstra funktionalitet tildeles via installation af moduler (ekstra funktioner) og temaer (som bestemmer udseendet og følelsen).

For at komme til dette punkt startede vi vores webstedsopbygning i et lokalt miljø ved hjælp af den lokale vært for Acquia Dev Desktop.

Start med at downloade Acquia Dev Desktop og køre installationsprogrammet, start derefter softwaren, og vælg Start fra bunden.

Brug den foreslåede standard til at finde codebase-filerne på dit system, indtast navnet på dit websted, og accepter standardprompterne til versionen af ​​PHP og databasenavnet. Vælg v8.9.1 under Installer en Drupal-distribution, indtast alle nødvendige oplysninger, og Drupal vil blive installeret.

Installer derefter Media Gallery-modulet og Showcase Lite-temaet. Start derefter med at oprette dine gallerier …

Hvad du skal bruge for at oprette et fotowebsted i Drupal

  • Computer
  • Internetadgang
  • Billeder klar til upload
  • Udviklingsapplikation (vi bruger Acquia Dev Desktop)
  • Tid: 1 uge (build)

De tre faser i udviklingen af ​​et Drupal-sted

1. Start med at indstille dit domænenavn

I modsætning til wordpress.com tilbyder Drupal ikke en hostingmulighed, så du bliver nødt til at lave disse arrangementer selv.

Før du starter, skal du også erhverve et domænenavn til dit websted - besøg Domain.com, Bluehost eller www.123-reg.co.uk eller søg online efter en leverandør.

Indtast dit ønskede webstedsnavn, så får du en liste over tilgængelige udvidelser (.com, .co.uk osv.) Og registreringsgebyrer.

2. Udvikl dit Drupal-sted på din egen computer

Du kan installere Drupal på et webhosting-sted og bygge det der, men at udvikle dit websted på en lokal vært (din egen computer) gør tingene meget lettere. Du kan opbygge webstedet i dit eget tempo ved at rette op på eventuelle problemer, der opstår, og forfine udseendet og følelsen, når du går videre.

3. Distribuer det færdige sted til din hostingudbyder

Når dit websted er klar, kan du distribuere det til din hostingudbyder. Overførsel af filerne til værtssiden og konfiguration af alle indstillinger kan tage op til en dag, men så er dit fotoside klar til sin store afsløring.

Byg et Drupal foto-websted i 10 trin

Ved hjælp af Acquia Dev Desktop-lokalmiljøet fortsætter vi med at udvikle vores
site inden test og efterfølgende implementering på en webstedshostingsplatform …

01 Opret menulinks til gallerierne

Efter at have oprettet nogle gallerier, linkede vi dem til hovednavigationen, så besøgende på websitet let kan gennemse dem. I administratorområdet klikkede vi på Structure og derefter på Main Navigation og Edit Menu.

Vi indtastede en titel til menulinket og skrev derefter '/ media_gallery / 1' i Link-feltet og gentog dette trin for de andre gallerier og erstattede '/ 1' med '/ 2', '/ 3' osv.

02 Forbedring af billedvisningerne

Vores gallerier vil drage fordel af en 'lightbox' til at vise billederne. Hvis du vælger et billede, åbnes et pop op-overlay, som vi kan klikke igennem for at se alle de billeder, der vises i galleriet.

Colorbox er et populært lightbox-plug-in, der har fungeret med flere versioner af Drupal, så det er veletableret og vedligeholdes aktivt.

Du kan finde dens side her - kig ind i beskrivelsen af ​​plugin'et for at se, hvad det kan gøre.

03 Download Colorbox-modulet

Du vil bemærke fra beskrivelsen, at der er to diskrete elementer i Colorbox - et modul og et plug-in - og plug-in'et er en separat download.

Lad os starte med modulet. Rul ned til bunden af ​​siden, og find Drupal 8-versionen (den er den øverste af de to grønne felter), hold musen over tar.gz-linket, højreklik og vælg Kopier linkadresse.

Tilbage i webstedets administratorområde skal du klikke på fanen Udvid, klikke på Installer nyt modul, indsætte URL'en og klikke på Installer.

04 Download Colorbox-pluginnet

Vend tilbage til Colorbox-download-siden; straks under Afhængigheder skal du klikke på linket Colorbox Plugin 1.x. Dette gemmer en komprimeret arkivfil til din computers nominelle placering til downloads.

Nu skal du oprette en mappe på dit system til Colorbox-plugin-filerne. I henhold til instruktionerne på Colorbox-download-siden skal du oprette en mappe, så stien til filerne bliver (webstedsnavn) / biblioteker / colorbox /, og derefter pakke arkivet ud på det sted.

05 Placer de ukomprimerede plug-in-filer

Med arkivet ukomprimeret, skal du kunne se 14 filer i biblioteket, inklusive den vigtige jquery.colorbox-min.js JavaScript-fil.

Hvis din mappe viser noget andet, skal du sørge for at kigge på det rigtige sted - mappen (sitename) / modules / colorbox indeholder syntaks, der er meget ens. (Denne mappe skal indeholde 22 filer, inklusive otte undermapper - se indsats ovenfor).

06 Aktivér Colorbox-modulet

Efter at have allerede installeret Colorbox-modulet skal vi nu aktivere det. (Denne proces er ikke automatisk.) Gå tilbage til dit websteds administrationsområde og klik på fanen Udvid.

Rul ned to tredjedele af siden; under Media-sektionen, sæt et kryds til venstre for Colorbox. Klik på Installer nederst på siden.

Gå til Rapporter og kør en statusrapport: Hvis Colorbox ikke er angivet i Fejl fundet, er alt i orden.

07 Tjek effekten af ​​vores nye lysboks

Lad os nu se, hvilken forskel det har at have en billedlyskasse. Klik på Tilbage til websted i øverste venstre hjørne af skærmen, og hent et af de gallerier, du har tilføjet til hovednavigationen.

Klik på et billede, så åbnes det i et pop op-overlay. Et par knapper i nederste venstre hjørne giver dig mulighed for at bevæge dig gennem billederne i galleriet, mens et X nederst til højre lukker pop op-vinduet - alt fungerer fint.

08 Gennemse billedtekstoplysningerne

Et andet træk ved Colorbox er dets evne til at vise en billedtekst til billederne, der dukker op fra bunden af ​​det billede, der vises, når du holder musen over det.

På nuværende tidspunkt bruger den den alternative tekst (en kort beskrivelse, der bruges af skærmlæsere, eller når et billede ikke indlæses), som vi indtaster for hvert foto, mens vi uploader billedfilerne. For at ændre billedtekster skal du åbne billedfilen i menuen Indhold / filer.

09 Tilføj nogle andre nøglesider til webstedet

Når billedvisningen ser bedre ud nu, kan vi begynde at opbygge webstedet og tilføje nogle andre nøgleelementer. Lad os først oprette en About-side for at skitsere de fotografiske tjenester, vi tilbyder.

Klik på fanen Indhold, klik på Tilføj indhold, og vælg Grundlæggende side. Indtast den ønskede tekst plus et indbygget billede beskåret til en passende størrelse. (Vi brugte 200 x 200 pixels.) Andre sider, der blev bygget, inkluderer velkomstsiden.

10 Vurder fremskridt og tilføj andre elementer

Så nu har vi et fuldt fungerende fotograferingswebsted, organiseret i en række gallerier, der viser billederne i et pop op-overlay med billedtekstinformation.

Det er en god start, men det er kun begyndelsen. Andre sideelementer, du kan tænke på at tilføje, inkluderer regelmæssige blogindlæg, for at åbne en samtale med besøgende på dit websted - og dette er en anden funktion, som Drupal understøtter lige uden for boksen.

Sidste trin: implementer dit lokale websted på nettet

Så du har gennemført din build og har strøget nogle ru kanter ved at teste den fuldt ud - nu er det tid til at implementere dit websted på Internettet og afsløre det for et globalt publikum. Sådan gør du det …

1. Find en udbyder af hostingtjenester

Når dit websted er fuldt bygget og testet, og eventuelle bugs eller snags er udjævnet, er det klar til at blive frigivet til et globalt publikum.

Det første trin er at finde en hostingudbyder. Sørg for, at din hostingudbyder kan understøtte PHP og MySQL, begge krævet af Drupal.

2. Download en FTP-klient til din computer

File Transfer Protocol (FTP) er det middel, hvormed du uploader dine lokale websteds filer til din webhostingudbyder. En af de mest populære FTP-klienter er FileZilla, som fungerer på både Windows og macOS. Du kan finde FileZilla her.

3. Upload filerne ved hjælp af Kontrolpanel

Din udbyder giver dig adgang til et kontrolpanel til alt-i-et-sted-webstedsadministration - cPanel er en populær mulighed. Følg din udbyders instruktioner til implementering, men vær opmærksom på, at filoverførsel og konfiguration af indstillinger kan tage op til en hel dag.

er verdens foretrukne fotomagasin. Hvert nummer er fyldt med de seneste nyheder, anmeldelser, tutorials, ekspertrådgivning, tip og inspirerende billeder. Plus, hvert nummer leveres med et udvalg af bonusgaver, der er interessante for fotografer af alle evner. Se tilbud

Bedste webstedshostingsider til fotografer: få din portefølje online
Bedste gratis cloud storage-muligheder for fotografer: platforme og apps
Bedste online fotograferingskurser - fra nybegynderguider til mesterklasser
Bedste webstedsbyggere til fotografer
Bedste adgangskodeadministratorer
Bedste studerende bærbar computer
Bedste fotoredigeringssoftware

Interessante artikler...