Curriculum Social Media ICT Beheerder niveau 4. Module WordPress

Transcriptie

1 Curriculum Scial Media ICT Beheerder niveau 4 Mdule WrdPress

2 Stichting Praktijkleren. Auteursrechten vrbehuden. Niets uit dit werk mag znder vrafgaande schriftelijke testemming wrden penbaar gemaakt en/f verveelvudigd dr middel van druk, ftkpie/reprgrafie, scanning, cmputersftware, micrfilm, geluidskpie, film- f videkpie, f p welke wijze dan k. Scial Media Succes-Erwin van Litsenburg/ BV-KM 2

3 Inleiding In dit thema gaan we nderzeken wat je als rganisatie kunt den met een WrdPress website en blg vr de rganisatie. We gaan dus in p de bedrijfsmatige inzet van een website en blg. Als je dit thema drlpen hebt, ben je in staat m zelfstandig een website / blg met behulp van WrdPress p te zetten en deze technisch te nderhuden, zdat de rganisatie deze kan inzetten vr haar (cmmerciële) delstellingen. Dit thema draagt bij aan de vlgende cmpetenties: Samenwerken en verleggen Presenteren Frmuleren en rapprteren Vakdeskundigheid tepassen Analyseren Onderzeken Creëren en innveren Plannen en rganiseren Op de beheften en verwachtingen van de klant richten Kwaliteit leveren Instructies en prcedures pvlgen Als WrdPress beheerder help je de rganisatie cmmunities p te buwen waarmee de rganisatie p een mderne en efficiënte manier kan cmmuniceren met haar delgrep en klanten. 3

4 Onderwerpen Inleiding... 3 Onderwerpen Intrductie WrdPress WrdPress installeren WrdPress instellen Thema installeren en aanpassen Nieuwe pagina maken Nieuw blg artikel maken Practicum (2 uur)

5 1 Intrductie WrdPress WrdPress is gratis weblg-sftware, die nder de vrwaarden van de GNU General Public Licence (GPL) wrdt gepubliceerd. WrdPress is ntwikkeld dr Matthew Mullenweg, maar het wrdt dr een flinke grep ntwikkelaars ndersteund. Veel weblgs (blgs) maken gebruik van WrdPress. WrdPress maakt gebruik van de prgrammeertaal PHP. Alle cntent wrdt pgeslagen in een MySQL database. Per WrdPress installatie is één weblg te beheren. Vr een meervudige installatie is WrdPress Multi User (WPMU) beschikbaar. WrdPress is een cntent management systeem (CMS) waardr de gebruiker p een relatief eenvudige wijze de inhud (cntent) kan wijzigen en/f aanvullen znder dat daar technische kennis vr vereist is. Functies Dr middel van thema's (themes) f zelfgemaakte template files is de pmaak van de website en haar pagina's aan te passen, zdat er geen gebruik heft te wrden gemaakt van de standaardvrmgeving die WrdPress levert. Ok zijn er tallze plugins beschikbaar die allerlei functies aan de blg tevegen. Een aantal daarvan zijn bijvrbeeld spamfilters (zals Akismet) f kleine schermdetectie vr mbiele apparaten. WrdPress.cm Naast het zelf draaien van een WrdPress installatie p een server, hst WrdPress hun systeem k zelf p het dmein WrdPress.cm. De gratis versie van WrdPress.cm is enigszins beperkt: het is bijvrbeeld niet mgelijk m zelfgemaakte thema's f plugins te gebruiken. Op een eigen server is dit wel mgelijk. Thema s WrdPress heeft de mgelijkheid m meerdere thema s te installeren en tussen deze te wisselen. Thema s zrgen ervr dat het uiterlijk en de functinaliteit van WrdPress wrdt veranderd. Thema s kunnen wrden geïnstalleerd via het "Dashbard" f dr het te upladen via FTP. Plugins Eén van WrdPress' ppulairste mgelijkheden is de rijke aanwezigheid van plugins. Deze stellen de gebruikers en ntwikkelaars in staat m nieuwe mgelijkheden te te vegen aan WrdPress. Er zijn ann 2012 meer dan plugins beschikbaar in de WrdPress.rg database. Widgets Widgets zijn kleine mdules die gebruikers p hun WrdPress installatie kunnen zetten dr middel van een drag-anddrp systeem. Widgets kunnen een slideshw, een zekbalk, een blgarchief etc. bevatten. Geschiedenis WrdPress is in 2003 gestart met weinig cde m het publiceren van tekst p het web gemakkelijker te maken, de eerste gebruikers waren p één hand te tellen. Sindsdien maken vele weblggers de verstap m WrdPress te gebruiken en is WrdPress uitgegreid tt één van de grtste pen surce prjecten p het web. Alles wat WrdPress kan en det is gemaakt dr en vr de WrdPress gebruikers. WrdPress is een Open Surce prject. Dit betekent dat er hnderden mensen ver de wereld bezig zijn met de ntwikkeling hiervan. Dit betekent k dat iedereen vrij is m het te gebruiken, dus het maakt niet uit f je nu een persnlijke site hebt f een site met cmmerciële deleinden, WrdPress is en blijft gratis. WrdPress is gebren uit een wens m een publicatie systeem te maken die gestrmlijnd is en gebruik maakt van PHP en MySQL en nder GPL licentie valt. De eerste versies werden uitgebracht nder de naam b2/cafelg, daarna werd beslten m dr te gaan nder de naam WrdPress. Tegenwrdig is WrdPress een rijp en stabiel prduct. WrdPress.rg Op wrdpress.rg kan je een sftware script met de titel WrdPress dwnladen. Je hebt hiervr een webhst ndig die vldet aan de minimale vereisten m WrdPress te kunnen draaien. WrdPress is vlledig bewerkbaar en kan bijna vr alles gebruikt wrden p het gebied van publiceren p het web (weblg, CMS etc.). Ok biedt WrdPress de service WrdPress.cm aan, hier kun je in een paar muisklikken een vlledig p WrdPress gebaseerd weblg beginnen, maar het is minder flexibel dan dat je WrdPress zelf dwnlad en installeert. 5

