Een NextGen afbeelding invoegen

maart 15, 2010

NextGEN is een populaire WordPress plugin die veel ingezet wordt voor portfolio websites. Maar het is ook mogelijk om NextGEN in te zetten voor andere websites. Denk bijvoorbeeld aan de website van een autohandelaar, een webwinkel of een nieuwswebsite als www.yourschool.nl.

Nu volgt een stapsgewijze instructie voor het gebruik van NextGEN om een afbeelding in te voegen.

  1. Ga naar het NextGEN menu en selecteer het menu-item “Add Gallery / Images”
  2. Maak een nieuwe gallerij aan en druk op “Add Gallery” (als u de afbeelding aan een bestaande gallerij wilt toevoegen is deze stap natuurlijk niet nodig)
  3. Ga naar het tabblad “Upload Images” en kies de gewenste gallerij uit het drowdownmenu
  4. Druk vervolgens op Browse om de gewenste afbeelding te selecteren (gebruik CRTL om meerdere afbeeldingen tegelijk te selecteren). Als de afbeeldingen gekozen zijn kunnen deze met “Upload images” opgeslagen worden.
  5. Ga nu naar het bericht waarin de afbeelding moet komen of maak een nieuw bericht aan. Klik op het NextGen icoontje aan de rechterkant van de editor
  6. Kies het tabblad picture en selecteer de afbeelding uit het dropdown menu. De gewenste afmetingen en de uitlijning kunnen eventueel ook nog ingesteld worden. Als dit gedaan is kan de afbeelding ingevoegd worden met “Insert”.

  7. Het uiteindelijke resultaat in de editor is dan een eenvoudige tekstregel maar als de pagina bekeken wordt dan zorgt de NextGEN plugin ervoor dat de afbeelding op de juiste plaats wordt ingevoegd.

Filmpjes in WordPress

Het invoegen van een filmpje is een fluitje van een cent geworden nu WordPress oEmbed ondersteuning biedt. Het invoegen van een filmpje is niets meer dan de url van YouTube tussen [ embed] en [ /embed] plaatsen.

Een youtube filmpje invoegen

  1. Bezoek de youtube pagina waarop het filmpje staat
  2. Selecteer de url en kopieer deze
  3. Ga naar WordPress en plak de gekopieerde url tussen [ embed] en [ /embed] (haal de spaties tussen "[" en  "embed" weg om om dit voorbeeld te laten werken)
    [ embed] http://www.youtube.com/watch?v=14njUwJUg1I [ /embed]
  4. Bekijk het YouTube filmpje op uw eigen WordPress website

Selecteer de YouTube url en kopieer deze

Welke websites

