Je eigen WordPress Website in 9 stappen

Transcriptie

1 Je eigen WordPress Website in 9 stappen E-book door: Sigrid de Jong, April

2 Je eigen wordpress website opzetten in 9 stappen Inhoud Stap 1 Benodigde gegevens verzamelen 3 Stap 2 WordPress downloaden 4 Stap 3 Configureer WordPress 6 Stap 4 Je website uploaden naar je eigen domein 8 Stap 5 instellen van je WordPress website 9 Stap 6 De layout van je website 11 Stap 7 Inhoud van je website 17 Stap 8 Plugins 19 Stap 9 Maak een backup van je website Mindmap 25 2

3 Stap 1 Benodigde gegevens verzamelen Om een WordPress website of elke andere op een CMS-gebaseerde website op te zetten, heb je de volgende gegevens nodig: Domeinnaam Je moet de site ergens hosten en hebt een domeinnaam nodig. Je vraagt een domeinnaam met een hostingpakket aan bij een hostingprovider. Alle gegevens die je nodig hebt krijg je van je hostingprovider. Heb je al een domeinnaam en een hostingprovider dan hoef je de gegevens alleen op te zoeken bij je hostingprovider. FTP-gegevens Je hebt de FTP-gegevens van je website nodig om de website op internet te zetten. FTP-adres meestal ftp.domeinnaam.nl gebruikersnaam wachtwoord (Vul deze gegevens in in je FTP-programma en maak verbinding) Database gegevens WordPress is een Content Management Systeem, dat betekent dat de inhoud (de content) los wordt gemanaged van de layout en om dat te doen, heeft WordPress een database nodig. Bij je hostingprovider maak je een database aan en van die database heb je dan de volgende gegevens nodig: Host db-naam (database naam) gebruikersnaam wachtwoord 3

4 Stap 2 WordPress downloaden Ga naar en dowload de nieuwste versie van WordPress. WordPress is een pakket waar actief aan gewerkt wordt en er komen regelmatig nieuwe updates uit. WordPress is verkrijgbaar in vele talen. De Nederlandstalige versie vind je op: nl.wordpress.org/ Zet de WordPress-map in de map Websites of op een andere plek op je harde schijf waar je hem makkelijk terug kunt vinden. Als je een lokale server op je computer hebt, dan zet je hem daar neer. 4

5 In de WordPress-map zitten allemaal mappen en bestanden. Dit is je website! Nu moet die alleen nog wat aangepast worden zodat het echt jouw site is. 5

6 Stap 3 Configureer WordPress Zoek in de WordPress-map het bestand wp-config-sample.php. Open het bestand in een teksteditor. Ik gebruik zelf Taco: Er zijn vele html-editors op internet te vinden en het kan ook met Notepad. Sla het bestand op als wp-config.php. Dit is het configuratiebestand van WordPress. Om WordPress op jouw website te laten werken pas je de instellingen in wp-config.php aan. Hier heb je dus de gegevens nodig die je in stap 1 hebt verzameld. Vervang in regel 19: define('db_name', 'database_name_here'); database_name_here door de naam van je database. Vervang in regel 22: define('db_user', 'username_here'); username_here door de gebruikersnaam van je database. Vervang in regel 25: define('db_password', 'password_here'); password_here door het wachtwoord van je database. 6

7 Vervang in regel 28: define('db_host', 'localhost'); localhost door de host (hostnaam) van je database. De rest van het wp-config-bestand hoef je niet te veranderen. Op regel 62 vind je de prefix voor de tabellen in je database: $table_prefix = 'wp_'; De prefix is standaard wp_ dat betekent dat alle namen van de tabellen die WordPress in de database gaat schrijven, beginnen met wp_. Als je dat vervangt door iets anders, dan beginnen de tabelnamen met iets anders. Dit kan handig zijn als je meerdere WordPress database gegevens in een database stopt. Op regel 72 staat de taal-instelling: define('wplang', 'nl_nl'); en die staat op nl_nl dus op Nederlands, dat betekent dat een Nederlands taalbestand wordt ingelezen. Het taalbestand staat in de map: WordPress/wp-config/languages. Twee config-bestanden: Zelf maak ik altijd twee config-bestanden, een voor online, dus voor op mijn eigen domein en een voor op mijn locale server. De online noem ik: wp-config-online.php en de andere noem ik wp-config-offline.php. Degene die ik op dat moment daadwerkelijk gebruik, verander ik in wp-config.php. Op mijn locale server staat dus wp-config.php en wp-configonline.php en op mijn domein staat wp-config.php en wp-config-offline.php. Als ik dan alle bestanden van de ene plek naar de andere kopieer, hoef ik niet het config.php bestand aan te passen (en dus alle gegevens weer op te zoeken) maar alleen de naam van de bestanden te veranderen. 7