6 2 WrdPress installeren WrdPress is vrij gemakkelijk te installeren / activeren. Dat kan grfweg p twee manieren: 1. De eerste manier is p een server van een Internet Service Prvider (ISP). Daarp installeer je de laatste WrdPress versie, stelt de database gegevens ged in en ng een paar andere instellingen en je WrdPress installatie is klaar m te gebruiken. Op deze manier van het installeren van WrdPress gaan we hier nu niet verder in. De beremde 5 minuten setup, zals WrdPress dit zelf nemt, kun je hier nalezen: 2. De tweede manier is p Daar kun je gebruik maken van een dr WrdPress.cm gehste mgeving waar je snel een WrdPress website / blg kunt activeren en inrichten. He je dat det, staat hiernder: Om een nieuwe website / blg te activeren ga je naar: Het vlgende scherm verschijnt: In dit scherm met je de vlgende gegevens invullen en vervlgens kiezen vr een hsting pakket. adres: hier vul je een adres in die je vr deze website wilt gebruiken. Dit adres is verder niet z belangrijk, maar is ndig vr bevestiging van de juiste persn. Gebruikersnaam: vul hier een Gebruikersnaam in die jij wilt gebruiken m in te kunnen lggen in de Admin sectie van je WrdPress site. De Gebruikersnaam met minimaal 4 karakters bevatten. Wachtwrd: vul hier een Wachtwrd in die jij wilt gebruiken m in te kunnen lggen in de Admin sectie van je WrdPress site. Het Wachtwrd met een sterk wachtwrd zijn met, bij vrkeur, k leestekens. Je kunt er k vr kiezen m een wachtwrd te laten genereren. Klik daarvr p de knp Generate strng passwrd. 6

7 Blg adres: dit is een belangrijk veld. Vul hier in he juw blg-url f website-url met wrden. Je kunt uit nderstaande 5 extensies kiezen, waarbij alleen.wrdpress.cm gratis is. Hsting Pakket: kies hier welk hsting pakket je wilt. In dit vrbeeld gebruiken we het Basic (gratis) pakket en de.wrdpress.cm extensie. Zdra je alle velden ged hebt ingevuld, wrdt de knp Signup actief. In dit vrbeeld hebben we de nderstaande instellingen gemaakt: Als je klaar bent, klik je p de blauwe knp Signup nder de klm Basic. Het vlgende scherm verschijnt: Ga naar je bx en bevestig via de link in de de registratie van de nieuwe website / blg. Als je dat gedaan hebt, km je direct en rechtstreeks in de Admin sectie van de nieuwe website / blg en wel p het Dashbard. Daar staat direct een vide klaar die je wat verdere uitleg geeft. De dashbard ziet er als vlgt uit: 7

8 Een vrbeeld van de splinternieuwe website kun je zien dr helemaal rechtsbven p de naam van je website te klikken, in dit geval bedrijfspleidingen. Je ziet dan het vlgende: Dit is nu de kale website, znder verdere pmaak. Er is een Hme pagina en een Abut pagina. Meer ng niet. Je kunt nu de installatie verder inrichten, zals te zien is in het vlgende hfdstuk. 8

9 3 WrdPress instellen In dit hfdstuk gaan we de WrdPress site verder instellen. Er zijn tal van instellingen te den, thema s te installeren, plugins te installeren en widgets te maken. Hiernder wrdt uitgelegd he dat met. In de linkerkantlijn (via welke je eigenlijk alle functies kunt aanrepen), zie je de ptie Instellingen. Hiermee kun je de instellingen van de website ged zetten. De belangrijkste lpen we hiernder langs: Klik p Instellingen in de linkerkantlijn. Hier kun je de Algemene Instellingen ged zetten en veranderen. Het ziet er als vlgt uit: Hier kun je de vlgende gegevens aanpassen: Websitetitel: dit is de titel van de website, zals die bvenaan (in de header) te zien is. Deze staat vr ingevuld met de naam van de website zals je die bij de installatie hebt gekzen, maar kun je hier vrijelijk veranderen. Ondertitel: dit is de ndertitel van de website, zals die in de header (nder de titel) te zien is. Deze staat vr ingevuld met een tekst die WrdPress zelf heeft neergezet, maar kun je hier vrijelijk veranderen. adres: hier kun je eventueel het adres dat hrt bij de website veranderen. Bijvrbeeld als je de website verdraagt naar iemand anders. Tijdzne: kies hier de juiste tijdzne: UTC+1. Datumntatie: kies hier de juiste datumntatie. Denk daarbij aan je lezers (zals zij het zuden willen zien). In Nederland is de bvenste ptie de meest vr de hand liggende. Tijdntatie: kies hier de juiste tijdntatie. Denk daarbij aan je lezers (zals zij het zuden willen zien). In Nederland is de bvenste ptie de meest vr de hand liggende. Week begint p: kies hier de juiste dag van de week. Denk daarbij aan je lezers (zals zij het zuden willen zien). In Nederland is Maandag de meest vr de hand liggende. Taal: kies hier de juiste taal. Denk daarbij aan je lezers (zals zij het zuden willen zien). In Nederland is Nederlands de meest vr de hand liggende. Maar Engels zu b.v. k heel ged mgelijk zijn. Klik p de knp Wijzigingen pslaan m alle wijzigingen dr te veren. 9

