Handleiding Deelnemers Food Guerrilla

Lorem Ipsum |

Handleiding Deelnemers Food Guerrilla WordPress post-invulling

[email protected] | Marjet Wullink | 06 - 42242614

i

ii

| BureauBold Tips & tricks voor SEO

0

Inhoudsopgave

1. INLOGGEN. . . . . . . . . . . . . . . . . . . . 1 2. DASHBOARD.. . . . . . . . . . . . . . . . . . 1 3. DEELNEMERSGRID . . . . . . . . . . . . . . . . 2 4. AFBEELDING TOEVOEGEN. . . . . . . . . . . . . 3 4.1 BEELD AANPASSEN. . . . . . . . . . . . . . . 4 4.2 AFBEELDING LINK NAAR EXTERNE PAGINA. . . . . 5 5 VIDEO TOEVOEGEN . . . . . . . . . . . . . . . . 5 6. GALLERY INVOEGEN. . . . . . . . . . . . . . . . 6 7 POST EN OPMAAK . . . . . . . . . . . . . . . . 8 7.1 LINKJES INVOEGEN. . . . . . . . . . . . . . . 9 7.2. ANDERE HANDIGE SYMBOLEN . . . . . . . . . . 9 7.3. DE ONDERSTE EXTRA RIJ . . . . . . . . . . . . . 9 8 INHOUD IS VERDWENEN/ VORIGE VERSIE. . . . . . 10 9 BETER GEVONDEN WORDEN IN GOOGLE. . . . . . . 11 10 VERANDER DE URL. . . . . . . . . . . . . . . 11

Dit document is alleen bedoeld voor cursisten van Bureaubold

www.BureauBoLD.nL |

1

2

Inloggen Ga naar www.foodguerrilla.nl /wp-admin < Je krijgt nu het volgende scherm te zien: Vul daar julli gebruikersnaam en wachtwoord username: xxxx password: xxxxx en de Captcha (dit is om te bewijzen dat je een mens bent en geen spamcomputer. Let op!: Hoofdletter-gevoelig) in en klik op “Log in”. stap 1 is gedaan, je wordpress dashboard wordt nu zichtbaar.

Dashboard uit het Dashboard is het enige wat voor jullie van belang de ‘Posts’ en de ‘Media’.


1

2


3. Deelnemersgrid Hiernaast zie je een voorbeeld format van de pagina voor de deelnemers. De pagina is ingedeeld in tabellen: 2 kolommen en vier rijen.

De title van de post HIer zet je de titel neer van je post en dit is de naam van je groep.

Logo van je groep dmv van afbeelding zie pag 3

mensen/groepsdeelnemers hier zet je de namen neer van de mensen die meewerken aan het project en wat ze doen. Je mag de titel van dit blokje ook een eigen naam geven.

beschrijving en doel Dit spreek eigenlijk voor zich, hierin kun je tekst zetten. Pas met het plakken van tekst op dat je dit niet direct uit Word plakt. Gebruik er anders het tooltje hiervoor zoals beschreven op pagina 10.

Fotogallery Op pagina 6 en 7 zal ik dit verder uitleggen.

Links Je kunt hier links toevoegen naar je eigen pagina of andere partners.

Social Media Je vind hier buttons om men jou te laten volgen op Twitter en liken op Facebook. Als je inlogt staat uitgelegd hoe je dit kan aanpassen naar jouw Twitter/Facebook account.

Video Je kunt hieronder gewoon een URL van een youtube filmpje plakken en dan wordt de video automatisch geembed in de site (zie pag 5)


www.BureauBoLD.nL |

4

afbeelding toevoegen

Tussen de tekst kun je beeld zetten.) betekent een gewone afbeelding invoegen. Het gaat dan om onderstaande symbolen. Het eerste symbool (de rechthoek en elkaar, soort tv) Wanneer je op dit symbool klikt krijg je onderstaande pop-up te

zien.

3