8 Stap 4 Je website uploaden naar je eigen domein De volgende stap is om de hele WordPress website online te zetten. Dat doe je met een FTP-programma. Zelf gebruik ik Cyberduck: een FTP-programma voor de Mac. Voor Windows en Linux kan ik FileZilla aanraden: Er is ook een FileZilla voor de Mac, maar op de Mac vond ik het toch minder goed werken (liep wel eens vast) en Cyberduck vind ik echt beter. Om te kunnen ftp-en hebt je de FTP-gegevens nodig van je website die je in stap 1 verzameld hebt. Maak een nieuwe verbinding aan en stel het FTP-adres, de gebruikersnaam en het wachtwoord in. Klik op Verbinding en wacht tot het FTP-programma verbinding heeft met je domein. Dit is de plek waar de bestanden van je website op internet komen te staan. Het hangt van de hostingprovider af waar dat precies is. Het kan onder root zijn, onder public/sites/ onder htdocs/www enz. Je kunt dit even testen door een klein html-bestand er op te zetten en dat index.html te noemen. Als je naar je website gaat en je ziet dit bestand, dan heb je hem op de goede plek neergezet. Dan is het nu tijd om WordPress op je eigen domein te zetten. Je selecteert de hele WordPress-map en sleept die naar de root van je website. (Dus de plek waar het testindex.html-bestand werkte). Het ftp-en van de hele WordPress-map kan even duren. Vooral omdat uploaden meestal langzamer is dan downloaden. Gewoon even wachten tot het FTP-programma uitgerateld is. Als er onderweg iets misgaat, ftp je de bestanden gewoon nog een keer en kies je voor de bestanden die al bestaan overslaan. Dat gaat sneller dan overschrijven. 8

9 Stap 5 instellen van je WordPress website Bezoek nu je eigen website. Bij het eerste bezoek zie je een speciaal scherm van WordPress. Er wordt om gegevens gevraagd. Volg gewoon het menu. Blognaam Blognaam: vul hier de naam van je website of blog in. Deze naam verschijnt straks bovenaan je website. Maak je niet druk over de naam, het is niet voor eeuwig. Je kunt het wijzigen. Wachtwoord WordPress genereert een wachtwoord voor je. Schrijf dat op! Kopieer het, want dat heb je zometeen nodig om in te loggen op je eigen website. Eenmaal ingelogd kun je het wachtwoord later wijzigen. adres WordPress vraagt je om een adres in te vullen. Vul hier je eigen werkend e- mailadres in. Als je je wachtwoord vergeten bent, krijg je op dit adres een nieuwe toegestuurd. Op dit adres ontvang je reacties op je website en weblog. 9

10 Fouten: wat kan er mis gaan? 1. Een lege, blanco pagina. Je ziet alleen een wit scherm. Dit zie je als WordPress niet volledig is overgekomen bij het ftp-en of op de verkeerde plek terecht is gekomen. Controleer of WordPress op de goede plek staat. Staan de WordPressbestanden in de root van de website? (Of in een submap als je WordPress in een submap van je site wilt hebben). Staat ie daar wel? Dan missen er bestanden. FTP de WordPress site er nog een keer naartoe met het FTPprogramma. Kijk of er bestanden missen. WordPress is een vrij groot pakket: aardig wat mappen en bestanden. 2. Een foutmelding: Error establisching a database connection Dit krijg je te zien als de database gegevens niet goed in het wp-config.php bestand staan. Want wordpress heeft deze gegevens nodig om contact te maken met de database. Dit krijg je te zien als de databasegegevens niet goed in het wpconfig.php bestand staan. Want WordPress heeft deze gegevens nodig om contact te maken met de database. Controleer of de database gegevens in het config-bestand kloppen. Of ze dus hetzelfde zijn als de database die je gebruikt. Je kunt dit testen door naar de phpmyadmin van je hostingprovider te gaan en in te loggen. Je logt in op de database met de gebruikersnaam en het wachtwoord van de database. Ja, dezelfde als die je in wpconfig.php invult. Geen fouten? Gefeliciteerd! Je website is nu online. Je kunt inloggen en beginnen je website aan te passen en te vullen met inhoud zoals jij dat wilt. 10

