WEBDESIGN. & WORDPRESS 2016 editie PRAKTISCH TOEGEPAST. 2016, Roy Sahupala

Transcriptie

1 WEBDESIGN & WORDPRESS 2016 editie PRAKTISCH TOEGEPAST 2016, Roy Sahupala

2 Belangrijke opmerking De methodes en programma s in deze handleiding zijn zonder inachtneming van enige patenten vermeld. Ze dienen enkel voor amateuren studiedoeleinden. Alle technische gegevens en programma s in dit boek zijn door de auteur met de grootste zorgvuldigheid samengesteld en na een grondige controle gereproduceerd. Toch zijn fouten niet volledig uit te sluiten. De uitgever ziet zich daarom gedwongen erop te wijzen dat ze noch enige garantie, noch enige juridische verantwoordelijkheid of welke vorm van aansprakelijkheid op zich kan nemen voor gevolgen die voortvloeien uit foutieve informatie. Het melden van eventuele fouten wordt door de auteur altijd op prijs gesteld. Wij willen je erop wijzen dat de soft- en hardwarebenamingen die in dit boek worden vermeld, evenals de merknamen van de betrokken firma s meestal door fabrieksmerken, handelsmerken of door het patentrecht zijn beschermd. Alle rechten voorbehouden.

3 Niets uit deze uitgave mag worden verveelvoudigd, opgeslagen in een geautomatiseerd gegevensbestand dan wel openbaar gemaakt in enige vorm of op enige wijze, hetzij elektronisch, mechanisch, door fotokopieën, opnamen, of enige andere wijze, zonder voorafgaande schriftelijke toestemming van de uitgever. Auteur: R.E. Sahupala ISBN/EAN: Eerste druk: Vijfde editie: NUR-code: 994 Uitgever: WJAC Jaar: 2016 Website: Met speciale dank aan: Mijn lieve vriendin Iris van Hattum en onze zoon Ebbo Sahupala voor jullie steun.

4 INHOUDSOPGAVE INTRODUCTIE Voor wie is dit boek? Benodigdheden Doel van dit boek WEBSERVER OP JE COMPUTER WEBSERVER VOOR MAC OS X Opstarten van AMPPS Andere webservers voor Mac OS X WEBSERVER VOOR WINDOWS Opstarten van AMPPS Andere webservers voor Windows WORDPRESS INSTALLEREN WordPress op je eigen computer Automatische installeren van WordPress met AMPPS WordPress handmatig installeren met MAMP-XAMMP WORDPRESS INSTALLEREN OP HET INTERNET WordPress installatie met een auto-installer, methode 1 WordPress installatie zonder auto-installer, methode 2 BASISINSTELLINGEN, CONTENT EN AANPASSEN WordPress voorkant

5 WordPress achterkant Dashboard WordPress Updates Site-titel en omschrijving Site bekijken Header plaatsen Thema aanpassen Berichten en Pagina s Berichten aanmaken Pagina s aanmaken Startpagina aanpassen Reactieformulier uitzetten Mediabibliotheek Afbeelding plaatsen Menu aanmaken Categorie aanpassen en aanmaken Widgets Footer aanpassen Gebruikers WORDPRESS THEMA Thema downloaden en installeren Waar kan ik de thema bestanden vinden?

6 EEN EIGEN HTML ONTWERP Voorbeeldontwerp HTML - index.html CSS - style.css Thema - opmaak VAN HTML NAAR THEMA Stap 1 - screenshot.png Stap 2 style.css Stap 3 index.php Stap 4 functions.php Stap 5 single.php Template comprimeren Template installeren THEMA OPTIMALISEREN index.php sidebar.php footer.php single.php functions.php Basis themabestanden THEMA MAKEN VOOR NON-TECHIES Thema maken met een template generator

7 Artisteer thema installeren en activeren WORDPRESS PLUGINS Plugin downloaden Plugin installeren Favoriete plugins Opsomming Aanbevolen plugins WEBSITE UPLOADEN FireFTP downloaden en installeren FireFTP activeren Profiel aanmaken Bestanden uploaden LOKALE SITE VERHUIZEN NAAR HET INTERNET Site bestanden uploaden naar een remote webhost Database exporteren (local) Database importeren (remote) Laatste stap van de verhuizing Meest voorkomende problemen bij een verhuizing TOT SLOT OVER DE SCHRIJVER 185

8