Vanuit hier kun je in je eigen computer beeld uploaden. Klik op ‘Select Files’ en zo kom je in je computer terecht en kun je naar het mapje gaan waar je het beeld hebt opgeslagen. Kies de afbeelding die je wilt invoegen en hij gaat deze automatisch uploaden. Scroll dan als hij het beeld heeft geladen naar onderen. Je kunt hier een naam geven aan je plaatje bij Title en Alter-

nate text (deze laatste is goed voor het gevonden worden in Google). Als je dit niet belangrijk vind kan je het ook zo laten staan of eventueel later nog veranderen. Scroll naar beneden: Alignment betekent waar je het beeld in de tekst wilt hebben. Automatisch staat deze op none. Maar als je de tekst er recht langs wilt hebben klik je op ‘left’, zodat het beeld links van de tekst komt. Ook dit kan je nog veranderen nadat je het beeld hebt ingevoegd. kijk bij ‘Sizes’ hoe groot je de afbeelding erin wilt hebben. De formaten staan aangegeven in pixels. Een pagina is normaal ongeveer 750 pixels breed. Als je een kleine afbeelding wilt invoegen, vink dan ‘Thumbnail’ aan. Anders kun je kiezen voor ‘Medium’ wat meestal de beste optie is (zo’n 300 pixels). Full size kan wel eens te groot zijn voor de pagina (als deze bijvoorbeeld groter is dan 600 pixels zou ik voor een kleiner


4

| BureauBold Tips & tricks voor seo

Wanneer je een beeld al ergens anders hebt staan, dan staat deze in de Media bibliotheek. (Dit is te zien in de linker dshboard navigatie). Je kunt dan kiezen wanneer je een afbeelding invoegt voor ‘Media library’ in plaats van uploaden vanaf je computer. (zie de pagina op de vorige pagina voor dit tabje)

4.1. Beeld aanpassen Klik op de afbeelding die je wilt aanpassen en dan verschijnen er 2 icoontjes zoals hieronder zichtbaar.

Je kan hier de ‘Alignment’ aanpassen. Wil je de afbeelding links van de tekst, rechts of centreren zonder tekst ernaast. Klik daarna onderaan op ‘Update’ om de aanpassing door te voeren. Je kunt hier ook de title (naam/titell) van de pagina aanpassen. Voor het aanpassen van de grootte van de afbeelding kun je gaan naar de rechtertab “Advanced Settings’, helemaal aan de bovenzijde van de pop-up.

Klik op het linker-icoontje (het berglandschap) om de afbeelding aan te passen. (Klik op het rechter-icoontje om de afbeelding te verwijderen.) Als je op het landschapje klikt, krijg je een pop-up scherm, zie onderstaand. Je kunt hier de grootte van het beeld aanpassen op 2 manieren. 1. Je ziet aan de linkerkant 100%90% etc. Je kunt het beeld dus schalen op de juiste grootte. 2. Je kunt ook zelf een bepaalde grootte invullen bij ‘Size’. Het is wel belangrijk dat de verhouding goed blijft. Bereken dus even als je width (breedte) 150 (pixels) doet dat je dan 113 doet voor de hoogte (height) anders komt de afbeelding er heel raar (uit verhouding) uit te zien. Scroll dan verder naar beneden en klik op ‘Update’. Dan is de aanpassing doorgevoerd.


www.BureauBoLD.nL |

5

4.2. Afbeelding link naar externe pagina Klik op de afbeelding die je in je post of pagina hebt staan. Klik op het linker icoontje met het schilderij. Dan krijg je de rechter pop-up. Vul dan bij Link URL het webadres in waar je de link naartoe wilt laten verwijzen. Zorg wel dat je er http://… voor hebt staan.

5

Video toevoegen

Ga naar ‘Pages’ of bericht. naar de pagina/post waar je de video wilt hebben. Ga

Op deze pagina kun je direct je Youtube-url’s toevoegen. ( Je moet dus wel het filmpje eerst via Youtube hebben geupload. De pagina waar het filmpje opstaat, kun je dan kopiëren uit de adresbalk). Dit kan je doen als je in de VIsual werkt (zie rechtsboventabje) Klik daarna dan wel op ‘Update’!!


6

6


Gallery invoegen

HIer staat de fotogallery. De fotogallery hoort echter bij de post. De foto’s die je dus in de post zet zullen ook automatisch in de Gallery verschijnen. Wat je moet doen is klikken op Insert linksbovenaan. Als je meerdere foto’s tegelijk upload dan komt er automatisch een gallery tevoorschijn die je kunt invoegen.


www.bureaubold.nl |

De fotogallery kun je invoegen door te klikken op insert gallery. Nu staat er bijvoorbeeld automatisch ook het logo in. Deze kun je niet verwijderen door te klikken op Show en dan delete, want dan wordt het gehele plaatje uit de post verwijderd. Vraag daarom even aan mij of ik de post wil verwijderen of als je meer kennis van WordPress hebt, kun je in het hoofd dashboard naar Media gaan en dan op een afbeelding klikken die je wilt excluden/ niet in de Gallery wilt hebben. Dan zie je de ID (identificatienummer) van deze afbeelding in de URL (webadres), bijvoorbeeld http://www.foodguerrilla.nl/wp-admin/media.php?attachment_id=146&action=edit dan is het hier, id=146. Dan kun je naar je bericht gaan en dan klik je op het HTML-tabje. Dan zie je op een gegeven moment iets van [gallery columns=”2” ] of gewoon [gallery]. Voeg dan toe exclude=”146” zoals hier [gallery columns=”2” exclude=”146” ] . Wanneer je hier niet uitkomt kun je even naar mij een mailtje sturen: [email protected] om een afbeelding te excluden van de Gallery.


7

8

| BureauBold Tips & tricks voor seo

7

post en opmaak

In je dashboard ga je naar ‘posts’ Je opent jullie eigen Post. Als het goed is, is dit er maar 1. Je begin met het invullen van de titel (‘title’). De titel is de naam van je groep/initiatief. Onder de Title zie je het tekstveld waar je de inhoud van je post/pagina in kunt gaan vullen. Let op: rechtsboven het tekst veld staan 2 tabjes, Visual en HTML. Werk altijd in de Visual als je geen kennis hebt van HTML.

Hierboven zie je de HTML uitvoering, die moet je dus niet hebben. Klik dan op het linkertabje aan de rechtkant op Visual. Hieronder zie je de Visual versie.

IOm te kunnen typen zoals in Word klik op het tabje Visual dat naast HTML staat. Wellicht staat jouw post al automatisch op Visual, dan kan je gewoon typen zoals in Word. De knoppen (zie het plaatje hieronder) betekenen het volgende in volgorde van links naar rechts:

in volgorde) tekstopmaak: Dikgedrukt, schuingedrukt en doorgestreept. Bullets (opsommingstekens), genummerde bullets en aanhalingstekens invoegen Tekst uitlijnen: links uitgelijnd, midden uitgelijnd en rechts uitgelijnd.

