Category Archives for "Workshop wordpress"

Website maken voor dummies

WEbsite maken voor dummies

website-maken-voor-dummiesWebsite maken voor dummies

Jee wat een denigrerende titel voor deze pagina. Maar…. blijkbaar zoeken veel mensen op : “website maken voor dummies“. En dan kan ik dat nu mooi eens onderuithalen. Dummies of digibeten bestaan simpelweg niet.

Laten we beginnen met dit:

Ik geef al jarenlang trainingen aan coaches, therapeuten en andere professionele dienstverleners. En al die cursisten, echt allemaal, liepen er op een gegeven moment tegen aan: twijfels en vooringenomen gedachten die niet waar bleken te zijn.
Want ieder leert op een andere manier, maar één ding is zeker: als je weet wat je doet, kun jij dit ook!

WordPress is (inderdaad) niet altijd makkelijk

WordPress is een heel gebruikersvriendelijk programma. Toch zal je tijdens het zelf bouwen van je website zeker tegen obstakels aanlopen. Je kunt niet alles uit een boek leren, zelfs niet uit dit boek 😉 Dat is niet erg. Vraag gewoon hulp als het nodig is. Dat betekent voor de een dat je op zoek gaat naar geschreven instructie, omdat je zo het beste leert. De ander gebruikt liever video en stappenplannen en een derde moet echt live contactmomenten hebben om te leren een website te beheren.

Onherstelbare fouten (bestaan niet)

Ik hoor van heel veel startende cursisten dat ze bang zijn dat ze een onherstelbare fout maken. Ze durven daarom bijvoorbeeld hun website niet te updaten, ze zijn bang iets weg te gooien of de website onherstelbaar te verruïneren.

Ik kan je gerust stellen. Als je hebt gekozen voor goede webhosting, wordt er altijd een back-up gemaakt van je website. Dat is een veilig gevoel, want als je een enorme fout maakt, kan de site dus gewoon teruggezet worden. Je kunt trouwens ook zelf, met hulp van een zgn. plug-in, een reservekopie van je website maken.
Als je onbedoeld een pagina of blogbericht verwijdert, vind je ‘m ongeschonden terug in de prullenbak. En als je erachter komt dat je eerder geschreven tekst honderd keer beter was is er een simpele oplossing: WordPress heeft een ‘revisie’-knop’. Je kunt gewoon je eerder geschreven tekst dus altijd terughalen. Geweldig!

Website maken voor dummies

Voor de product- of dienstenpagina bestaat ook een standaardstructuur, die goed werkt. Als voorbeeld gebruik ik de pagina van Chantal Ooievaar. Zie je het verschil tussen deze twee voorbeelden?

Dienstenpagina – do’s en don’ ts

Mijn naam is Chantal Ooievaar
Mijn programma ‘Weer zin in je werk ‘ houdt in dat je:

  • 16 weken intensief met mij aan de slag gaat
  • Je krijgt werkboeken en pdf handouts om je resultaat te bereiken
  • Je krijgt 8 coachingsessies met mij om je voortgang in de gaten te houden
  • Je krijgt intensieve e-mails van mij zodat je je oefeningen volhoudt
  • Je krijgt toegang tot mijn community

Deze opbouw is een ‘don’t’. Waarom? Omdat Chantal direct over zichzelf en het aanbod begint. Ze spreekt de bezoeker dus niet aan.
De volgende opzet is veel beter.

  • Ben je een vrouw van rond de 40 en 45 en heb je het gevoel dat je vaak niet weet waar je het moet zoeken?
  • Word je elke dag wakker met totale tegenzin in je werk?
  • Ga je als een zombie naar je werk en sleep je je door de dag heen?

Als je de bovenstaande vragen met ja hebt beantwoord, dan is het tijd voor verandering!

