WordPress handleiding

Transcriptie

1 Faculteit Geesteswetenschappen, Universiteit Utrecht WordPress handleiding Natalie Vijlbrief & Ellen Kluin 12

2 Inhoudsopgave Inleiding...3 Inloggen...3 Het Dashboard...4 De site opzetten...7 Elementen verwijderen...7 Categorieën (bij bloggen)...8 Een blogpost maken...9 Een pagina maken...10 Subpagina s...10 Opmaak van een blogpost of pagina aanpassen...10 Media toevoegen aan een blogpost of pagina...13 Vanaf computer...13 Vanaf een URL...14 Uit de Gallery of Media Library...15 Links maken in een blogpost of pagina...16 Meer informatie over WordPress:

3 Inleiding WordPress is een CMS (content management systeem) waarop websites en blogs gemaakt kunnen worden. Het gemak waarmee je nieuwe teksten kunt maken en oude kunt aanpassen is een van de belangrijke redenen waarom WordPress veel gebruikt wordt voor websites die makkelijk bij te werken moeten zijn. WordPress wordt door de faculteit Geesteswetenschappen gebruikt voor externe websites, zoals nieuwsvoorziening voor opleidingen, congreswebsites en projectwebsites wanneer deze niet in SharePoint gemaakt kunnen worden. Daarnaast draaien de online ambassadeurblogs hierop. Let op: Dit document is een gebruiksaanwijzing over WordPress. Als er vragen zijn over het opzetten van een WordPress, neem contact op Webmaster Geesteswetenschappen: Inloggen Elke WordPress website heeft een eigen URL. Deze link begint met naam / (voor blogs) of naam.wp.hum.uu.nl/ (voor websites). Bijvoorbeeld Wanneer je wilt inloggen zet je achter deze link /wp admin. Bijvoorbeeld admin. Zo kom je bij het administratieve gedeelte van WordPress terecht en zie je het volgende scherm: Vul je gebruikersnaam en wachtwoord in en klik op Log in. Je gebruikersnaam is je Solis ID met bijbehorend wachtwoord. Wanneer meerdere mensen toegang hebben gekregen tot de website, kunnen zij allemaal met hun eigen Solis ID en wachtwoord inloggen. 3

4 Het Dashboard Na inloggen kom je op het Dashboard. (Als je nog geen elementen in het middendeel van het dashboard ziet staan, klik dan bovenaan in de menubalk op My Sites en kies je eigen naam. ) Het menu aan de linkerkant van het Dashboard heeft alle elementen die je nodig hebt om je site bij te houden. Dit menu heeft twee delen. Deel 1 gaat over alles waarmee je de inhoud van je site kunt toevoegen en beheren. Deel 2 heeft alle opties voor instellingen, functionaliteit, onderhoud, opmaak en gebruikers. 4

5 Deel 1 van het Dashboard menu: Posts: Hier kun je nieuwe blogposts maken die vervolgens op datum (laatst geschreven bovenaan) op je blog verschijnen. Media: Hier heb je een overzicht van alle bestanden die je ge uploamediabestanden toevoegen. Omdat je meestal vanuit een hebt. Ook kun je vanaf hier nieuwe blog een bestand oplaadt zal je hier niet veel komen. Links: Dit zijn weblinks, links vanaf jouw website naar andere websites. Pages: Hier kun je (statische) pagina s toevoegen aan je menu. Bijvoorbeeld een pagina met extra uitleg over het congres. Comments: Bij Comments komen de berichten binnen die anderen bij je Posts plaatsen. Deze moet je standaard goedkeuren voordat ze op je blog verschijnen. Bij Discussion in deel 2 van het menu kun je dit aanpassen. Bij Comments kun je ook reacties verwijderen. Deel 2 van het Dashboard menu: Appearance: Hieronder zit alles waarmee je de looks van je blog of website kunt veranderen. o Bij Themes kun je voor een bepaalde look kiezen. In principe heb je de standaard geesteswetenschappenhuisstijl. Wanneer er een specifieke vormgeving gemaakt is voor de website kun je deze hier ook vinden. o Widgets: In de zijbalk van de website kun je widgets neerzetten. Widgets zijn bijvoorbeeld kalenders, recente comments op je blogs, tag cloud waarbij de meest gebruikte tags het grootste verschijnen, etc. Je kunt hier zoveel mee doen of niet doen als je zelf wilt. o Onder Menus hoef je in het algemeen niets te veranderen, omdat je pagina s toch al in het menu komen te staan. Als je bijvoorbeeld een andere volgorde wilt, kun je dat hier instellen. o Bij Header kun je kiezen voor een standaard header of een specifieke wanneer deze voor de website gemaakt is. Plugins: Bij Plugins kun je extra functionaliteiten toevoegen aan je website. Bijvoorbeeld een Twitterplugin of een RSS feeder. Er staan standaard een aantal klaar waar je uit kunt kiezen. Users: Bij Users staan alle gebruikers die de website kunnen beheren. Tools: Hier hoef je niets mee te doen. Settings: Onder Settings kun je instellingen van je website aanpassen: 5