10 Klik nu p Schrijven in de linkerkantlijn. Hier kun je enkele instellingen ged zetten die betrekking hebben p het schrijven in je blg. Het ziet er als vlgt uit: Hier kun je een aantal gegevens aanpassen. Op zich staat standaard alles wel ged. Wat je p een later mment ng zu kunnen veranderen is wat je Standaard berichtencategrie (nder welke categrie wrden nieuwe blg artikelen standaard geplaatst, nu is er ng alleen de ptie uncategrized ) kan wrden. Daarnaast kun je de knp Publiceer dit slepen naar je bladwijzers in je brwser en een instellen waarmee je via nieuwe blg artikelen zu kunnen schrijven. Mcht je iets veranderen, klik dan p de blauwe knp m alles p te slaan. Klik nu p Lezen in de linkerkantlijn. Hier kun je instellingen ged zetten die betrekking hebben he de lezers van je blg / website de dingen zien. Het scherm ziet er als vlgt uit: 10

11 Hier kun je de vlgende gegevens aanpassen: Startpagina tnt: hier kun je kiezen f de Hmepage van je website de laatste (blg)berichten tnt f een statische pagina (één van de website pagina s die je hebt aangemaakt). Deze keuze veranderd drastisch het karakter en de lk en feel van je website, dus wees hier zrgvuldig in je keuze. Als leidraad kun je nemen: is je site meer een blg dan een website, kies dan vr Je laatste berichten, maar is je site meer een website dan een blg (b.v. een zakelijke website waarin je de diensten f prducten beschrijft en verkpt), kies dan vr de juiste Statische pagina. Sitepagina s tnen maximaal: kies hier heveel berichten er maximaal wrden getnd p de hmepage. RSS-feeds tnen de meest recente: kies hier heveel berichten er maximaal wrden getnd in de RSSfeeds. Lees hier wat RSS-feeds zijn: Vr elk artikel in de feed, tn: kies hier f de hele blg artikelen f alleen een samenvatting meten wrden meegestuurd in de RSS-feeds. Zichtbaarheid site: kies hier f de site wel f niet met wrden geïndexeerd dr zekmachines. Je kunt er zelfs vr kiezen m de site privé te huden en alleen mensen die je zelf uitndigt de site te laten bezeken. Enhanced feeds: kies hier f je extra functies wil tevegen aan je RSS-feeds, te weten: categrieën, tags, aantal reacties en/f sharing (via scial media). 11

12 Fllwer settings: hier kun je instellen f lezers p je website / blg je kunnen gaan vlgen. Als je deze ptie aan zet, verschijnt er nder de blg artikelen Fllw knp waarmee de bezekers je kunnen gaan vlgen. De s die zij krijgen, kun je hier k verder aanpassen, zdat zij de bdschap krijgen die jij wilt. Klik p de knp Wijzigingen pslaan m alle wijzigingen dr te veren. Klik nu p Reacties in de linkerkantlijn. Hier kun je instellingen ged zetten die betrekking hebben f en he de lezers van je blg artikelen kunnen reageren. Het scherm ziet er als vlgt uit: Hier kun je een flink aantal gegevens aanpassen. Een grt deel staat standaard al redelijk ged, als je testaat dat anderen reageren p je blg artikelen (advies = altijd den!). Enkele belangrijke gegevens m ged in te stellen, zijn: Standaard berichtinstellingen: dit is een aantal standaard instellingen die ver het algemeen wel ged staan. Je kunt ze bvendien ng per individueel bericht (blg artikel) anders instellen. Overige reactie-instellingen: dit zijn instellingen die zich richten p de rechten en plichten die mensen hebben die willen reageren p je blg artikelen. Je kunt hier meer f minder restricties instellen die elk wel van zichzelf spreken. De laatste ptie in dit rijtje laat je kiezen f je de meest f minst recente reacties bvenaan geplaatst wilt hebben. Dit wrdt zeer verschillend gebruikt, maar de meest recente is misschien wel het meest lgisch. Mij en wanneer: hier kun je instellen wanneer je allemaal s wilt krijgen. Kijk hier kritisch naar, want als je een drukke blg hebt, kun je veel s verwachten als je alles aangevinkt hebt staan. Als je ervr kiest dat je altijd reacties met mdereren (testaan), dan is het wel handig m daar s van te krijgen. Anders met je zelf actief gaan inlggen m te zien f iemand een reactie heeft geplaatst. Vr een reactie verschijnt: hier kun je kiezen f alle reacties eerst juw testemming meten krijgen, vrdat ze geplaatst wrden f dat iemand die al eens een reactie heeft geplaatst, autmatisch gedgekeurd 12