Dit tweede voorbeeld is een ‘do’ omdat Chantal hier direct de aandacht van de bezoeker vangt door hem of haar op het probleem aan te spreken en hier vragen over te stellen.
De tweede tekst heeft dus het meeste resultaat.

Opdracht
Pak jouw diensten- of productpagina erbij en benoem één of twee probleemsituaties waar jouw ideale klant mee kampt. Begin met het grootste probleem. Deze kun je boven je dienst of productpagina opnemen.

——————————————————————————————

——————————————————————————————

——————————————————————————————

Homepage: wat wie waarom

homepage optimaliseren

Je homepage moet voorzien in veel behoeften.
Als belangrijkste entrée moet voor je bezoeker direct duidelijk zijn:

  • wat je biedt
  • wie je bent
  • waarom je bezoeker bij jou moet zijn

Op de website moet ook direct duidelijk worden, waar je bezoekers heen kunnen en wat ze op je website kunnen ‘doen’

Dat is het in feite.

En het moet zo simpel zijn dat zelfs een peuter het snapt.

Plaats niet te veel tekst op je homepage en niet te veel links.  Bedenk je dat in deze tijd waarin je bezoeker snel is afgeleid door oppiepende Facebook berichten, een What’sapje en binnenvliegende e-mail, hij zo de weg kwijt raakt.

Stippel dus een duidelijk pad uit.

Maar het gaat toch om mijn bedrijf?

Tijdens een van mijn workshops WordPress ontstond de volgende discussie:

“Maar een klant kiest toch pas voor mijn bedrijf als hij weet wat mijn kernwaarden zijn? Dus die informatie, daar wil ik mee starten op mijn homepage.
Waarom zal hij nu doorklikken naar mijn informatie als hij mijn kernwaarden niet kent?”

Ja, hoe zit dit nu precies in elkaar?

De wie en de waarom horen zeker op je homepage thuis, alleen niet bij aanvang.

De andere cursist, een psycholoog nam het voortouw: “Het gaat toch echt eerst om het product of de dienst waar je naar op zoek bent. Je wilt weten of dat aansluit bij jouw behoeften.
Dan kijk je naar de ervaringen van anderen met de product of dienst. En daarna verdiep je je in het bedrijf of de ondernemer zelf.”

Dat sluit inderdaad goed aan bij hoe ik daarnaast ook de navigatiestructuur van een website graag zie:

Eerst home/omschrijvende dienst/portfolio, ervaringen/ (testimonials, cases) blog, over jou, contact.

En die homepage: houd het simpel: Eerst de dienst, dan wie er achter de onderneming staat en waarom je bezoeker juist bij jou moet zijn.

Als Bram het snapt, snapt jouw snel afgeleide bezoeker het ook.

Heb je hulp nodig bij jouw Homepage? Ik kan je helpen met de wie, de wat en het waarom en die homepage bouwen die de juiste bezoekers aantrekt.

Neem gerust contact op.

 

 

 

 

Met korte vragen naar groot resultaat

Welke brandende vragen leven er bij jouw klanten?

Kan dat zijn:

  • Hoe je snel aan de juiste goede volgende baan komt. (loopbaancoach)
  • Hoe je van je slepende slaapprobleem afkomt (gezondheidscoach)
  • Hoe je Mindfull kunt zijn en blijven in een druk gezin (psycholoog, stressadviseur)

Heb je er wel eens over gedacht om je bezoekers, die op je website dwalen deze vraag te stellen? Zo kun je namelijk wel snel en direct in contact komen met je toekomstige klant.

Stel je vraag al eens in de sidebar.

Verras en prikkel je bezoeker.

Op deze manier maak je het eenvoudig voor de bezoeker om een vraag te stellen en in contact te komen met jou.
Vraag jezelf ook af wat het effect is van zo’n vragenformulier.  Wanneer dit  leidt tot een opdracht?

Welk kort informatieformulier werkt het beste?