6 o General: Hier kun je de titel aanpassen, de subtitel (tagline), de tijdzone (we zitten in GMT+1), welke vorm je wilt gebruiken voor de datum en tijd, en op welke dag de week begint. o Writing: Hier staan een aantal opties, waarvan er enkele interessant zijn: Je kunt aangeven of je smileys wilt laten converteren naar grafische smileys en je kunt aangeven in welke categorie je standaard wilt posten (deze staat automatisch op uncategorized). o Reading: Je kunt hier aangeven hoeveel blogposts er getoond worden. Schrijf je lange stukken, beperk dit dan tot 3 of 4, schrijf je korte stukken dan kunnen dat er wel iets meer zijn. Je kunt ook i.p.v. weinig blogposts alleen het begin van de posts tonen.(zie ook het icoon hiervoor op pagina 11). o Bij Discussion kun je de instellingen van de comments veranderen. Deze staan op zich goed, maar je kunt altijd kijken of je hier iets aan wilt veranderen. o Media: Hier kun je de afmetingen van media aanpassen. Je kunt hiermee spelen, maar het is aan te raden om de standaard afmetingen aan te houden omdat die op de meeste beeldschermen goed getoond worden. o Privacy: Laat de Privacy instellingen staan zoals ze nu staan. o Bij Permalinks kun je veranderen hoe de link van elke afzonderlijke pagina eruit ziet. Dit kun je inrichten naar eigen smaak. Het is aan te raden een versie te kiezen waarbij de titel van de pagina/post in de URL staat. Als de titel van een pagina in een URL staat, is deze beter te vinden door zoekmachines. 6

7 De site opzetten Als je voor het eerst inlogt, ziet de site er automatisch zo uit: Elementen verwijderen Voordat je begint is het belangrijk een aantal dingen in te stellen. Er staat automatisch een eerste post genaamd Helloworld!. Verwijder deze door naar Posts te gaan. Ga met je muis over Helloworld! en klik op Trash. Klik op General onder Settings en vul de gegevens hier aan. Klik op Header onder Appearance en kies je header. Lees de informatie over het Dashboard eens goed door en kijk of er instellingen zijn in je site die je graag anders zou willen hebben. 7

8 Categorieën (bij bloggen) Wanneer je wilt bloggen is het een goed idee om bedenken wat voor categorieën je wilt gebruiken voor deze blogpost. Categorieën kun je aan een blogpost toekennen om aan te geven waar deze over gaat. Standaard wordt een post toegekend aan de categorie Ongecategoriseerd, wat natuurlijk niet echt informatief is. Bij Categories staan alle categorieën die er al zijn. Automatisch staat er Ongecategoriseerd. Haal deze weg en voeg enkele andere toe. Categorieën toevoegen: Geef de categorie een naam Geef aan of de categorie een subcategorie is van een ander, of niet Description kun je leeg laten Klik op Add new category 8