11 Stap 6 De layout van je website Je website is nu in de standaard layout van WordPress. Op dit moment is dat het Twenty Ten-thema. Om de layout van je website aan te passen, log je in op je website en klik je in het linkermenu op Weergave en dan op Themaʼs. 11

12 Je kunt een thema zoeken door op 'Themaʼs installeren' te klikken. Er zijn enorm veel gratis themaʼs waar je uit kunt kiezen. In dit voorbeeld kies ik Desk Mess Mirrored (nee, mijn bureau is geen rommeltje, maar ik vind dit thema er leuk uitzien en zo te zien wordt het ook goed beoordeeld, ik ben trouwens wel gek op koffie). 12

13 Klik op Voorbeeld om het thema groter te zien. Zo zal je website eruit zien als je dit thema hebt geïnstalleerd. Je kunt nu op Installeren klikken en het thema wordt geïnstalleerd. In mijn voorbeeld werkt dat niet, omdat ik hem test op mijn lokale server, maar er is ook een andere handige manier om een thema te installeren. Zoek het thema op internet: de naam staat erbij en ik heb dit thema gevonden op: WordPress.org/extend/themes/desk-mess-mirrored Download het en zet het in de map Themes onder de map wp-content van je website: jewebsite/wp-content/themes 13

14 Als je het gedownloade thema in de map Themes hebt gezet, dan ga je weer naar het dashboard van je website. Nu zie je het nieuwe thema bij de themaʼs staan. Je installeert het thema door bij het voorbeeldplaatje van het thema op Activeer te klikken. 14

15 Als je daarna je eigen website weer bezoekt, zie je je website in de nieuwe layout. Er zijn ontzettend veel themaʼs voor WordPress gemaakt. Heel veel van deze themaʼs zijn gratis en er zijn ook veel betaalde themaʼs, die zijn bijvoorbeeld beter en mooier. Je kunt ook je eigen themaʼs maken (daar ga ik nog over schrijven). 15

16 Ik ben van plan themaʼs te maken die je kunt downloaden en instellen... Maar tot nog toe heb ik alleen themaʼs voor al draaiende websites gemaakt. Je kunt themaʼs vinden op: en je kunt altijd googelen op (gratis of free) WordPress themes 16

17 Stap 7 Inhoud van je website Met inhoud van je website bedoel ik de tekst, de afbeeldingen, videoʼs, geluidsbestanden enz. die je op je website gaat zetten. Om dat te doen, log je in op je website: Ga naar of Ze werken allebei. Je komt op een inlogscherm en logt in met je gebruikersnaam (standaard is dat 'admin', dat kun je aanpassen) en je wachtwoord. Na het inloggen, kom je in het dashboard van je WordPress website terecht. In de linkerkolom zie je een menu met allemaal dingen die je kunt doen. Zoals Berichten, Media, Links, Paginaʼs, Reacties, Weergave, Plugins, Gebruikers, Extra en Instellingen. Ik zou zeggen: kijk rond en probeer van alles uit. Het is vrij intuïtief gemaakt. 17

18 Paginaʼs en Berichten maken Je maakt een nieuwe pagina door in het linkermenu op Paginaʼs te klikken en dan op Nieuwe pagina. Je krijgt dan een scherm waar je de titel en de tekst van de pagina kunt invullen. Je kunt ook afbeeldingen toevoegen door op het plaatje naast Uploaden / Toevoegen te klikken en dan het menu verder te volgen. Als je tekst klaar is, klik je op Publiceren en dan staat de pagina op je website. Het maken van berichten werkt precies hetzelfde, maar dan klik je in het linkermenu op Berichten en dan op Nieuw bericht. Het verschil tussen berichten en paginaʼs. Berichten zijn je blogberichten, je artikelen, je nieuwtjes enz. Je maakt er veel van en regelmatig nieuwe (als het goed is). Paginaʼs zijn statische paginaʼs zoals bijvoorbeeld een pagina waarin je vertelt wie je bent en een contactpagina. 18