Hou bij in een excel formulier, hoe vaak de formulieren worden ingevuld. (En natuurlijk welke andere vragen je klanten stellen…. deze vragen kun je goed in zo’n vragenformulier verwerken.)

Meerdere sidebars, meerdere vragen

Je kunt op verschillende pagina’s in verschillende sidebars, je vragen stellen aan je bezoeker. Je webpagina’s worden zo verschillende landingspagina’s die ieder je in contact kunnen brengen met nieuwe klanten.

Wist je dat je verschillende sidebars kunt oproepen? Je bepaalt zelf op welke pagina je welke sidebar en dus welke vraag kunt tonen. Dit krijg je eenvoudig voor elkaar door te werken met het Framework Genesis.
Er zijn heel veel plugins, functionaliteiten ontwikkeld die hier goed bij aansluiten:

Zo’n vragenformulier maak je eenvoudig met de plugin contactform 7.

Hier volgt een voorbeeld:


brandendevraag

 

Hierboven zie je een afbeelding, maar ik ben benieuwd naar jouw brandende vraag. Stel je vraag gerust hiernaast!

 

 

 

WordPress beveiligen

veiligheidstip WordPress

Hoe kan je je WordPress website beveiligen?

Onlangs werd ik geconfronteerd met een vervelende zaak.
Iemand probeerde mijn website te hacken…. Gelukkig heb ik een goede en betrouwbare webhosting die direct wat veiligheidsacties deed.

WordPress beveiligen

Wat kun je nu zelf doen om je website te beschermen?

  • Geef hackers geen kans:
  • Maak altijd een back-up van je website
  • Werk de plugins geregeld bij
  • Volg de laatste updates van WordPress
  • Verwijder gedeactiveerde plugins

Ik geef je hieronder vast een eerste tip.

Slim gebruik maken van categorieën op je website

categorie aanmaken
Inhoud blogartikel:
Verschil Categorie – Tag
Slim gebruik van een (product) categorie
De “geen categorie” aanpassen
Slim een tweede blogpagina maken dmv een categorie

 

Wat is nu eigenlijk  het verschil tussen een categorie en een tag?

 

 

Categorieën

Tags

Definitie

Indeling van een bericht, zoals bijvoorbeeld hoofdstukken uit een boek Indeling van een bericht, volgens de onderwerpen die aan bod kwamen in het bericht.

Gebruik

Rubriek op de website
Breed
Kernwoord uit dit bericht
Heel specifiek

Weergave

Vaak als menu item op de site
Weergave in de sidebar als kennisbibliotheek (Lees meer over + categorieën slepen in de sidebar)
Vaak als een lijst met onderwerpen van bericht
Tag-cloud/ Tagwolk in de footer of sidebar. De tags worden groter en dikker naarmate vaker gebruikt.

Archieven

Alle gelijksoortige berichten binnen een categorie Alle berichten met hetzelfde onderwerp

Structuur

Categorieën kunnen oneindig onder elkaar geplaatst worden Tags hebben geen niveaus

 
Categorieën gebruik je voor je navigatie 
Bepaal je categorieën van te voren en maak er niet te veel.

Slim gebruik van een (product) categorie

 
Als we als voorbeeld deze website nemen:
http://shoptomkat.com/category_49/Shop-by-COLOR.htm zie je een slim gebruik van het grote aanbod dat er is.
Je ziet dat je producten bijvoorbeeld op kleur kunt kiezen. Deze mogelijkheid ontstaat door de kleur als (product)categorie op te nemen.

Top-Tip: De “geen categorie” aanpassen

Een bericht moet nu eenmaal een categorie meekrijgen. Als je zelf geen categorie aanmaakt zal het bericht worden gekoppeld aan geen categorie.
Een beetje jammer, gelukkig kun je dit ook voorkomen:

Ga naar Bericht/ categorie.
categorie aanmaken

Geen categorie naam wijzigen: ga met de muis over de categorie heen en klik op bewerken
geen categorie bewerken

 

 