13 wrdt. Deze keuze is geheel aan jezelf, maar ged mdereren is wel belangrijk. Reacties mdereren: hier kun je instellen wat er met gebeuren met Spam-reacties en reacties waarin meer dan X links in staan. Het is namelijk heel gebruikelijk dat anderen reclame vr zichzelf maken in reacties. Dat den ze bijna altijd met 1 f meerdere links naar hun eigen websites en dat wil je (waarschijnlijk) niet. Datzelfde kun je hier k den wanneer een reactie één f meer van bepaalde dr ju ingevulde wrden bevat in de inhud, naam, URL, - f IP-adres. Zwarte lijst: hier kun je wrden invullen die wanneer een reactie één f meer van deze wrden bevat in de inhud, naam, URL, - f IP-adres, deze wrdt gemarkeerd als spam. Er wrdt hierbij gezcht in wrden, dus press zal wrden gevnden in WrdPress. Fllw cmments en fllw blg: als je deze aanvinkt staat er een Fllw cmments, danwel een Fllw blg knp in de reacties-sectie. Avatars: hier kun je alle instellingen vr Avatars ged zetten. Avatars zijn de kleine fttjes links naast de naam van degene die reageert p een blg. Als jij een wereldwijde Avatar vr jezelf wilt instellen (zdat altijd je eigen ft staat naast reacties die jij plaatst), dat kan hier: Cmment frm: hier kun je de tekst invullen die uitndigt m een reactie te plaatsen nder elk blg artikel. Klik p de knp Wijzigingen pslaan m alle wijzigingen dr te veren. Klik nu p Media in de linkerkantlijn. Hier kun je instellingen ged zetten die betrekking hebben he afbeeldingen wrden getnd p je website. Het scherm ziet er als vlgt uit: Hier kun je de vlgende gegevens aanpassen. Eigenlijk staat standaard al redelijk ged, maar z kun je ze ged instellen: Afmetingen van afbeeldingen: telkens als je een afbeelding tevegt aan een pagina f blg artikel (bdy van je website), kun je kiezen f dat een Thumbnail met zijn, een afbeelding van gemiddelde grtte f grt met zijn. Hier kun je de waarden bepalen die de maximale afmetingen in pixels van een afbeelding in de bdy van een bericht met zijn. Image Gallery Carusel: als je gebruik maakt van een image slideshw, dan kun je hier instellen he die eruit met kmen te zien. Vide player: hier kun je kiezen f je alleen vide s van VidePress wilt gebruiken. Deze ptie kun je meestal gewn het beste uit laten. Klik p de knp Wijzigingen pslaan m alle wijzigingen dr te veren. 13

14 Klik nu p Sharing in de linkerkantlijn. Hier kun je instellingen ged zetten die betrekking hebben p de scial media kppelingen van en naar je website. Het scherm ziet er als vlgt uit: Hier kun je de vlgende gegevens aanpassen: Publiceren: hier kun je de website kppelen aan je eigen accunts p de scial media platfrms: Facebk, Twitter, LinkedIn, Tumblr en Yah. Als je een dergelijke kppeling hebt gemaakt, dan kun je telkens als je een nieuw blg artikel hebt gepubliceerd deze direct delen p dat betreffende scial media platfrm. Als vrbeeld maken we hiernder een cnnectie met de Facebk pagina van Bedrijfspleidingen. Klik daarvr p Add new Facebk cnnectin. Je wrdt dan gevraagd naar de WrdPress.cm App te gaan p Facebk. Als je dat det, wrdt testemming gevraagd m je Facebk pagina s te beheren. Als je dat hebt tegestaan, dan met je kiezen p welke Facebk pagina je de nieuwe blg artikelen wilt plaatsen. Als je dat hebt gedaan, dan ziet deze nieuwe cnnectie er z uit: Sharing buttns: kies hier welke scial media (en enkele andere) buttns je bij je berichten (en pagina s) wilt hebben staan. Standaard staan er al een aantal p geactiveerd, maar je kunt er meerdere activeren dr ze met je muis te slepen naar het gedeelte met de Geactiveerde diensten, zals bijvrbeeld deze: 14

