De WordPress 3.5 Beginners Handleiding Internetbureau Elephant april ’13
Inhoud Introductie ........................................................................................................................... 2 Inloggen ......................................................................................................................................... 3 Het dashboard .................................................................................................................... 5 Berichten en pagina's ............................................................................................................................... 6 Nieuw Bericht ..................................................................................................................... 6 Nieuwe Pagina .................................................................................................................... 8 Afbeeldingen, Video en andere media ....................................................................... 9 YouTube Video’s invoegen .................................................................................................... 11 Opties .................................................................................................................................. 13 Tot slot ................................................................................................................................ 14
2
Introductie Wil je snel aan de slag met je nieuwe WordPress site, maar heb je geen idee waar je moet beginnen? In deze handleiding leg ik de basis van WordPress uit. Het doel van de handleiding is om snel te leren werken met WordPress. Ik zal in gaan op zaken als: • Hoe log ik in • Hoe schrijf ik een bericht • Hoe maak ik een pagina • Hoe plaats ik een afbeelding of een video op de site • Wat moet ik met tags en rubrieken
Inloggen Om je WordPress site te kunnen beheren, moet je eerst inloggen. Om in te loggen ga je naar voorbeeld.com/wp-‐admin Voorbeeld.com vervang je uiteraard voor jouw eigen domeinnaam. In deze handleiding gebruik in het voorbeeld chocolade-‐shop.com.
Figuur 1 – wp-‐admin
3
Dit brengt je naar het volgende scherm:
Figuur 2 – WordPress Inloggen Voer je gebruikersnaam en wachtwoord in. Vink “deze gegevens onthouden” aan als je iedere keer automatisch ingelogd wil worden als je je website bezoekt. Wel zo handig wanneer je je site regelmatig gaat updaten!
4
Het dashboard Na het inloggen kom je terecht op het WordPress dashboard. Dit is de achterkant of “back end” van je website. Vanuit hier kun je je site beheren en inhoud toevoegen. Gewone bezoekers krijgen dit gedeelte nooit te zien. De eerste keer zal het dashboard er misschien wat overweldigend uitzien, maar je zult merken dat je snel je weg gaat vinden onder de motorkap van je website. De belangrijkste functies vind je in het menu aan de linkerkant. LET OP: dit menu kan er bij jou wat anders uit zien, afhankelijk van de plug-‐ins op je site. Maak je geen zorgen, de basis functies die we gaan behandelen zijn altijd hetzelfde.
Figuur 3 – Belangrijkste items in het WP menu
5
Berichten en pagina's Berichten zijn de basis van een WordPress website, zie het als nieuws berichten voor een krant of columns voor een tijdschrift. Steeds nieuwe korte en/of langere artikelen die je site levend houden. Pagina's zijn bedoeld om informatie te publiceren die niet snel verandert zoals bijvoorbeeld een Contact pagina of een routebeschrijving. Berichten staan altijd in volgorde van publicatie datum en pagina's kun je in een andere volgorde zetten.
Nieuw Bericht
Figuur 4 – Berichten overzicht Klik op de menu keuze "Nieuw bericht" en je krijgt een invulscherm zoals in Figuur 5 op de volgende pagina.
6
Figuur 5 – Nieuw bericht opstellen In het rechter-‐menu zie je nog een aantal opties: • Gebruik ‘Bericht tags’ om woorden aan je bericht te koppelen. Voor die woorden kies je de belangrijkste steekwoorden die je in je bericht gebruikt hebt. Die tags zorgen er o.a. voor dat je beter gevonden gaat worden in de zoekmachines. • Koppel je bericht aan de categorie uit de lijst met categorieën die je aangemaakt hebt en die het best bij het onderwerp van je bericht past. • Gebruik na iedere wijziging die je maakt de knop ‘Publiceren’ of 'Bijwerken' om die wijzigingen op te slaan en zichtbaar te maken voor iedereen op het internet. • Na het publiceren of bijwerken krijg je bovenaan de titel een link waarmee je het resultaat op de site kunt bekijken.
7
Nieuwe Pagina Pagina's zijn anders dan berichten en dat zie je ook als je een nieuwe pagina gaat maken. In grote lijnen komt het opstellen echter overeen, dus zal ik hier alleen de verschillen behandelen. Klik op de menu keuze "Nieuwe Pagina" en je krijgt een invulscherm zoals in Figuur 1 Je begint altijd met het schrijven van de titel van je pagina, die titel komt bovenaan je web pagina te staan. In het rechter menu zie je nu echter geen categorieën waar je een pagina aan kunt koppelen. Natuurlijk hebben we wel weer de optie "Publiceren", maar daaronder hebben we een nieuw menu item "Attributen".
Figuur 6 -‐ Pagina als Hoofdpagina of Kind pagina maken Hier kun je instellen of de pagina straks direct in je menu komt of dat deze pagina een sub-‐ pagina is bij een hoofd onderwerp. Uit de dropdown keuze kun je dan kiezen bij welke "moeder" pagina dit "kind" gaat horen. Pagina's kun je onbeperkt 'nesten' op deze manier.... houd het simpel voor jezelf en beperk die nestdrang! Of je bij de sjabloon optie keuzen te zien krijgt hangt samen met de theme die geïnstalleerd is, normaal gesproken hoef je hier niets te wijzigen. Bij de optie "volgorde" (hier niet zichtbaar op de afbeelding) kun je een nummer ingeven waarmee je de volgorde van je pagina's in je menu kunt bepalen.
8
Afbeeldingen, Video en andere media Afbeeldingen en tegenwoordig ook video maken je site, berichten en pagina's leuker om naar te kijken en voegen ook nog wat toe aan de hele belevenis van je site. Soms kan een foto al meer zeggen dat een hele lap tekst vandaar dat je ook regelmatig afbeeldingen en andere media aan je berichten zult toevoegen. We hadden in het menu de optie "Media" al gezien en dat is een goede keuze om te zien wat je tot nu toe al ge-‐upload hebt. Het echte uploaden kun je daar doen, maar ook als je een bericht of pagina aan het schrijven bent. Boven je tekst vak in de opmaak balk zit vanaf versie 3.5 nog een maar een optie Media toevoegen.
Figuur 7 -‐ Media toevoegen WordPress Deze functie is vanaf WordPress 3.5 ingrijpend gewijzigd maar je kunt hier nog steeds: • afbeelding toevoegen • video toevoegen • audio toevoegen • media toevoegen Hieronder staat de beschrijving voor het toevoegen van een afbeelding. Voor de overige media geldt dezelfde procedure. Klik met je muis op Media Toevoegen dan opent zich nu een extra scherm:
9
Figuur 8 – Media uploaden Door op Bestanden selecteren te klikken krijg je de Apple Finder/Windows verkenner te zien waarmee je naar de juiste afbeelding op je eigen pc kunt gaan. Blader tot je de juiste map hebt en kies de afbeelding die je wilt uploaden. Je kan ook gewoon het mediabestand in het scherm slepen en loslaten om ze te uploaden. Na het uploaden komt een nieuw scherm:
Figuur 9 – Media Invoegen
10
Als de afbeelding is ingevoegd en je wil hem achteraf bewerken, klik dan op de afbeelding en vervolgens op het afbeelding-‐pictogram wat verschijnt. Je kunt op deze manier ook de afbeelding uit het bericht verwijderen, door op het rode stop-‐pictogram te klikken
Figuur 10 – Afbeelding achteraf bewerken
YouTube Video’s invoegen YouTube video’s kun je op twee manieren op een bericht op pagina invoegen. 1. Simpel In WordPress 3.5 kun je heel gemakkelijk YouTube video’s invoegen door simpelweg de videolink te kopieren in het bericht/pagina. WordPress zet de video automatisch in de juiste grote op je website.
2.
Uitgebreid Ga op YouTube onder de video naar Delen -‐> Insluiten
11
Hier kun je o.a. zelf bepalen hoe groot de video op je website moet worden weergegeven. Kies de gewenste instellingen en kopieer de code. Switch in WordPress van WYSIWYG naar de tekst-‐editor.
Figuur 10 – WYSIWYG naar tekst omschakelen Plak hier de HTML code die je vanaf YouTube hebt gekopieerd, en de video wordt op je website ingesloten met de door jou gekozen opties.
12
Opties Op de Opties pagina vind je de door Elephant toegevoegde opties op de website. Afhankelijk van de site kun je hier je contactgegevens, social media accounts, USP’s, et cetera toevoegen. Wanneer je site een webshop is kun je hier bijvoorbeeld ook aangeven welke betaalmogelijkheden er zijn in jouw shop. De opties spreken meestal voor zich en hoeven slecht te worden ingevuld. Waar de opties terugkomen aan de voorkant van de website, is erg afhankelijk van het design van jouw website, en wat je met Elephant overeengekomen bent.
13
Tot slot Gefeliciteerd! Je hebt nu de basis van WordPress onder de knie. Mocht je toch ergens niet uitkomen, of een vraag hebben die niet in deze handleiding wordt behandeld, mail je vraag dan naar
[email protected].
14
