Hallo Doolfinarium

Een jaar of tien geleden had ik een naam nodig voor een radioprogramma waarin ik willekeurige muziek naar eigen smaak kon laten horen. Doolfinarium vond ik een geinig woord (uitleg overbodig, toch?) en het zou de lading prima dekken. Uiteindelijk werd het een ander programma, maar die naam bleef hangen en het speelse gevoel erbij ook. Daar zou ik op internet ook wel wat mee kunnen. Nou heeft de speelvijver een paar jaar droog gelegen, maar begin oktober heb ik de kraan weer opengedraaid. Om te beginnen om een speelplaats voor WordPress te hebben, maar ook om andere dingetjes uit te zoeken en te delen, voornamelijk over webdevelopment, maar het kan van alles zijn.

De oude headerafbeelding had ik nog, gemaakt voor het oerthema van WordPress: Kubrick. We zijn intussen een hoop ontwerptrends verder, maar ik moet er nog steeds om lachen. Vandaar:

Jongetje met duikbril en snorkel in zinken teil vol water.
Het oorspronkelijke logo van Doolfinarium

Afijn, het Doolfinarium is heropend.

Git kost nachtrust, SSH ook

Oké, er zijn vast mensen die vinden dat je eraf moet blijven als je er geen verstand van hebt, maar dan leer je het ook nooit. En dus heb ik nachtrust ingeruild voor nieuwe kennis, daar is het Doolfinarium immers om begonnen (kennis dus, die verloren nachtrust is bijkomende schade). ‘Het’ en ‘er’ staan hier voor Git en SSH, geen onderwerpen waar ik erg thuis in ben.

SSH is de afkorting van Secure Shell. Het is een versleuteld netwerkprotocol voor beveiligd verkeer via een onveilig netwerk zoals internet. Goede hostingproviders bieden de mogelijkheid om via SSH bestanden te uploaden naar je website. Ik wilde uitzoeken of ik SSH in plaats van FTP kon gebruiken voor de bestandsoverdracht. En als dat zou lukken, kwam ook Git in beeld.

Git is een hulpmiddel voor versiebeheer, op de website lees je er alles over. Samengevat kun je met Git van bestanden en projecten momentopnamen opslaan in branches (vertakkingen). Je werkt gewoonlijk in de hoofdtak (master), maar je kunt zijtakken maken waarin je probeersels of andere versies kunt opslaan. Later kun je zo’n zijtak samenvoegen met de hoofdtak of hem weggooien als het toch geen succes is. (Of doorontwikkelen als alternatief.) Git wordt nog nuttiger in teams waarbij iedereen aan een deel van het project werkt en uiteindelijk alles wordt samengevoegd. Maar voor dolende solisten is Git ook nuttig. Ik wilde onderzoeken of het handig zou zijn om met behulp van Git via SSH bestanden te uploaden van mijn lokale ontwikkelomgeving naar een testomgeving op de webserver en vervolgens naar de livewebsite.

In WordPress heeft dit verhaal nog een extra dimensie. Je kunt *spoiler alert* prima met Git en SSH de PHP-, JS- en CSS-bestanden beheren en synchroniseren. Maar de inhoud van een WordPress-site zit in de database. Als je die ook gesynchroniseerd wilt houden, kom je erachter dat je vooral veel tijd kwijt bent aan het exporteren en importen van de databasetabellen. Of je kiest voor de weg van de minste weerstand en je doet jezelf een plugin cadeau. Tot nog toe ben ik heel blij met de armeluisversie van WP Migrate DB Pro. Synchronisatie in alle richtingen met één klik. Fantastisch. Je moet nog wel zelf afbeeldingen en andere mediabestanden synchroniseren. Als dat te veel werk wordt, is er een duurdere variant die dat ook voor je kan regelen.

De opzet is geslaagd, maar het ging niet vanzelf. In volgende berichten vertel ik welke problemen ik tegenkwam en hoe die zijn opgelost.

Nieuw thema in aanbouw

De eerste daad op het heropende Doolfinarium is het bouwen van een eigen WordPress-thema op basis van Underscores, oftwel _s. Underscores, a starter theme for WordPress, is een begin van een thema. Het bevat de basisingrediënten, zoals de mapstructuur en de benodigde bestanden, maar behoorlijk kaal. Zie het als een huis dat casco wordt opgeleverd: er zijn buitenmuren, er is een dak, er zijn ruimten ingedeeld. Het is functioneel maar de afwerking en aankleding ontbreken.

Underscores is voor de lay-out gebaseerd op floats. Nou ja, in de stylesheet zijn declaraties voor alignment opgenomen met float left en right, en er zijn clear-klassen. Niemand beweert dat die moeten worden gebruikt. Dat zal ik dan ook niet doen. Mijn doel is om alles om te werken naar flexbox. Het plan is om de komende tijd verslag te doen van mijn ervaringen met Underscores.

Wil je er overigens zelf mee aan de slag, dan is de start snel gemaakt. Ga naar underscores.me, vul een naam in voor je thema, vul eventueel de geavanceerde opties in (theme slug is een voorvoegsel voor in functies en dergelijke, de themanaam is daarvoor prima), kies eventueel de optie _sassify voor een versie die is voorbereid op Sass en klik op Generate. Download je zipbestand en pak het uit in een map voor je thema in /wp-content/themes/. En dan ben je klaar voor het avontuur. Oh ja, bookmark vooral de WordPress Codex, je onmisbare naslagwerk.