De ‘slotjes’=linkjes invoegen


9

www.BureauBoLD.nL |

7.1. Linkjes invoegen Deze slotjes betekenen dat je hiermee ‘linkjes’ kan invoegen of juist het verwijderen. Als je van een bepaald woord in de tekst een ‘linkje’ wilt maken: Selecteer dan de tekst en klik op het slotje. Wanneer je dat doet dan popt het onderstaande veld op.

Je plakt of typt de URL (=het webadres) in. (verplicht invullen) Bij Target, kies je als het een andere website betreft waar je heen linkt: “open in new window”. (niet verplicht) Is het een link naar een pagina van je eigen site, dan vul je hier in: “open in same window”. De ‘Title’ mag je zelf verzinnen, wat te maken heeft met de URL. Het beste is dit als de woorden de link samenvatten. (Invullen is niet verplicht) Class kan je zo laten staan. Dan klik je op Insert en dan is je link aangemaakt.

7.2. Andere handige symbolen De page break (gebruik je niet veel), De taal (language) voor de spellingscontrole

Een nieuwe rij met meer mogelijkheden laten zien, oftewel de onderstaande rij tonen

7.3. De onderste EXTRA rij

Paragraph= dat je hier de stijl kan weergeven van je tekst, ‘Formatting’. U = de woorden onderstreept weergeven (beter niet doen, dan lijkt het teveel op een link in de tekst)