Geef een andere naam op:
Hier zie je ook weer dat je de categorie kunt onderverdelen in hoofd- en subcategorie.

hoofdcategorie

Als je nog wat naar beneden scrollt zie je, wanneer je de plugin van Yoast de Valk hebt geactiveerd dat je hier ook een SEO titel voor kunt opgeven en een metaomschrijving.

seo categorie

Categorie en menu: Slim een tweede blogpagina maken dmv een categorie

Je kunt nog meer met categorie dan je denkt…. Soms hoor ik mensen roepen, eigenlijk wil ik 2 blogs. Kan dat?
Per website heb je maar 1 blogpagina waarop je berichten kunt plaatsen. Maar…. je kunt natuurlijk wel een categorie opnemen in je menu die je een andere titel geeft. Alle artikelen die je schrijft voor je 2de blog, koppel je aan die categorie. En zo heb je dan eenvoudig een 2de blog”pagina” met een specifiek onderwerp.

 

Koppige koppen in WordPress

de kop maakt de hele tekst dikgedrukt
de kop maakt de hele tekst dikgedrukt

WYSIWYG was hier nog wel zo handig

Herkenbaar? Ben je lekker aan het werk met  je WordPress website en je wilt je tekst overzichtelijk en lekker leesbaar opmaken.  Zoals deze onderstaande tekst:

Een kop 2

Alinea van 4-5 regels: Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek. Wat u hier leest is een voorbeeldtekst.

Een kop 3

Alinea van 4-5 regels: Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek. Wat u hier leest is een voorbeeldtekst.

En dan krijg je te maken met een frustrerend probleem:

Ipv alleen de kop, wordt de hele alinea een dikke brij aan vette gekleurde letters:

Een kop 3
Alinea van 4-5 regels: Dit is een faketekst. Alles wat hier staat is slechts om een indruk te geven van het grafische effect van tekst op deze plek. Wat u hier leest is een voorbeeldtekst. Deze wordt later vervangen door de uiteindelijke tekst, die nu nog niet bekend is. De faketekst is dus een tekst die eigenlijk nergens over gaat. Het grappige is, dat mensen deze toch vaak lezen. Zelfs als men weet dat het om een faketekst gaat, lezen ze toch door.
Irritant!

Hoe voorkom je dit nu?

Als je voldoende ruimte tussen de kop en de tekst hebt, geef gewoon een enter op na de koptekst, dan gebeurt dit niet.

 Hoe los je het anders op?

Stap 1:

Spring naar het html gedeelte Ipv de Wysisyg

wysiwyg-html

 

Stap 2:

Zoek de </h3> op die waarschijnlijk achter de tekst is gekomen in plaats van achter de kop

koppige kop

Stap 3:
Knip de </h3>  en plak deze achter de kop.

h3goed

Opgelost!

Waarom ik geen kop 1 gebruik: In veel thema’s wordt de pagina titel al weergegeven als een kop 1 of H1 op je pagina.

Waarom is het ook alweer goed om koppen te gebruiken?

  • Het werkt positief voor je zoekmachine optimalisatie als je aan het begin van je kop het focus keyword – het zoekwoord waar de pagina omdraait– gebruikt
  • Het geeft je lezer houvast zodat hij zich niet verliest in de brij aan tekst.

 

de uitgelichte afbeelding wat is dat eigenlijk?

wat is een uitgelichte afbeelding

Heel vaak wordt de vraag gesteld, wat…. is nu eigenlijk een uitgelichte afbeelding, ofwel een featured image?
Ik kan je niet een eenduidig antwoord hier op geven. Het verschilt namelijk per thema.
Ik ga wat voorbeelden geven van hoe zo’n uitgelichte afbeelding anders toont aan de hand van het thema Twenty Fourteen en het thema Prose van Genesis.

Hoe voeg je een uitgelichte afbeelding toe?

