Portfolio site

Veel fotograven ervaren het opzetten van een portfolio of bedrijfs website als ingewikkeld. In deze tutorial nemen we stap voor stap het hele proces door van domein registratie tot het opzetten van je nieuwe website in WordPress binnen 30 minuten zonder enige kennis.

WordPress is van origine een open source weblog CMS (content management systeem) welke afzonderlijk werkt van hoe het design eruit ziet. In WordPress heten dit “themes”. Als je in Google op “WordPress Themes” zou zoeken vind je genoeg gratis themes die je kunt gebruiken. Uiteraard zullen deze niet allemaal geschikt zijn om als portfolio site te dienen, en er zijn ook aanbieders van betaalde themes welke vaak een betere functionaliteit hebben. Later komen we daar nog op terug.

Fotografie of Photography?

Als internet ondernemer en zoekmachine expert verbaas ik me als eerste over een veelgemaakte fout bij het registreren van domeinnamen. Eigen namen, domeinnamen met photography enz. Als fotograaf wil je in zoekmachines gevonden worden en daar je potentiele klanten vandaan halen toch? Enkele voorbeelden in Google zijn: “Portretfotograaf” of “Studio fotograaf“. Duidelijk is dat de keuze van de domeinnaam van belang is. Dus ook hoe je jezelf wilt positioneren als bedrijf of fotograaf. Maar waar komen je klanten vandaan? Met 99% zekerheid uit Nederland toch, tenzei je internationaal werkt? Ga uit van je eigen zoekgedrag in zoekmachines en je zal tot de conclusie komen als je een product of dienst zoekt binnen Nederland je op een domeinnaam zou klikken welke in het Nederlands is, en niet die “Photography” site met een .nl domeinnaam. Zonder hier nog dieper op in te willen gaan kan je altijd zelf je onderzoek doen naar klikgedrag van zoekmachine gebruikers om je keuze qua domeinnaam te bepalen.

Het registreren van een domeinnaam

In deze tutorial ga ik uit van het onderbrengen van een domeinnaam incl. hosting bij een webhost met “Direct Admin Panel”. Zonder enig belang hierin te hebben adviseer ik 123-webhost. Voor €7 euro per jaar registreer je een domein en het start pakket van €15 is meer dan voldoende om aan de slag te gaan. Na het registeren van een domeinnaam duurt het enkele uren voordat deze actief is. Je kunt dit controleren door de domeinnaam in te typen in je browser. Als er een melding staat deze domeinnaam is geregisteerd door… Dan kan je aan de slag.

WordPress installeren via direct admin

In de gegevens die je ontvangen hebt staat een link als deze: http://www.domeinnaam.nl:2222 Met je inlog gegevens kun je nu inloggen op het direct admin panel. Zodra je bent ingelogd scroll je helemaal naar beneden naar de “Advanced Features” en klik daar op “Installatron script installer”

Je komt dan uit in de “Applicatie verkenner” waar je aan de linker kant een aantal scripts ziet staan die je kunt installeren. Klik op “WordPress” om deze te gaan installeren.

In het volgende scherm kies je “Installeer deze aplicatie”

De de volgende schermen zijn er een aantal keuze opties. Kies als eerste waar je Wordpress geinstaleerd wilt hebben. In de root van het domein of in een directorie (map). In dit voorbeeld gaan we uit van de root. Dus op het domein zelf zodat wordpress straks te zien is op www.jedomein.nl Wat je daar voor moet doen is als eerste kiezen uit de pulldown voor het domein met WWW en daarna het woord “WordPress” weg halen daar waar “pad”staat.

Doorloop hierna alle stappen door elke keer op “Volgende” te klikken, “de lincentie overeenkomst te accepteren”, “beheer automatisch de database instellingen”, en bij de stap instellingen kun je een “gebruikersnaam” en “wachtwoord” invullen welke je straks gaat gebruiken om in te loggen in je “WordPress Dashboard” Klik hierna nogmaals op “Volgende”, en daarna  ”Toevoegen”. De laatste stap is het opslaan van alle database gegevens in een word document of kladblok (als je dat zou willen), waarna je onderaan op de knop “Compleet klikt”.

Gefeliciteerd je WordPress blog is klaar om te gaan gebruiken, maar heeft nog niet de theme die je zou willen zoals je nu kunt zien op je domein zelf, en het dashboard is nog in het engels. Inloggen op je dashboard doe je door wp-admin.php te typen achter je domeinnaam.nl/ dus je krijgt dan dit: domeinnaam.nl/wp-admin.php en klikt dan op enter.

Nederlands Dashboard en Themes