9 Een blogpost maken Klik in het menu onder Posts op Add new. Vul de titel van je blog in Schrijf je blog in het grote schrijfvlak Richt je eerst volledig op de inhoud van je bericht Vergeet niet tussendoor te saven met Save draft Je kunt net zoals in Word de 13) en links maken (pg. 16) opmaak van de tekst bewerken (pg. 10), media toevoegen (pg. Als je klaar bent met het bericht kun je het bekijken met Preview Hierna kun je nog opmaak aanpassen waar nodig Geef de categorie aan van het blog Geef tags op voor het blog Helemaal tevreden? Nu kun je het blog publiceren met Publish Verander je hierna nog iets aan het blog? Vergeet dan niet opnieuw op Publish te klikken 9

10 Een pagina maken Als je WordPress gebruikt om een website te bouwen ga je net iets anders te werk dan wanneer je een blog bouwt. Bij een blog gebruik je posts, bij een website maak je pagina s. In je Dashboard heb je in het linker menu Pages en de optie om een nieuwe pagina te maken. Geef de pagina een titel, schrijf de inhoud en publiceer hem. Die paginatitel zorgt ook voor de URL van je pagina en komt in je menu terecht, maak de titel daarom niet te lang. Subpagina s Als je subpagina s wilt maken, klik dan eerst op New page. Aan het rechter kant verschijnt Page Attributes. Kies hier de parent (hoofdpagina) waar de subpagina onder moet komen. Lees meer over pagina s in WordPress op: Opmaak van een blogpost of pagina aanpassen Wanneer je een post/pagina maakt heb je, net als bij Word, allerlei iconen waarmee je de opmaak van je tekst kunt veranderen: Tekst dik drukken Tekst schuin drukken Tekst doorstrepen Ongenummerde lijst Genummerde lijst Maakt een blok met een quote die schuin gedrukt wordt 10

11 Tekst links uitlijnen Tekst centreren Tekst rechts uitlijnen Wanneer een stuk tekst geselecteerd is, kleurt dit icoon blauw. Het is dan mogelijk een link te maken van de tekst. De link van een stuk tekst verwijderen Als een blogpost lang is, wil je soms alleen het eerste deel op de beginsite hebben staan. Dit icoon zet een streep neer onder het stuk dat altijd zichtbaar moet zijn (deze streep is in de blogpost niet zichtbaar). Je kunt spellingschecker aanzetten in verschillende talen. Let op: Net zoals bij Word pakt deze niet alle mogelijke fouten. De mogelijke talen: Hiermee zet je WordPress op FullScreen mode. Dit is handig als je langere teksten wilt schrijven. In de FullScreen mode zijn alleen de opmaakbalk en de ruimte voor de tekst zichtbaar. 11

12 Met deze show/hide kitchensink knop kun je een tweede balk tonen/verbergen, met daarop meer mogelijkheden: Onder deze knop zitten allerlei kant en klare opmaakstijlen. Hij staat automatisch op paragraph, maar heeft ook stijlen voor verschillende koppen (H1 t/m H6), adressen en preformatted tekst (ouderwetse typmachine opmaak). Tekst onderstrepen Naast tekst links, gecentreerd of rechts uit te lijnen kun je ook tekst uitvullen. De kleur van de tekst veranderen Tekst zonder opmaak kopiëren in WordPress Tekst met opmaak kopiëren uit Word Haal alle opmaak uit een stuk tekst Speciale karakters invoegen Een tab (terug) naar links Een tab naar rechts Actie ongedaan maken Actie opnieuw doen Help 12

13 Media toevoegen aan een blogpost of pagina Alleen tekst is misschien een beetje saai en bovendien maken visuele media soms meer duidelijk dan tekst ( Een foto zegt meer dan 1000 woorden ). Het is daarom aan te raden de mogelijkheden voor het toevoegen van afbeeldingen, video en andere media te gebruiken. Eerder is al de optie Media in het menu besproken. Daar kun je zien wat je tot nu toe al geupload hebt. Wanneer je een item (afbeelding, video, audio of media) wilt toevoegen gebruik je meestal het volgende icoon boven de opmaakbalk: Als je op bovenstaand icoon klikt, opent een nieuw scherm: Je kunt afbeeldingen toevoegen vanaf je computer, vanaf een URL, uit je Gallery of uit je mediabibliotheek (waar je ook via de menuknop Media komt). Vanaf computer Klik op Select Files, vervolgens krijg je de Windows verkenner waarmee je door mappen kunt klikken en de afbeelding op je pc kunt opzoeken. Klik op de afbeelding en op Open. Nadat het uploaden klaar is, zie je het volgende scherm: 13

14 Vul hier de titel in en geef aan hoe de afbeelding in de tekst moet komen. Je kunt de uitlijning kiezen en de grote van de afbeelding. Vervolgens klik je op Insert into Post. Vanaf een URL Als je een afbeelding wilt invoegen in je blog/ op je pagina die al ergens staat buiten jouw website, kun je de link van de afbeelding toevoegen. Vul bij Image URL de link in en geef de afbeelding een naam. Ook hier kun je de uitlijning bepalen en vervolgens op Insert into Post klikken. 14

15 Let wel op dat als je afbeeldingen van anderen gebruikt je aangeeft waar je deze vandaan hebt en van wie deze is! Uit de Gallery of Media Library Als je een afbeelding wilt toevoegen aan je blog die je al eens eerder hebt geupload binnen deze pagina of post, ga dan naar Gallery, heb je al eerder media geupload binnen deze website, ga dan naar Media Library. Vervolgens krijg je een overzicht van alle afbeeldingen te zien. Klik op Show om een overzicht van de bekende gegevens te krijgen (zie hierboven bij Uploaden vanaf computer ). Daarna kun je de afbeelding invoegen in de post. 15

16 Links maken in een blogpost of pagina Op pagina 11 staat kort uitgelegd welke iconen hyperlinks maken en verbreken. Hier wordt uitgebreider ingegaan op het maken van links naar andere websites in je blogpost of pagina. Schrijf een stuk tekst en selecteer hiervan het stuk dat een link moet worden. Klik vervolgens op het link icoon. Er opent dan een nieuw scherm waar je de URL van de link in kunt zetten en de titel van deze website. Je kunt kiezen of je deze link in een nieuw scherm wilt laten openen of in plaats van jouw blog. Het is aan te raden links naar andere websites altijd in een nieuw venster te laten openen. Klik vervolgens op Add Link en de geselecteerde tekst is een link geworden. Je kunt ook een link maken naar een ander blog of een andere pagina binnen je eigen blog. Klik daarvoor op Or link to existing content. Je kunt dan het goede bericht zoeken en hier een link naar maken. 16