Maak een nieuw bericht aan en ga rechts van je beeldscherm onder categorie en tags naar uitgelichte afbeelding.
Hier staat: Voeg uitgelichte afbeelding toe of ad featured image, als je een Engels account hebt.

wat  is een uitgelichte afbeelding

wat is een uitgelichte afbeelding

 

Wanneer je het laatste WordPress Thema neemt, thema Twenty Fourteen, dan toont de uitgelichte afbeelding zich boven het bericht wanneer je op de blogpagina kijkt.

Voorbeeld:uitgelichte afbeelding in bericht
Maar als we nu kijken naar een ander thema, bijvoorbeeld het Thema Prose van Genesis wat we in de Workshops WordPress veel gebruiken: (Deze website is ook gebaseerd op het Thema Prose) dan zie je op de blogpagina dat er een uitgelichte afbeelding wordt meegegeven:

uitgelicht in prose
Maar als je op het individuele bericht zelf klikt,  verschijnt alleen de afbeelding die je in het bericht hebt geplaatst:

prose-individueel berichtHet hangt dus echt af van je thema, hoe je uitgelichte afbeelding wordt gebruikt. Bekijk eens hoe jouw thema hiermee omgaat.

Kalender maken met je WordPress website

kalender categorie

Maak een blikvanger van je product, dienst of workshop

De Kalender Ajax Kalender

Deze plugin is heel prettig voor het tonen van je workshops, evenementen, tentoonstelling, cursussen of producten.
Hoe neem je deze nu op in je WordPress website?

Je gaat via Plugin, nieuwe plugin opzoek naar de Ajax event calendar.
[alhoewel er bij staat dat hij niet werkt met de laatste versie van WordPress, deze plugin doet het prima]

plugin

Stap 1:
kalender maken

Door categorieën te wijzigen en toevoegen kun je je evenementen benoemen en een kleur meegeven per verschillend evenement.

Stap 2:
De kleur codes kun je wijzigen en je kunt andere namen geven voor de categorieën/evenementen

kalender categorie

kalender categorie, door kleuren te gebruiken maak je je eigen evenement aan.

Stap 3:
Je kunt bepalen bij Kalender opties welke elementen er ingevuld moeten worden en wat verplicht is aan informatie die je wilt tonen.

kalender maken en aanpassen wordpress

Stap 4
Dan ga je naar kalender toe. Klik op een dag in de maand en dubbelklik op deze dag.

kalender opties wordpress

Stap 5
Nu kun je een evenement toevoegen.

evenement-aanmaken kalender

Stap 6:
In de sidebar in een tekstwidget neem je op  de shortcode  die hieronderstaat in de tekstwidget. [eventlist]

opnemen in tekstwidget sitebar

Stap 7
Op een kalenderpagina neem je de shortcode die hieronder in de afbeelding staat.

[calendar]

kalender pagina aanmaken wordpress

 

Fotogalerij maken in WordPress

Een fotogalerij maken op je WordPress website, het is niet heel erg moeilijk maar je moet net even de juiste plugin gebruiken en de stappen weten te nemen.

Hoe ga je te werk?

Ga naar plugins/ nieuwe plugin

zoek op NextGen gallery

next gen gallery

klik op nu installeren en plugin activeren

Bij overview staat er, of je al een fotogalerij of album hebt gemaakt, en welke.
About: informatie over de plugin en de ontwikkelaars. Ook zie je hier gerelateerde plugins die ook functies toevoegen aan je galerij.

add gallery

Klik op Add gallery/images. Geef de fotogalerij een naam, klik op add files.

maak een fotogallery met wordpress

Voor je dit doet, bedenk dan eerst: hoe groot wil ik mijn foto’s laten tonen op de site? Is het voor een fotogalerij met grote afbeeldingen, maak je foto’s ze dan ook kleiner tot 800 bij 600 px bijvoorbeeld. Dit kun je doen met het programma Pixlr bijvoorbeeld.