15 Sharing buttns (vervlg): vervlgens kun je ng enkele instellingen ged zetten m.b.t. he de scial media buttns eruit meten kmen te zien: met f znder tekst f de fficiële buttns, welke tekst ervr met kmen te staan, he de links gepend meten wrden (in een nieuw venster) en p welke pagina s de knppen getnd meten wrden. Klik p de knp Wijzigingen pslaan m alle wijzigingen dr te veren. Klik nu p Plls in de linkerkantlijn. Hier kun je de instellingen vr Plls (m.b.v. Plldaddy) ged zetten. Daar gaan we hier nu verder niet p in. Klik nu p Berdlingen in de linkerkantlijn. Hier kun je de instellingen vr berdelingen (Ratings) ged zetten. Dit stelt je in staat m bven f nder elke blg f pagina f reacties de bezekers het betreffende artikel te berdelen (m.b.v. 0 tt 5 sterretjes). Hiermee verhg je de interactiviteit van je blg en pagina artikelen en reacties en geeft het nieuwe lezers een snelle eerste indruk f het een ged artikel f gede reactie is f niet (vlgens de andere lezers). Als je p Geavanceerde instellingen klikt, verschijnt een uitgebreide pagina waarin je de wijze waarp deze Ratings wrden getnd helemaal kunt instellen. Z kun je kiezen vr 2 srten Rating methdes, he grt ze weergegeven meten wrden en in welke kleuren, f ze links f rechts meten kmen te staan en je kunt alle labels die tegedicht wrden aan bepaalde Ratings veranderen. Je ziet aan de rechter kant telkens een vrbeeld als je iets hebt veranderd. Klik nu p bericht veranderen in de linkerkantlijn. Hier kun je de instellingen vr meldingen ged zetten. Hier kun je instellen f je g d wilt wrden als er blg artikelen en/f pagina s wrden veranderd (f zelfs als draft wrden veranderd). Zeker als je met meerdere mensen de website bijhudt, kan dat zeer handig zijn. Z wrd je tijdig geïnfrmeerd als cntent verandert en kun je het ged in de gaten huden. Je kunt meerdere adressen tevegen (in het veld Extra adressen ), zdat je met een team kunt samenwerken. Het scherm ziet er als vlgt uit: 15

16 Stichting Praktijkleren 4 Thema installeren en aanpassen We hebben nu de website instellingen ged gezet. In dit hfdstuk gaan we een ander Thema installeren. Standaard staat het Twenty Twelve thema van WrdPress geïnstalleerd. Je kunt enkele aanpassingen den p dit thema f een ander Thema selecteren en installeren. Nieuw thema installeren Om een nieuw thema te installeren klik je in de linkerkantlijn p Weergave. Het vlgende scherm verschijnt met alle beschikbare thema s: In de lijst met beschikbare thema s zitten betaalde en gratis thema s. Blader er eens lekker drheen en bekijk welke ged past bij de uitstraling van je rganisatie. In dit vrbeeld kiezen we vr het thema Bk Lite. Als je er één wilt prberen, klik dan p de afbeelding van het thema f p de link Live vrbeeld ernder. Een scherm verschijnt met daarp je website en alsf je dit thema al gebruikt. In ns vrbeeld (met Bk Lite) ziet het er z uit: Aan de rechterkant (in de blauwe balk) zie je ng enkele knppen waarmee je enkele wijzigingen kunt tepassen, zals de kleur van de letters van de titel en van de achtergrnd. Als je het nieuwe thema ged vindt, dan kun je in dit scherm p de knp activeren klikken f in het vrige scherm (met het verzicht van de thema s) p de link activeren nder het betreffende thema. Als je dat gedaan hebt, is het nieuwe thema het actieve thema, zals je kunt zien in het thema verzicht: 16

17 Stichting Praktijkleren Je hebt nu het thema aangepast en je ziet dat je heel snel de hele lk en feel van je website kunt aanpassen. Je kunt p het thema ng wijzigingen aanbrengen. Dat wrdt hiernder uitgelegd. Thema aanpassen In feite kun je twee belangrijke basis wijzigingen drveren p het thema: de header en de achtergrnd: Om deze wijzigingen aan te brengen in het thema klik je eerst in de linkerkantlijn p Header. Het vlgende scherm verschijnt: Hier kun je de kpafbeelding (Header afbeelding) aanpassen dr p de knp Bestand kiezen nder het kpje Afbeelding selecteren te klikken. Je kunt dan een afbeelding van je cmputer upladen, welke de standaard afbeelding (in ns vrbeeld) vervangt. Je kunt de afbeelding k weer verwijderen. Daarnaast kun je nder het kpje Kptekst kiezen f je k de kptekst wil laten zien (sms wil je dat niet als in de afbeelding al je lg zit verwerkt) en welke kleur de tekst met zijn. Als je klaar bent, klik dan p de blauwe knp Wijzigingen pslaan. Je kunt nu de andere wijziging aanbrengen. Klik daarvr in de linkerkantlijn p Achtergrnd. Het vlgende scherm verschijnt: Hier kun je de achtergrndafbeelding selecteren dr p de knp Bestand kiezen nder het kpje Afbeelding selecteren te klikken. Je kunt dan een afbeelding van je cmputer upladen die als achtergrnd gaat dienen. 17

