In deel 1 van deze serie hebben we laten zien hoe je vanaf het begin een fotografiewebsite kunt bouwen met behulp van het Drupal content management systeem (CMS).
Deze aanpak is een alternatief voor het inschakelen van de diensten van een speciaal websitebouwerplatform zoals SmugMug, Squarespace of Wix (zie deel 2 van deze serie), of het gebruik van het WordPress CMS (zie deel 3).
Drupal is een open-source CMS voor algemene doeleinden, met een grote gemeenschap van bijdragende ontwikkelaars. Het is populair bij overheden, non-profitorganisaties en onderwijsinstellingen.
Beveiliging is een van de USP's - van vitaal belang voor iedereen die zijn fotografiewebsite wil gebruiken om afbeeldingen of afdrukken te verkopen - en het relatieve gebrek aan penetratie in vergelijking met de alomtegenwoordige WordPress maakt Drupal minder kwetsbaar voor hackers, die zich meestal richten op grotere platforms.
Zodra de ‘Core’ -code van Drupal is geïnstalleerd, kan deze in hoge mate worden aangepast door de toevoeging van modules (functies die functionaliteit bieden) en thema's (hoe de site eruitziet).
De vorige keer hebben we laten zien hoe u de 'Umami'-demosite van Drupal in een lokale omgeving (op een computer) installeert.
Laten we nu beginnen met het bouwen van onze live site, voordat we deze ontwikkelen en testen voordat we deze uploaden naar een webhostingplatform (een proces dat bekend staat als ‘implementatie’).
Wat je nodig hebt om een fotowebsite in Drupal te bouwen
- Computer
- internet toegang
- Afbeeldingen klaar om te uploaden
- Ontwikkelingsapplicatie (bijvoorbeeld MAMP PRO of Laravel Homestead)
- Tijd: 1 week (build)
De drie fasen van het ontwikkelen van een Drupal-site
1. Begin met het instellen van uw domeinnaam
In tegenstelling tot wordpress.com biedt Drupal geen hostingoptie, dus u moet deze regelingen zelf treffen.
Voordat u begint, moet u ook een domeinnaam voor uw site verkrijgen - bezoek Domain.com, Bluehost of www.123-reg.co.uk, of zoek online naar een leverancier.
Voer uw gewenste sitenaam in en u krijgt een lijst met beschikbare extensies (.com, .co.uk, enz.) En registratiekosten.
2. Ontwikkel uw Drupal-site op uw eigen computer
Je zou Drupal op een webhostingsite kunnen installeren en daar kunnen bouwen, maar het ontwikkelen van je site op een lokale host (je eigen computer) maakt het veel gemakkelijker. U kunt de site in uw eigen tempo bouwen, eventuele problemen verhelpen en het uiterlijk en het gevoel gaandeweg verfijnen.
3. Implementeer de voltooide site bij uw hostingprovider
Als uw site klaar is, kunt u deze implementeren bij uw hostingprovider. Het overbrengen van de bestanden naar de hostsite en het configureren van alle instellingen kan tot een dag duren, maar dan is je fotowebsite klaar voor de grote onthulling.
Bouw in 10 stappen een Drupal fotowebsite
Met behulp van een applicatie genaamd Acquia Dev Desktop gaan we onze site lokaal ontwikkelen, voordat we testen en vervolgens implementeren op een website-hostingplatform …
01 Voer de configuratie-instellingen van de site in
Klik op de lokale sitelink en selecteer Standaard op het Drupal-installatiescherm. Voer de gevraagde gegevens in op de pagina Site configureren, inclusief een naam voor de website (we gebruiken ‘Drew Paul Photography’), een beheerdersaccountnaam en wachtwoord.
Klik op Opslaan en doorgaan en voilà - de voorpagina van uw site wordt weergegeven en u kunt aan de slag.
02 Voer een sitestatusrapport uit
Het eerste dat u moet doen, is klikken op Rapporten in de sitebeheerbalk bovenaan de pagina en vervolgens op Statusrapport. Ook al heb je v8.9.1 geïnstalleerd in Acquia Dev Desktop, er zal een recentere versie van de kern van Drupal beschikbaar zijn.
Zoek op drupal.org voor instructies om het bij te werken. Als u klaar bent, verwijdert u eventuele andere fouten en waarschuwingen in het statusrapport en zoekt u indien nodig online naar hulp.
03 Maak kennis met het standaardthema
Drupal gebruikt thema's om te bepalen hoe een site eruit komt te zien. Het standaardthema van onze site is Bartik; hoewel het er misschien rudimentair uitziet, is het aanpasbaar en reageert het ook - dit betekent dat het scherm zich zal aanpassen aan het apparaat dat een sitebezoeker gebruikt om te browsen.
Omdat surfen op het web tegenwoordig grotendeels plaatsvindt op mobiele platforms, is dit een essentiële functie. Om de Bartik-interface te verkennen, klikt u op Terug naar site.
04 Ontdek de beheermenu's van Drupal
Laten we nu teruggaan achter het gordijn van de administratie en rondkijken. (Het thema verandert in Seven voor gebruiksgemak.)
Klik op een van de tabbladen in de witte balk bovenaan het scherm. (Als u de balk niet kunt zien, klikt u op Beheren naast het ‘hamburger’ -pictogram in de linkerbovenhoek.)
Op alle pagina's die u hier opent, staan handige korte beschrijvingen, zodat u gemakkelijk kunt vinden wat u zoekt.
05 Bekijk het Inhoudspaneel
Klik nu op Inhoud om een lijst weer te geven met inhoud die op de site is gepost. (De lijstweergave is handig voor sites waarop meerdere gebruikers inhoud plaatsen; de weergave van items kan naar behoefte worden gefilterd.)
Om te zien welke soorten inhoud uit de doos bestaan, klikt u op Structuur in de bovenste balk en vervolgens op Inhoudstypen. Hier vindt u ze allemaal vermeld - basispagina, artikel en afbeelding - met korte beschrijvingen.
06 Breid functionaliteit uit met een nieuwe module
Voor onze fotografiewebsite gaan we onze afbeeldingen weergeven met behulp van een module genaamd Mediagalerij. Modules voegen extra functionaliteit toe aan Drupal-sites; ze moeten worden gedownload en geïnstalleerd.
Zoek Media Gallery hier - onderaan de pagina, in het groene vak met ‘8.x-1.0’ bovenaan, ga met de muis over ‘tar.gz’ en kopieer het linkadres.
07 Installeer de Media Gallery-module
Terug in het beheergedeelte van uw site, klikt u op Uitbreiden en vervolgens op de blauwe knop Nieuwe module installeren.
Plak in het eerste vak ‘Installeren vanaf een URL’ de link die u van de Drupal-pagina hebt gekopieerd en klik vervolgens op Installeren. De bestanden voor Media Gallery worden uitgepakt in uw Drupal-directory.
Klik nu op Inhoud en u zult zien dat er een tabblad Mediagalerij is toegevoegd aan de vier inhoudstabbladen bovenaan de pagina.
08 Wijzig het thema van de site in Showcase Lite
In de eerste van deze serie over Drupal hebben we Showcase Lite geïdentificeerd als een mogelijk thema voor een fotografiewebsite. Het heeft een strak, overzichtelijk ontwerp en reageert ook. Laten we het nu downloaden en installeren.
Ga naar de Showcase Lite-downloadpagina en kopieer de tar.gz-link. Terug op uw site, klikt u op Structuur en Nieuw thema installeren. Als u klaar bent, klikt u op Installeren en instellen als standaard.
09 Upload afbeeldingen en maak uw galerijen
Laten we nu wat galerijen toevoegen en beginnen met het vullen van de site met afbeeldingen. Selecteer het tabblad Mediagalerij in Inhoud en vervolgens Mediagalerij toevoegen. Voer alle vereiste informatie in (titel, beschrijving, enz.). Klik onder Galerijafbeeldingen op Afbeelding en vervolgens op Bestanden toevoegen.
Afbeeldingen worden in uploadvolgorde weergegeven, maar u kunt dit wijzigen door te klikken op Gewicht media-item weergeven. Herhaal dit proces voor het aantal galerijen dat u aan uw site wilt toevoegen.
10 Koppel de galerijen aan de navigatie van de site
Om bezoekers van de site de galerijen te laten vinden, klikt u op Structuur. Vervolgens, in de lijst eronder, Hoofdnavigatie en ten slotte Menu Bewerken. Voer een titel in voor de menulink en typ vervolgens ‘/ media_gallery / 1’ in het veld Link.
Doe hetzelfde voor de andere galerijen, vervang ‘/ 1’ door ‘/ 2’, ‘/ 3’, enzovoort. Voer een beschrijving voor de galerij in, klik op Opslaan onder aan de pagina en u kunt uw galerijen openen vanuit de navigatie.
Hiermee wordt tutorial 2 van 3 afgesloten - in deel 3 sluiten we de site af en verfijnen we de look en feel.
is 's werelds favoriete fotografiemagazine. Elk nummer staat vol met het laatste nieuws, recensies, tutorials, deskundig koopadvies, tips en inspirerende afbeeldingen. Bovendien wordt elk nummer geleverd met een selectie van bonusgeschenken die interessant zijn voor fotografen van alle niveaus.Bekijk Deal
Beste website-hostingsites voor fotografen: zet uw portfolio online
Beste gratis cloudopslagopties voor fotografen: platforms en apps
Beste online fotografiecursussen - van beginnersgidsen tot masterclasses
Beste websitebouwers voor fotografen
Beste wachtwoordmanagers
Beste studentenlaptop
Beste fotobewerkingssoftware