tekst uitlijnen en de tweede kun je de tekst een andere kleur geven, klik hiervoor op het pijltje naar beneden


10 | BureauBold Tips & tricks voor seo

symbolen om tekst mee in te plakken. Aangezien je soms extra code er ‘gratis’ bij in voegt als je vanuit Word iets plakt is het beter om het via deze weg te doen. Klik op het eerste symbool om tekst te plakken die je bijvoorbeeld uit een e-mail haalt. Met het tweede symbool kun je tekst inplakken die je uit Word haalt. Er komt dan een speciaal plak scherm te voorschijn. Plak hier je tekst in. (in volgorde): Verwijderen van de Formatting, invoegen van video en de laatste is wel heel handig, het Ω (symbool)-teken om bijvoorbeeld het euro-teken te gebruiken. Zie hieronder wat er verschijnt als je hierop drukt. Je kunt dan op 1 van de symbolen klikken die je nodig hebt en dan komt deze automatisch op je pagina te staan.

1e twee symbolen: inspringen van de tekst (of juist niet) De omkerende pijl betekent dat je de laatste actie weer verwijderd. Het vraagteken is de ‘Help’-functie voor het bewerken.

Het rechtermenu van de post om de wijzigingen ‘online’ te zetten, oftewel om ze zichtbaar te maken op de pagina Klik daarvoor op “Update”!! Dit is heel belangrijk anders worden je aanpassingen niet opgeslagen en ook niet zichtbaar op je website.


www.bureaubold.nl |

8

Inhoud is verdwenen

Scroll op deze pagina helemaal naar onderaan de pagina waar je (nog onder SEO All in ONe) het kopje ‘Revisions’ tegenkomt. (Als je dit niet tegenkomt. Klik dan bovenaan de pagina rechts op ‘screenoptions’.) Druk dan op de datum en tijd van je vorige versie.

Als je een beetje naar onder scrollt zie je dan vorige versies staan. Vink onder New aan welke versie je denkt dat de juist is Klik rechts onder Actions op Restore van de versie die je denkt dat wel goed is. De juiste versie wordt nu weergegeven. Klik wel nog op ‘Update’!!!


11

12 | BureauBold Tips & tricks voor seo

9

Beter gevonden worden in Google

Er is een extra programmatje op je website geïnstalleerd waarmee je per pagina of blog bepaalde woorden of teksten kan schrijven over de pagina. Scroll op een pagina of op een blogpost helemaal naar beneden tot je ‘All in One SEO Pack’ tegenkomt. Voeg een Title in die maximaal 60 tekens heeft. De woorden in de titel zouden het beste woorden zijn waarmee je goed gevonden wilt worden in Google voor deze specifieke pagina. -In de description (beschrijving) kun je tekst invoegen waarbij je ook deze woorden gebruikt. Hier mag je wat meer tekst gebruiken. Als je in Google zoekt is dit de tekst die onder de titel verschijnt. (zie hieronder het tweede deel, het eerste paarse deel is de titel).

Je kunt eventueel nog keywords toevoegen die je van elkaar scheidt door middel van komma’s. Klik daarna weer op ‘Update’ bovenaan de pagina en de titel en description zijn gewijzigd.

10

verander de URL Klik op edit onder de title en hier kun je je webadres veranderen naar de naam van je initiatief. Gebruik alleen ‘-’, geen lege ruimtes.


Handleiding Deelnemers Food Guerrilla

Recommend Documents