18 Daarnaast kun je i.p.v. een achtergrndafbeelding een achtergrndkleur instellen. Dat de je nder het kpje Weergave-instellingen. Kies daar een achtergrndkleur van je keuze uit en klik p Wijzigingen pslaan. Als je in de linkerkantlijn p Aangepast design klikt, dan kun je (tegen betaling) ng veel meer zaken veranderen, zals lettertype, verige kleuren vr allerlei nderdelen en je kunt met CSS heel veel andere zaken p je website aanpassen. Meer ver CSS vind je hier: Als je in de linkerkantlijn p Mbile klikt, dan kun je instellen he je website eruit met zien p mbiele devices. Ok vind je hier links naar de WrdPress Apps vr de verschillende mbiele devices (zals de App Stre). Widgets aanpassen Als je in de linkerkantlijn p Widgets klikt, dan km je in het nderdeel waarin je alle widgets in de sidebars en fters kunt tevegen, verwijderen en aanpassen. Afhankelijk van het thema zijn er 0, 1 f meerdere sidebars en 0,1 f meerdere fters. In ns vrbeeld zijn er 3 fters, maar het principe is exact hetzelfde vr sidebars. Het widget scherm dat verschijnt, ziet er als vlgt uit: Aan de rechterkant staan alle beschikbare widgets en ernder de gedeactiveerde widgets. Die laatste zijn widgets die je in het verleden gebruikt hebt, maar weer verwijderd hebt. Je kunt p deze manier altijd ude widgets weer terug vinden en eventueel heractiveren. Aan de linkerkant zie je per nderdeel (in dit geval Fter One, Tw en Three) welke widgets er actief zijn. Dr p de titel van de Fter te klikken (b.v. p Fter One) klap je deze pen f dicht. Als je er één hebt pen geklapt, staan daarnder de actieve widgets. Als je vervlgens weer p de titel van een widget klikt, klapt deze k weer pen en kun je de instellingen van de widget veranderen f infrmatie tevegen. Elke widget heeft zijn eigen functie en daarmee k zijn eigen instellingen. Dat verschilt dus per widget. Standaard staat er al een flink aantal widgets nder de eerste sidebar f fter, zals k hierbven te zien is. Om een widget van de website te verwijderen, sleep je deze naar het vak met de Beschikbare widgets f het vak met Gedeactiveerde widgets (als je deze ng wilt bewaren). Om een widget te te vegen, sleep je deze vanuit het vak Beschikbare widgets naar de sidebar f fter waar je deze wilt hebben. Vervlgens kun je de instellingen van de widget ged zetten. Als je daarmee klaar bent met je ng wel p de knp Opslaan klikken m de wijzigingen te te passen. Een vrbeeld van de veranderde fters zie je hiernder: 18

19 En hiernder zie je he de fters er nu uitzien p de website: Naast dat je widgets kunt tevegen en verwijderen, kun je de psitie ervan k nderling en tussen sidebars en fters veranderen. Hiernder zie je dat Fter Three weg is gehaald en de zekfunctie en Like-bx nder elkaar in Fter One zijn gezet: Op die manier kun je met de widgets spelen ttdat het vldet aan je behefte. Menu s De laatste ptie die je ng hebt bij Weergave is m de menu s aan te passen. Standaard maakt WrdPress zelf een menu aan van de bestaande pagina s. In dit geval Hme en Abut. Maar bij de sectie Menu s kun je dat primaire 19

20 Stichting Praktijkleren standaard menu verschrijven met een eigen gemaakt menu. Tevens kun je, als het thema het telaat, een tweede menu, Tpmenu, tevegen. Om een aangepast menu te maken, geef je het nieuwe menu een naam en klik p de knp Menu aanmaken. Vervlgens kan je nderdelen zals pagina's, categrieën en aangepaste links vanuit de linkerklm aan dit menu tevegen. Nadat je enkele items hebt tegevegd kun je deze via drag en drp verplaatsen en ze in de gewenste vlgrde zetten. Je kunt p een item klikken m eventuele cnfiguratie instellingen weer te geven en de weergave naam ervan te veranderen. Als je klaar bent met het maken van je aangepaste menu, klik dan p de knp Menu pslaan. Zrg er bvendien vr dat je links bvenin, nder het kpje Thema lcaties dit nieuwe menu hebt geselecteerd als het Primair menu. Een uitgewerkt vrbeeld van een aangepast primair menu zie je p de vlgende pagina: En hiernder zie je he dat er p de website eruit ziet: 20

21 5 Nieuwe pagina maken In dit hfdstuk gaan we een nieuwe pagina maken. Pagina s p een website zijn meestal ngal statische webpagina s die gebruikt wrden m meer te vertellen ver je bedrijf, de mensen die er werken, de diensten f prducten die wrden aangebden enz. Het aanmaken van een pagina gebeurt via een zgenaamde WYSIWYG (What Yu See Is What Yu Get) editr en lijkt wel een beetje p MS Wrd. Om een nieuwe pagina aan te maken, klik je in de linkerkantlijn p Pagina s en vervlgens p Nieuwe pagina. Het vlgende scherm verschijnt dan: De pagina bestaat uit een aantal vast nderdelen, te weten: 1. De titel van de pagina: hier ver je de titel in en WrdPress maakt hier gelijk een URL van, dus het is belangrijk m een gede titel te maken (niet te lang en exact beschrijvend wat er te vinden valt). Een cntactpagina heeft dan k vaak de titel Cntact. 2. De cntent van de pagina: dit is de WYSIWYG editr waar je tekst, afbeeldingen en vide s in kunt zetten. Dit leidt dus tt de inhud van de pagina. 3. Publiceren: hier geef je aan f en wanneer je de pagina wilt publiceren en wie de pagina kan zien. Dr hier p Bewerken te klikken bij één van de pties, kun je de standaard instellingen bewerken. Dat kan erg handig zijn als je bijvrbeeld de pagina niet direct, maar pas ver een week wilt publiceren. Je kan m dan wel gewn alvast aanmaken, maar p deze manier pas vr een later mment inplannen vr publicatie. 4. Pagina-attributen: hier kun je aangeven f de nieuwe pagina hiërarchisch nder een andere pagina met kmen te hangen en p welke psitie qua vlgrde de nieuwe pagina met kmen. 5. Schrijf hulp: hier kun je aan f uit zetten f je gerelateerde cntent van andere websites wilt tnen, f je een andere pagina wilt gebruiken als startpunt vr deze nieuwe pagina en f je, vrdat je pagina publiceert, van mensen eerst feedback wilt vragen. 21