Vervolgens klik je op upload.

Klik op Manage Galleries en op de naam die je net hebt aangemaakt.

manage galleries

Hier kun je een fotogalerij toewijzen aan een pagina en een omschrijving geven aan een de gehele fotogalerij.

omschrijving maken bij een foto

vervolgens geef je ook tags (kernwoorden) mee aan je foto
(Dit kan bijdragen aan een goede vindbaarheid).

tagstoevoegen aan foto gallery foto

gallery settingsDe volgende stap zijn de gallery settings.
Nu zie je dat er ontzettend veel mogelijkheden zijn.

Laten we het simpel houden en de eerste optie even bekijken:

basic thumbnails

Bij het opnemen van de fotogalerij op de pagina of in het bericht kunnen we deze opties ook opgeven.

Galerij opnemen in een pagina.

We openen een pagina waar we de fotogalerij op willen plaatsen. Klik dan rechts in de bewerkingstools op het gallary icoon.

gallery toevoegen

Nu krijg je een keuze mogelijkheid om je galerij toe te voegen.

(Even geduld, soms duurt het even voordat het scherm hier laadt). 🙂

next gen gallery hoe toevoegen op pagina

Geef aan bij “wich gallery would your like to show” welke gallery je wilt tonen.

Ook kun je hier nog aangeven of je de display setting wilt aanpassen in afmetingen en overgang en hoe je wilt door laten klikken naar de volgende foto.

Vervolgens kun je aangeven hoe je je fotogalerij wilt laten tonen:

  • als slideshow (de beelden lopen over in elkaar)
  • of met thumbnails (kleine afbeeldingen naast elkaar),
  • als image browser, zodat je naar de volgende foto klikt
  • of als tagcloud.

Nu heeft deze plugin nog een paar mooie toepassingen.

Bij weergave widgets zie je dat er een aantal widgets mee gekomen zijn:

  • Next Gen Media RSS (feeds van externe sites)
  • Next Gen Slideshow
  • Next gen Widget (kleine tumbnails)

Je kunt zo een aantal tumbnails tonen in de widgetruimte van je website. In de sidebar bijvoorbeeld of in je footer.

Volgende keer deel 2 van dit onderdeel Fotogalerij maken in WordPress.

Backup maken WordPress

Er komen constant nieuwe versies van WordPress uit. Voordat je de nieuwe versie installeert moet je wel een back up maken.

Er zijn verschillende backup plugins beschikbaar.

Backup WordPress

In dit artikel leg ik de uit hoe je een back up maakt van je WordPress website met behulp van de plugin Backwpup.

 Stap 1
Ga in dashboard naar Taken/ nieuwe taak.
Backup wordpress
  Stap 2:
Klik rechts in beeld de taak types aan. Ik kies ervoor alles te selecteren.

Je kunt deze taak iedere maand inplannen op bijvoorbeeld de eerste van de maand.

 stap2
 Stap 3

Ga links naar beneden op het scherm tot je Dropbox ziet staan:

 stap3
Klik op authenticate en log in op je dropbox omgeving. 
  Stap 4
 Ga weer naar taken
 stap4
 

 Stap 5:

Klik op starten

stap5

 Stap 6
Dropbox zal vragen of je toegang wil geven tot dropbox
stap 6
Hierna wordt je teruggeleid naar de website en de plugin omgeving.

stap7

  Stap 8

stap8

Vervolgens zie je al deze files langskomen, tot de 100% bereikt wordt.

 Stap 9
Hierna kun je het bestand, een zipfile van alle mappen
van de website terug vinden in dropbox.

 Interessant?

 Ontvang de laatste tips en trucs

voor een geweldige

website, nieuwsbrief en optimale Social Media

in je inbox…  + het Gratis Ebook Praktische tips voor een geweldige website.

installatie wordpressOntvang praktische tips
voor een geweldige website
Voornaam:
E-mail adres:
>