Op dit moment kan oEmbed gebruikt worden voor de volgende websites.

  • YouTube
  • Vimeo
  • DailyMotion
  • blip.tv
  • Flickr (both videos and images)
  • Viddler
  • Hulu
  • Qik
  • Revision3
  • Scribd
  • Photobucket
  • PollDaddy
  • Google Video
  • WordPress.tv (only VideoPress-type videos for the time being)
  • Het is natuurlijk wel mogelijk om andere websites toe te voegen. Als deze websites oEmbed ondersteunen is dit slechts een kwestie van het toevoegen van deze website aan de lijst van veilige oEmbed websites.

    Als een website geen oEmbed ondersteuning biedt kan deze geschikt gemaakt worden voor het embedden door hier een plugin voor te schrijven.

    Gravatar

    maart 9, 2010

    Op blogberichten of op een forum wordt er vaak een kleine afbeelding getoond naast de naam van de plaatser van het bericht. Deze afbeelding wordt een Avatar genoemd.

    Bij reacties op een WordPress website is het ook mogelijk om gebruik te maken van zo’n kleine afbeelding bij de reacties. Het lijkt logisch om voor iedere gebruiker een afbeelding op te slaan op uw WordPress website maar dat is zeker niet de meest handige keuze voor de reactie plaatser. Deze moet dan op elk blog waarop gereageerd wordt een foto uploaden. Als de foto na verloop van tijd aangepast moet worden dan moet dit op al die aparte blogs gebeuren.  

    www.gravatar.com

    Een Gravatar (een afkorting voor Globally Recognized Avatar) is een handig alternatief voor het plaatsen van een foto bij de reacties op een WordPress weblog. De Gravatar wordt aangemaakt op www.gravatar.com en gekoppeld aan uw emailadres.

    Bij reacties op een WordPress weblog kijkt WordPress automatisch of er voor uw emailadres al een afbeelding bestaat. Zo ja, dan wordt deze automatisch aan uw reactie toegevoegd (als uw WordPress Theme dit ondersteunt). Als uw afbeelding op www.gravatar.com wordt aangepast dan zal deze afbeelding automatisch aangepast worden op de WordPress webslogs waarop u gereageerd heeft.

    Meer dan WordPress

    De toepassing van Gravatars gaat verder dan alleen WordPress. Ook diverse andere online platformen ondersteunen de Gravatar. Voor een compleet overzich van de beschikbare plugins kunt u op de website van gravatar kijken.

    Hoe vind ik een goede webdesigner?

    februari 19, 2010

    Als u van plan bent om een nieuwe website te laten maken dan is het vanzelfsprekend dat u dat wilt laten doen door een goede webdesigner. Maar wat maakt een webdesigner nou een goede webdesigner? Het antwoord op deze vraag is onder meer afhankelijk van de doelstelling die u heeft met uw website. Toch willen we u een aantal tips en eenvoudig uit te voeren controle mogelijkheden meegeven om de kwaliteit van een webdesigner te kunnen beoordelen.

    Om u te kunnen helpen bij het vinden van een goede webdesigner worden er hier een aantal gemakkelijk uit te voeren methodes besproken om de kwaliteit van een website te kunnen beoordelen.

    De W3C standaarden

    Het World Wide Web Consortium (W3C) is een organisatie die de webstandaardenvoor het World Wide Web ontwerpt, zoals HTML, XHTML, XML en CSS.

    Als een website voldoet aan deze standaarden dan is deze over het algemeen beter te bekijken in de verschillende webbrowsers en zal deze door zoekmachines zoals Google beter te lezen zijn. Als een website voldoet aan deze standaarden dan toont dit in ieder geval aan dat er de nodige zorg is besteed aan het ontwikkelen van de website.

    Om te controleren of een website voldoet aan de W3C standaarden stelt het W3C twee gemakkelijk te gebruiken tools ter beschikking. De (X)HTML kan gecontroleerd worden door op http://validator.w3.org/ het adres van de website in te typen. De CSS kan gecontroleerd worden door op http://jigsaw.w3.org/css-validator/ het adres van de website in te vullen.  

    De validators geven vervolgens het aantal fouten in het ontwerp weer of  een groene balk als de website zonder fouten is. Als een website enkele fouten heeft dan houdt dit niet automatisch in dat de webdesigner slecht is maar het geeft wel aan of de website met zorg is samengesteld. 

    Zoekmachine optimalisatie

    Voor zoekmachine optimalisatie is het van groot belang dat de code waarmee een website gepresenteerd wordt goed in elkaar zit. Dit is echter voor een leek zeer moeilijk te doorgronden. Toch zijn er een aantal vragen die u kunt stellen waarmee u kunt controleren of uw webdesigner aandacht besteed aan zoekmachine optimalisatie.

    Bij webwinkels en weblogs kan dezelfde informatie op meerdere pagina’s voorkomen. Denk bijvoorbeeld aan een product in een webwinkel dat te zien is op de productpagina maar ook op de overzichtspagina.  Hierdoor komen zoekmachines dezelfde informatie meerdere keren terwijl zoekmachines juist dol zijn op unieke inhoud. Om dit te voorkomen kan er gebruik gemaakt worden van CANACONICAL urls. Deze vertellen de zoekmachines waar de dubbele informatie vandaan komt en hierdoor wordt u niet gestraft voor dubbele inhoud.

    Een ander punt is dat inhoud en opmaak gescheiden moeten zijn. Hieronder staat bijvoorbeeld twee keer het zelfde kopje:

    Dit is iets heel belangrijks!

    Dit is wat uitleg over iets heel belangrijks.

    Dit is iets heel belangrijks

    Dit is wat uitleg over iets heel belangrijks.

    Een zoekmachine ziet echter in het eerste geval:

    een koptekst met: “Dit is iets heel belangrijks” en daaronder een paragraaf met “Dit is wat uitleg over iets <strong>heel belangrijks</strong>.”. Het is voor de zoekmachine dan ook duidelijk dat de tweede zin bij het kopje hoort en dat de nadruk ligt op de worden tussen de strong tekens.

    In het tweede geval ziet de zoekmachine echter iets heel anders.

    <p style=”font-size:22px;font-weight:bold”>Dit is iets heel belangrijks!</p><p style=”font-size:22px;font-weight:bold”>Dit is wat uitleg over iets <span style=”font-weight:bold”>heel belangrijks</span>.</p>. De zoekmachine negeert vervolgens de aanpassingen aan het uiterlijk en wat overblijft is:

    Dit is iets heel belangrijks! Dit is wat uitleg over iets heel belangrijks.

    De zoekmachine ziet dus geen verband meer tussen het kopje en de rest van de tekst waardoor uw tekst automatisch minder zal scoren.

    Content Management

    Beperkingen

    Als u een website laat maken, zorg er dan ook voor dat er geen beperkingen ontstaan in het gebruik.

    • Krijgt u het recht om de website aan te (laten) passen of moet u bij elke aanpassing eerst om toestemming vragen.
    • Mag u de website overal laten hosten of bent u verplicht om de hosting bij uw webdesigner af te nemen?
    • Maandelijkse onderhoud/hosting kosten die niet in verhouding staan met het gebruik van uw website. Een website met 10 a 20 bezoekers per dag heeft echt geen hosting pakket nodig van meer dan € 20,-/maand. In de praktijk komt het echter nog wel eens voor dat de maandelijkse kosten van de website veel te hoog zijn.
    • Wat kost de website mij de komende 3 jaar?
      Een goedkope website waarbij u voor elke wijziging moet bijbetalen kan wel eens een stuk duurder zijn dan een website die u zelf kunt aanpassen met een Content Management Systeem. Het zelfde geldt voor een website waarvan het onderhoud en de hosting tientallen tot zelfs meer dan honderd euro per maand kost.

    Speciale effecten

    Met Flash, javascript of jQuery kunnen de meest mooie effecten gemaakt worden. Maar wat als een significant deel van uw bezoekers gebruik maakt van verouderde browsers of geen flash plugin geïnstalleerd heeft?

    Het juiste antwoord op deze vraag is: dan wordt de website zonder speciale effecten weergegeven maar blijft alle functionaliteit gewoon in tact. Er zijn echter ook websites waarbij bijvoorbeeld het navigatiemenu gebruik maakt van flash en die voor gebruikers die geen flash geinstalleerd hebben slechts een wit vlak met een rood kruis laten zien!

    W3C validator?

    februari 12, 2010

    De W3C validator is een hulpmiddel dat gebruikt kan worden om na te gaan of de code (HTML en CSS) waarmee een website wordt opgebouwt voldoet aan de richtlijnen van het w3c.

    Een website die voldoet aan de richtlijnen van het W3C zal over het algemeen beter scoren als het gaat om de vindbaarheid in zoekmachines, . Maar minstens zo belangrijk is dat deze het voor leken mogelijk maakt om de kwaliteit van een webdesigner in te schatten door even met de w3c validator te kijken naar enkele websites die gemaakt zijn door deze webdesigner. Als deze vol fouten zitten dan betekent dat nog niet perse dat de webdesigner zijn vak niet verstaat maar wel dat deze

    Dit is, ook als u geen website bouwer bent, een zeer handig hulpmiddel omdat u hiermee de kwaliteit van een webdesigner kunt inschatten. Het

    Zoekmachine optimalisatie – keywords en description

    februari 11, 2010

    De eerste zoekmachines gebruikten de meta tags keywords en description om te beschrijven welke inhoud er op een website te vinden was. Dit systeem bleek in de praktijk echter nogal gevoelig voor manipulatie.  Het was in die tijd, we spreken dan rond 1995, voor een goede ranking van groot belang om de description en vooral de keywords vol te hangen met mogelijke zoektermen. Dat de website uiteindelijk geen informatie over deze keywords bevatte maakte weinig uit. Lees meer »

    WordPress Upgraden?

    Er zijn vele WordPress versies. Van WordPress 0.7 dat in mei 2003 is uitgekomen tot WordPress 2.9 in december 2009 zijn er elke paar maanden wel nieuwe versies bijgekomen.

    Sinds WordPress 2.0 is het upgraden een fluitje van een cent geworden. Maak een backup van de database (dat is iets wat toch al op regelmatige basis moet gebeuren), ???, druk op de upgrade knop.

    Waarom upgraden?

    Maar waarom is het nu zo belangrijk om WordPress up-to-date te houden?

    1. Veiligheid
      Van tijd tot tijd worden er verbeteringen aangebracht in de veiligheid van WordPress. Als er een veiligheidsrisico ontdekt wordt dan is het zaak om dit aan te pakken voordat kwaadwillende er misbruik van kunnen maken.
    2. Betrouwbaarheid
      De nieuwere WordPress versies bevatten vele verbeteringen m.b.t. de betrouwbaarheid en snelheid
    3. Extra functies
      Met elke upgrade komen nieuwe functionaliteiten mee.