22 6. Likes en delen: hier kun je kiezen f je de Likes en/f de scial media buttns wil tnen p deze nieuwe pagina. Vul allereerst de titel in en begin dan de cntent te te vegen in de WYSIWYG editr. In dit vrbeeld maken we een cntact pagina en deze heeft een aantal regels tekst en een afbeelding. Het tevegen van tekst zal wel lukken, maar m een afbeelding te te vegen, de je het vlgende. Je gaat p de plek in de tekst staan waar je de afbeelding wilt hebben. Dan klik je p de knp Media tevegen. Het vlgende ppup scherm verschijnt: Hier kun je bestanden upladen f een bestand kiezen uit de Mediabiblitheek (als je al eens afbeeldingen.i.d. hebt geuplad). Vr een nieuwe afbeelding klik je p de knp Bestanden selecteren en je selecteert een afbeelding vanaf je cmputer. De afbeelding wrdt dan direct in de Mediabiblitheek gezet en je kunt de details van de afbeelding dan bewerken, zals hiernder te zien is: Je kunt de afbeelding een naam geven (f aanpassen), een nderschrift meegeven (dit kmt nder de afbeelding p je website te staan), een alt-tekst meegeven (dat kmt tevrschijn als je er verheen hvert) en een beschrijving meegeven. Daarnder kun je selecteren he de afbeelding p de pagina met kmen. Je kunt de uitlijning kiezen (geen, links f rechts), kiezen f er ergens naar gelinkt met wrdenals mensen erp klikken (geen, de afbeelding zelf, bijlagepagina f een (externe) url) en welke grtte de afbeelding met hebben (Thumbnail, gemiddeld f grt). Als je alle instellingen vr de afbeelding klaar hebt, klik je p de blauwe knp In pagina invegen en dan wrdt de afbeelding p de plek waar je stnd in de tekst ingevegd p de manier zals je hebt ingesteld. In dit vrbeeld laten we de afbeelding rechts uitlijnen en is de grtte gemiddeld. Naast het tevegen van afbeeldingen, kun je k Plls en frmulieren tevegen met de twee icntjes naar de Media tevegen knp. Daarnaast kun je de teksten p tal van manieren verfraaien middels de werkbalk bven de editr. Als je p het meest rechtse iccntje in de werkbalk klikt, kmt er zelfs een tweede rij tevrschijn met ng meer pties, zals hiernder te zien is: 22

23 Als je tussendr wilt weten he je pagina er ngeveer uitziet, znder deze p te slaan f te publiceren, kun je rechtsbven altijd klikken p de knp Vrbeeld. De nieuwe pagina wrdt dan in een nieuw venster getnd. Als je vrlpig klaar bent, maar de pagina ng niet wilt publiceren, kun je rechtsbven p de knp Opslaan als cncept klikken. De pagina wrdt dan bewaard, maar is ng niet gepubliceerd. En als je de pagina wilt publiceren klik je aan de rechter kant p de blauwe knp Publiceren. De pagina wrdt dan gepubliceerd en is vanaf publicatie direct te benaderen dr alle bezekers. Een vrbeeld zie je hiernder: En z ziet deze pagina er p de website uit: Wanneer je gebruik maakt van eigen gemaakte menu s, zals in het vrige hfdstuk besprken, dan is het ng wel ndig m deze nieuwe pagina te te vegen aan je menu( s). Als je dat hebt gedaan (zie hfdstuk 4) dan verschijnt deze nieuwe pagina k in het menu: 23

24 6 Nieuw blg artikel maken In dit hfdstuk gaan we een nieuw blg artikel maken. Blg artikelen p een website zijn meestal dynamische cntent die gebruikt wrden m nieuws f relevante nieuwe infrmatie te delen. Ze zijn tegenwrdig erg belangrijk, mdat je met blg artikelen kunt laten zien dat je veel actuele kennis en infrmatie hebt en deze wilt delen met de markt f je delgrep en deze blg artikelen zijn uitstekend geschikt m via scial media te delen en te laten delen. Krtm, met ged blg artikelen km je vaker en sneller in beeld bij je delgrep. Om een nieuw blg artikel te maken, klik je in de linkerkantlijn p Berichten en vervlgens p Nieuw bericht. Het vlgende scherm verschijnt dan: Deze pagina vr de nieuwe blg bestaat uit een aantal vast nderdelen, te weten: 1. De titel van de blg: hier ver je de titel in en WrdPress maakt hier gelijk een URL van, dus het is belangrijk m een gede titel te maken (niet te lang en exact beschrijvend waarver dit artikel gaat). 2. De cntent van de blg: dit is de WYSIWYG editr waar je tekst, afbeeldingen en vide s in kunt zetten. Dit leidt dus tt de inhud van het blg artikel. 3. Publiceren: hier geef je aan f en wanneer je de blg wilt publiceren en wie de blg kan zien. Dr hier p Bewerken te klikken bij één van de pties, kun je de standaard instellingen bewerken. Dat kan erg handig zijn als je bijvrbeeld de blg niet direct, maar pas ver een week wilt publiceren f als je alleen vr leden de blg beschikbaar wilt stellen. Je kunt hier k keizen via welke gekppelde scial media prfielen je de nieuwe blg direct wilt verspreiden. 4. Ntatie: hier kun kiezen wat vr srt blg artikel het met wrden. Meestal kies je vr de Standaard. 5. Categrieën: dit is een belangrijke sectie. Hier kies je nder welke categrie(ën) de blg met kmen te hangen. Het is z dat blgs wrden verdeeld nder categrieën. Standaard is er de categrie Uncategrized, maar hier kun je een relevante nieuwe categrie tevegen. Je kunt dan vlgende blgs k nder die categrie hangen en z bundel je blgs die bij elkaar hren nder dezelfde categrie. 24