9 WEBDESIGN & WORDPRESS INTRODUCTIE Als je zelfstandig een professionele website wilt maken, zonder enige technische kennis, waarbij er sprake is van regelmatig wisselende content. Dan kom je snel uit op een Content Management Systeem. Er bestaan verschillende Content Management Systemen. Een daarvan is WordPress. Zelf gebruik ik verschillende CMS systemen voor het ontwerpen van websites. Elk systeem heeft zijn voor- en nadelen. De reden waarom ik voor WordPress kies, is afhankelijk van een aantal factoren. De belangrijkste twee redenen voor mij als webdesigner zijn de gebruiks- en onderhoudsvriendelijkheid van het systeem. Als webdesigner kan ik dit systeem snel voor een klant opzetten en is eenvoudig te onderhouden. Een klant kan direct met dit systeem aan de slag. Voor het opzetten van een WordPress site kan je kiezen uit diverse vrij beschikbare templates. Het is met WordPress ook mogelijk om een eigen ontwerp te gebruiken. In dit boek laat ik zien hoe je van een eigen HTML ontwerp een WordPress thema kunt maken. Om snel en eenvoudig met WordPress te werken is het handig om te beschikken over een webserver op je eigen computer. Aan de hand van een paar éénvoudige stappen laat ik zien hoe je je computer (Apple of Windows) kunt laten functioneren als webserver. Dit boek geeft je een solide basis om op eigen kracht WordPress te onderzoeken. Wil je nog dieper op WordPress ingaan? Dan kun je terecht bij WordPress Codex, Dat is DE verzameling van alle documentatie gerelateerd aan WordPress. Zie "1

10 WEBDESIGN & WORDPRESS Alle oefeningen in dit boek zijn praktisch. Ik laat alleen het meest essentiële zien, ze bevatten geen overbodige beschrijving en zijn direct toe te passen. Daarnaast zijn alle scripts in dit boek ook te downloaden: Uitleg voor Mac- en Windows gebruikers. Voor wie is dit boek? Voor degenen die snel WordPress wil gebruiken. Voor degenen die niet afhankelijk willen zijn van ontwikkelaars. Voor degenen die HTML en CSS beheersen en een WordPress thema willen maken. Voor degenen die geen kennis hebben van HTML en CSS en een WordPress thema willen maken. Voor multimedia studenten. Voor iedereen die een eigen weblog wil maken. Tip: neem de tijd! Lees een hoofdstuk zorgvuldig door voordat je plaatsneemt achter je computer. "2

11 WEBDESIGN & WORDPRESS Benodigdheden De laatste versie van WordPress. Voor de verwerking van de diverse CMS-codes een tekstverwerker zoals Teksteditor (Apple) of NotePad (Windows). Maar het is beter om gebruik te maken van code-editor. Er zijn verschillende Open Source code editors beschikbaar zoals: Notepad ++ (Windows): Textwrangler (Apple): Wil je een andere code editor gebruiken? Google dan naar: Free Source Code Editors. Het gebruik van deze Open Source code editors is gratis. Met een webserver op je eigen computer kun je zonder een internet verbinding een WordPress site ontwikkelen. In dit boek laat ik stap voor stap zien hoe je een webserver op je eigen computer installeert en gebruikt. Na het ontwikkelen van een WordPress site publiceer je het eindresultaat op het internet. Het online publiceren doe je met behulp van een FTP programma. Met behulp van een internetbrowser maak je contact met het CMS systeem. Dit programma heb je nodig om WordPress te voorzien van de nodige content. Het is raadzaam om meer dan één browser te installeren. Het is mogelijk dat bepaalde WordPress functies niet werken in je favoriete browser. Wanneer dit het geval is, kun je snel overstappen naar een andere browser. Alle oefeningen in dit boek zijn getest met Firefox, Safari, Google Chrome en Internet Explorer. Gebruik altijd de laatste versies. "3

12 WEBDESIGN & WORDPRESS Doel van dit boek Dit boek is geschreven voor iedereen die zonder enige technische kennis snel en praktisch WordPress wil gebruiken. Dit boek geeft uitleg hoe je WordPress zowel online als offline kunt installeren. Het voordeel van een offline installatie is dat je altijd beschikt over een systeem van waaruit je kan experimenteren voordat je het eindresultaat op het internet publiceert. Dit boek geeft alleen de meest essentiële uitleg. Nadat je voldoende ervaring hebt opgedaan met WordPress krijg je meer inzicht en vertrouwen om zelfstandig het systeem verder te ontdekken. Voor degene die kennis hebben van HTML en CSS laat ik zien hoe je een eigen WordPress thema kunt maken waardoor je niet meer afhankelijk bent van een bestaande template. Heb je geen kennis van HTML en CSS? Maak dan gebruik van een template generator. In dit boek laat ik zien hoe je met behulp van een template generator snel en eenvoudig een WordPress thema kunt maken. Alle scripts in dit boek zijn ook te downloaden: Kijk regelmatig naar deze site voor extra informatie. "4