Als eerste gaan we nu zorgen dat we het “WordPress Dashboard”om gaan zetten naar het Nederlands. Download hiervoor eerst de “Browser” Firefox. Zodra je Firefox hebt kun je hieraan addons toevoegen. FireFTP is een FTP addon die we gaan gebruiken voor het uploaden van bestanden naar je server. Download FireFTP Vanaf nu is deze zichtbaar in Firefox door op extra te klikken en dan FireFTP.

Open FireFTP om je ftp gegevens in te gaan stellen, en vul bij ftp het zo in als hieronder weergegeven is en klik dan op “OK”.

Maak op je bureaublad een nieuwe map “WordPress” aan en download de Nederlandse Vertaling door deze op te slaan (niet openen) in de aangemaakte map “WordPress”.

Zoals je al gelezen had op de bovenstaande pagina moeten we een map “languages” aanmaken binnen de map de map wp-content op de server. Dit doen we als volgt:

Ga naar http://www.domeinnaam.nl:2222 en log in op het direct admin panel. Klik bovenaan op “Files”.

Daarna “Public HTML”

Daarna “wp-content”

Maak nu in de map “wp-content” een map laguages aan.

Je ziet nu direct dat deze aangemaakt is en in de lijst met mappen binnen de map “wp-content” staat.

Nu gaan we de taal file via FireFTP uploaden naar deze map. Open hiervoor Firefox en daarna FireFTP. Kies je aangemaakte FTP account en login op de server. In FireFTP zie je links alle bestanden die op je PC staan, en rechts datgene wat op de server staat. Tussen deze twee staan 2 groene pijlen die er voor zorgen dat je iets kunt uploaden of downloaden van of naar je PC en server en omgekeerd. Zoek nu als eerste het bestand van de vertaling op aan de linker kant. Dus op je PC.

Nu gaan we aan de rechter kant (dus op de server) zoeken naar de map “Languages”. Dubbel klik op “Public HTML”, daarna op “wp-content” en dan de map “languages”. Je ziet dat deze nog leeg is. Klik op de vertaling nl_Nl.mo en upload deze door te klikken op de pijl die naar rechts wijst. Zodra de upload klaar is zie je dat deze verschijnt in je rechter FireFTP venster.

Het enige wat we nu nog moeten doen is ervoor zorgen dat deze vertaling gebruikt gaat worden door “WordPress”. Dit doen we door de wp-config aan te gaan passen. We doen dit door wederom in te loggen op het direct admin panel zoals de stap die we al eerder gedaan hebben, door in te loggen op  http://www.domeinnaam.nl:2222, daarna weer “Files” dan “Public HTML” en we scrollen naar beneden tot we de file “wp-config.php” zien staan.

Klik op “Edit” om de file te gaan bewerken. Scroll helemaal naar beneden tot je deze regel ziet staan: define (‘WPLANG’, ”); en verander deze in dit: define (‘WPLANG’, ‘nl_NL’); Tussen de haakjes is dus alleen nl_NL toegevoegd, en klik dan onderaan op “Opslaan als”. Je kunt nu inloggen op je WordPress Dashboard en zult na een refresh zien dat het in het Nederlands is.

Voor WordPress zijn duizenden themes beschikbaar, en in de meeste gevallen nog gratis ook. De theme die wij gebruik word is een premium theme, en moet dus gekocht worden. In de meeste gevallen is het zo dat hierin extra optie’s in beschikbaar zijn, en deze eenvoudiger te bewerken zijn. Een voorbeeld is o.a. de teksten in de footer (onderaan de pagina) welke via het Dashboard aan te passen zijn. Tevens is het zo dat met deze theme ook de foto’s die geupload worden automatisch verkleind worden, zodat er geen grote foto bestanden op de server komen te staan. Ga dus eens op zoek naar WordPress Themes en zoek er een uit waarvan jij denkt dat deze past bij de uitstraling welke je aan je bedrijf of persoonlijke portfolio mee wil geven.

Het uploaden van nieuwe themes gaat op dezelfde manier zoals we gedaan hebben met de Nederlandse taal file. Het enige verschil is dat deze geupload moeten worden naar de map “themes” die te vinden is door via “public html” naar de map ”wp-content” te gaan en dan op de map “themes” te klikken. Standaard staan er al twee themes. De theme map “classic”en “default”. Als je een theme ergens gedownload hebt kun je in de map “themes”deze op dezelfde manier uploaden. Let wel op! Je moet dan dus een complete map uploaden.

Het laatste wat je nu nog moet doen is de theme activeren. Dit doe je door naar je wp-admin Dashboard te gaan en dan aan de rechter kant op “Design”te klikken, en de door jezelf geuploade theme te “Activeren”.

Veel plezier met je eigen portfolio site, en voor extra hulp kun je altijd contact opnemen!