25 6. Tags: hier kun je zgenaamde Tags kppelen aan je blg. Dit zijn als het ware klikbare zektermen waarmee bezeker snel dr blgs kunnen bladeren met dezelfde Tags. Hier kun je ze tevegen en/f kiezen uit reeds dr ju aangemaakte Tags. 7. Schrijf hulp: hier kun je aan f uit zetten f je gerelateerde cntent van andere websites wilt tnen, f je een andere blg wilt gebruiken als startpunt vr deze nieuwe blg en f je, vrdat je de blg publiceert, van mensen eerst feedback wilt vragen. 8. Likes en delen: hier kun je kiezen f je de Likes en/f de scial media buttns wil tnen p deze nieuwe blg. Altijd den! 9. Uitgelichte afbeelding: hier kun je een afbeelding tevegen die gebruikt wrdt als thumbnail in het verzicht met blg artikelen. Vul allereerst de titel in en begin dan de cntent te te vegen in de WYSIWYG editr. In dit vrbeeld maken we een blg artikel ver Facebk en deze heeft een aantal regels tekst en een afbeelding, qua prces identiek aan de pagina (zie hfdstuk 5). Als je tussendr wilt weten he je blg er ngeveer uitziet, znder deze p te slaan f te publiceren, kun je rechtsbven altijd klikken p de knp Vrbeeld. De nieuwe blg wrdt dan in een nieuw venster getnd. Als je vrlpig klaar bent, maar de blg ng niet wilt publiceren, kun je rechtsbven p de knp Opslaan als cncept klikken. De blg wrdt dan bewaard, maar is ng niet gepubliceerd. En als je de blg wilt publiceren klik je aan de rechter kant p de blauwe knp Publiceren. De blg wrdt dan gepubliceerd en is vanaf publicatie direct te benaderen vr bezekers. Een vrbeeld zie je hiernder: 25

26 En p de vlgende pagina zie je he de nieuwe blg er p de website uitziet: 26

27 Wanneer je gebruik maakt van eigen gemaakte menu s, zals in hfdstuk 4 besprken, dan kun je bijvrbeeld vr een categrie k een menu-item maken. Als je dat hebt gedaan (zie hfdstuk 4) dan verschijnt deze nieuwe categrie k in het menu: Je bent nu in staat m een WrdPress website te maken, deze in te richten, een andere lk en feel te geven d.m.v. een ander thema, widgets te te vegen, menu s in te stellen, pagina s aan te maken en blg artikelen te te vegen. 27

28 7 Practicum (2 uur) In dit practicum: Ga je een WrdPress website maken Ga je een Thema installeren Ga je een pagina maken p je website Ga je een blg artikel maken p je website Vr dit practicum heb je ndig: Tegang tt WrdPress (via internet) Een buurman / buurvruw waar je een eventueel deel van het practicum mee uitvert Tijd: ± 2 uur Krte practicuminstructies: Je gaat aan de slag met het maken van een WrdPress website. Zrg ervr dat je alle instellingen vr je Htsuite accunt ged invult. Naast vrgaande hfdstukken, vind je veel infrmatie p: Stapsgewijze beschrijving van het practicum: WrdPress website aanmaken: Ga naar en maak een website aan vlgens de instructies in dit werkbek. Vul hierbij alle gegevens serieus in en nthud je wachtwrd. Selecteer een Basic (gratis) website. Stel alle gegevens van je nieuwe website ged in vlgens de instructies uit hfdstuk 3. Bekijk het resultaat van je nieuwe website. Bekijk k de website van je buurman en bespreek met elkaar he je de website hebt gemaakt. Nieuw thema installeren: Installeer p je website een nieuw thema. Selecteer hierbij één van de gratis thema s. Pas het thema aan vlgens de instructies in dit werkbek (hfdstuk 4). De manier van aanpassen kan per thema verschillen. Pas k één f twee widgets aan vlgens de instructies in dit werkbek (hfdstuk 4). He de widgets eruit zien, kan per thema verschillen. Bekijk k de website van je buurman en bespreek met elkaar welke thema s en widgets je hebt gebruikt. Nieuwe pagina maken: Maak een nieuwe pagina aan p je website vlgens de instructies in dit werkbek (hfdstuk 5). Veg k eens een afbeelding f YuTube filmpje te en kijk wat er gebeurt. Bekijk k de pagina s van je buurman en bespreek met elkaar wat je hebt gedaan. Nieuw blg artikel maken: Maak een nieuw blg artikel aan p je website vlgens de instructies in dit werkbek (hfdstuk 6). Veg k eens een afbeelding f YuTube filmpje te en kijk wat er gebeurt. Bekijk k de blg artikelen van je buurman en bespreek met elkaar wat je hebt gedaan. --- EINDE