Het installeren van WordPress
Nu je een volledig werkende virtuele server hebt is het tijd om er een applicatie op te installeren. We beginnen met de blogtool “WordPress”.
De database
De eerste stap is het aanmaken van een database. Alles dat op de blog geplaatst zal worden zal daarin worden opgeslagen. Denk hierbij onder andere aan blogposts en comments. Op de Virtual Appliance is MySQL voorgeïnstalleerd. MySQL is momenteel de meest gebruikte database op het internet. Hoewel je ook via de Command Line databases kunt aanmaken zullen we MySQL configureren via de tool “phpmyadmin”. Deze tool zorgt ervoor dat je via een overzichtelijke interface onder andere in staat bent om databases aan te maken, te wijzigen of te verwijderen. Open een browser naar keuze en navigeer naar de volgende pagina: http://192.168.56.101/phpmyadmin/
Log in met Username “www” en Password “plugandplay”
Navigeer naar “Databases”
Bij “Create new database” vul je “wordpress” in. Laat “Collation” staan en klik op “Create”.
Je hebt nu de database voor WordPress aangemaakt!
Het voorbereiden van de WordPress installatie Log via FileZilla in op je Virtual Machine (zie de Virtual Box manual om te zien hoe dat moet). FileZilla logt standaard in op de home directory van de gebruiker www. Je ziet onder andere een map public_html. Dit is niet een fysieke map maar een verwijzing naar de map /var/www. Dit is de map waar de bestanden staan voor de website van de gehele server en niet (zoals bijvoorbeeld op je eigen pagina op oege) de website van een bepaalde gebruiker. Dubbelklik op de public_html map om naar /var/www te gaan. Om ervoor te zorgen dat je naast WordPress ook andere applicaties kunt installeren is het handig om voor elke applicatie een losse map aan te maken (bijvoorbeeld: /var/www/wp of /var/www/wordpress). Het aanmaken van een nieuwe map kan onder andere door in FileZilla in het rechtermuistoets-‐menu Create directory te selecteren. Let op: Als je WordPress in een map stopt dan moet je om de site te openen die map aan de URL toevoegen (bijvoorbeeld http://192.168.56.101/wordpress)
Download het WordPress installatie bestand op: http://wordpress.org/download/ Pak het bestand uit en upload de inhoud ervan naar de gewenste folder.
Navigeer met je browser naar de folder waar je de bestanden in hebt geupload (bijvoorbeeld http://192.168.56.101/wordpress) om de installatie te starten.
De WordPress installatie Allereerst krijg je de melding dat er nog geen configuratiebestand bestaat. Dat is logisch aangezien we de installatie voor de eerste keer starten.
Klik op “Create a Configuration File” om verder te gaan. Het volgende scherm laat je weten wat voor informatie nodig is om de installatie te voltooien.
De installatie zal vragen om een aantal gegevens. Vul deze in en vervolg de installatie.
De gebruikersnaam en het wachtwoord van de database zijn hetzelfde als bij “phpmyadmin”. De rest staat al goed. Aan het eind van de installatie krijg je de melding dat de configuratie niet kan worden weggeschreven op de server.
Er zijn verschillende manieren waarop je de configuratie alsnog kunt plaatsen.
Dit is de makkelijkste: 1. Open Sublime 2. Copy/Paste de inhoud van het tekstvak naar de editor 3. Sla het bestand op als wp-‐config.php 4. Upload het bestand naar de folder waar je de WordPress installatie hebt geüpload 5. Druk op “Run the install” Je hebt nu WordPress geïnstalleerd op je Virtual Server!
WordPress Opdracht
Nu je een werkende WordPress installatie hebt is het tijd om er daadwerkelijk mee aan de slag te gaan. Om te oefenen zal je een bestaande website implementeren in WordPress. Om dit te doen zal je eerst het theme html5blank installeren (http://html5blank.com). Dit is in tegenstelling tot de meeste WordPress themes een kaal theme waar je zelf vormgeving aan toe kan voegen. Op de volgende pagina staan instructies met betrekking tot het handmatig toevoegen van themes: http://codex.wordpress.org/Using_Themes#Adding_New_Themes_Manually_.28FTP.29
De website moet aan de volgende eisen voldoen: • De website bestaat uit tenminste vier pagina’s. • De website bevat relevante inhoud in correct Nederlands (Je mag je website van het vak Internetstandaarden gebruiken maar het is niet verplicht) • Menu en content zijn via de admin aan te passen. • De vormgeving moet via CSS worden geïmplementeerd. Tips • Verwijder (in eerste instantie) geen elementen uit de CSS. • Experimenteer met het aanpassen van de CSS elementen (achtergrondkleur, breedte, floats). • Copy/paste niet zomaar alle CSS naar WordPress maar implementeer de CSS regel voor regel (en controleer het resultaat). • Pas de rechten van het CSS bestand aan aan om wijzigingen weg te kunnen schrijven (gebruik je aantekeningen uit het hoorcollege). • Je hoeft niet te valideren, je hebt namelijk niet volledig controle over de template. • Let op het “Role” attribuut, de CSS selector daarvan wijkt af van wat je gewend bent. • De CSS kan op twee manieren worden aangepast: • In de admin van WordPress (Appearance -‐> Editor) • Via FileZilla het bestand ophalen, aanpassen in Sublime en terugzetten op de server