19 Stap 8 Plugins Wil je meer met je website doen dan kan dat met plugins. Er zijn heel veel plugins met allerlei functionaliteit voor WordPress gemaakt. Sommige plugins doen heel veel en andere plugins doen iets wat je met een enkele regelcode in je thema ook kunt bereiken en ik kies er dan voor om dat in de code te doen. Kies de plugins die jij handig vind en die jij nodig hebt. De plugins die ik gebruik/handig vind, zijn: Nextgen-gallery: met deze plugin kun je fotoalbums op je website zetten. Heeft veel opties: Sitemap-generator: genereert automatisch een sitemap op je website. Zeer handig voor het overzicht van al je paginaʼs en artikelen. google-sitemap-generator: genereert een XML-map waardoor Google je sneller vindt. google-maps-for-wordpress: Hiermee kun je een Google Maps kaart op je website plaatsen, bijvoorbeeld onder je contactpagina zodat mensen je adres kunnen zien. breadcrumbs: Maakt broodkruimels op je website; een spoor waardoor mensen kunnen zien op welke plek ze in je website zijn aan beland en weer omhoog kunnen. all-in-one-seo-pack: Zoekmachine-optimalisatieplugin. wordpress-seo: Zoekmachine-optimalisatie. Hoewel het gemaakt is door een Nederlander is er alleen een Engelstalige versie (iets wat ik werkelijk onbegrijpelijk vind, bovendien staat er ook nog veel tekst in, dus heb ik daar geen behoefte aan). Maar verder een prima plugin. gravatar-box: Plaatst een gravatar naast je reactieformulier dmsguestbook: een gastenboek, maar je kunt ook een gastenboek maken zonder een plugin. event-calendar: een kalender waar je feesten enz. in kunt zetten. pagemash: om de volgorde van je paginaʼs aan te passen, maar dat kan ook al met de standaard WordPress. Er zijn er nog veel meer. Dus ik zou zeggen als je iets speciaals wilt doen met je website wat niet kan met de standaard WordPress-installatie, ga dan op zoek naar een plugin. 19

20 Stap 9 Maak een backup van je website Je wilt al je werk aan je website natuurlijk niet kwijtraken, daarom is het verstandig af en toe een backup te maken (ik doe dat zelf te weinig... want wanneer crasht de webserver nou...) maar het is ook voor het kopiëren van je website handig. Een backup van je website bestaat uit twee onderdelen: 1 De backup van de database: in de database staat de inhoud van je paginaʼs (het is immers een Content Managment Systeem en de content staat in een database). Je maakt een backup van je database door naar de phpmyadmin van je webserver te gaan en in te loggen in je database. 20

21 Je ziet de tabellen van je database. Klik op Exporteer. Je krijgt een overzicht te zien. Ik vink zelf de optie Add DROP TABLE altijd aan, dit zorgt ervoor dat als ik de backup weer installeer de oude tabellen met dezelfde naam eerst worden weggegooid. Dit doe ik omdat er anders meldingen komen dat die tabellen al bestaan (en dat vind ik vervelend). Ik gooi dus eerst alles leeg en dan zet ik de backup erin. 21

22 Klik op Start, er verschijnt dan een veld met een heleboel tekst, dat is je geëxporteerde database. Klik erin, druk op cmd-a (of Ctr-A voor windows), dat is alles selecteren en dan op cmd-c (ctr-c, kopiëren). Open op je computer een teksteditor of tekstverwerkingsprogramma. Druk op cmd-v (ctr-v, Plakken) en bewaar het bestand. Dit is de backup van je database. 22

23 Ik geef het bestand meestal een naam met de datum erin mee, zodat ik weet van wanneer de datebase was en bewaar het bestand bij de website op mijn locale server (op mijn computer dus). Als je de inhoud weer terug wilt zetten, dan kopieer je de inhoud van dit bestand, log je in bij de phpmyadmin van je database. Klik op SQL. Plak de code daarin en klik op start. De database wordt nu teruggezet. Dit kan even duren. 23

24 2. Backup van de bestanden De bestanden zijn het WordPress-systeem, de themaʼs, de plugins en de fotoʼs en andere bestanden die je naar je site hebt geüpload. Maak hier een backup van door die in zijn geheel te ftp-en naar je eigen computer. Als je de bestanden weer wilt terugzetten, dan ftp je de backup-bestanden weer terug. 24

25 10 Mindmap 25