Webfonts gebruiken

Geplaatst door op nov 17, 2012 in plugins | 0 reacties

Naar aanleiding van een vraag via twitter een korte uitleg waarom ik zo graag google webfonts gebruik en tips om zelf webfonts toe te passen op je eigen website.

Een stukje geschiedenis

Om een lettertype correct weer te geven op een computerscherm  moet dat lettertype geïnstalleerd zijn op de betreffende computer. Lange tijd zijn de fonts van pc’s en mac’s niet compatibel geweest. Met de opkomst van het internet zorgde dit voor meer en meer problemen aangezien de ontwerper van de webpagina geen invloed heeft op de lettertypes die de bezoeker op zijn computer geïnstalleerd heeft.
Standaard lettertypes die op elke computer waarschijnlijk wel geinstalleerd gebruikens was dus de enige oplossing. Creatieve webdesigners losten het wel eens op door koppen en subkoppen om te zetten naar plaatjes. Maar dat is erg bewerkelijk, niet gebruikersvriendelijk en zeker niet zoekmachinevriendelijk.

Online fonts bieden de oplossing

Populaire lettertypes zoals Verdana en Arial zullen niet zomaar verdwijnen. Met name omdat dit typische ‘beeldschermlettertypes’ zijn, die erom bekend staan goed leesbaar te zijn op een scherm. Met de komst van Web Fonts  zijn de mogelijkheden om creatieve lettertypes te gebruiken op internet een stuk gevarieerder is geworden.
Er zijn verschillende aanbieders van Web Fonts maar ik ben erg enthousiast over google webfonts, dus daar ga ik verder op in.

Wat zijn Web Fonts

Alle lettertypes die via Google Web Fonts worden aangeboden, staan op de servers van Google. Door een verwijzing naar het gewenste font in je website op te  nemen, worden die lettertypes door jouw website “opgehaald” en daardoor zichtbaar op je website. Het niet daardoor meer nodig dat het lettertype op de computer van je websitebezoeker aanwezig is. Google verzorgt dat voor je.

De voordelen

  • Fonts worden gehost door Google
  • Keuze uit meer dan 500 open source fonts
  • Uitgebreide preview mogelijkheden
  • Google doet er alles aan om de fonts snel te laden

Toepassen op je eigen website

Er zijn 2 manieren om Google fonts aan je website toe te voegen. Handmatig of via een plugin.
Bij beide methodes ga je eerst naar de site van google webfonts om een geschikt font uit te zoeken.
Je kunt een eigen tekst invullen zodat je goed kunt zien hoe jouw tekst er in een bepaald lettertype uit ziet.
Aan de linkerkant vind je een menu waarin je je voorkeuren kunt aangeven.
Onder elke voorbeeldregel kun je zien hoeveel variaties er van het lettertype zijn, dit kan handig zijn als je de letters in verschillende variaties wilt gebruiken.

kies een google font wat je wilt gebruiken

 

De meest gebruikte plugin voor het toevoegen van google fonts aan je website is WP-google-fonts
Voor elke notatie  kies je het lettertype wat je daarvoor wilt gebruiken

google fonts control panel

Om het goed te laten werken zonder extra CSS bestand is het verstandig om het vinkje bij “Activate Plugin CSS Styling” uit te zetten.

Handmatig Google Fonts toevoegen

Zoek op de site van google webfonts een font uit dat je wilt gebruiken. Klik op Quick use. Er opent zich een nieuw scherm waarin je kunt zien hoeveel variaties er zijn van je gekozen font en hoelang de laadtijd is.

Als je iets naar beneden scrolt zie je in het blauwe vlak een link. Deze link moet je toevoegen aan je header.php en de regel in het grijs is wat je gebruikt in je style.css bestand.

kopieer de links van de google webfonts

Vindt je het te moeilijk of kom je er niet uit? Dan kun je natuurlijk altijd even contact opnemen.

Bonus

Ik ben dol op spelen dus soms wil ik eenmalig een raar lettertype gebruiken in een bericht of in een pagina. Speciaal daarvoor is de plugin Supreme Google Webfonts
Met deze plugin voeg je google fonts toe aan je uitschuifmenu bovenaan je berichten of pagina editor. Gewoon omdat het leuk is!

 

Lees verder...

Pingbacks en Trackbacks

Geplaatst door op nov 3, 2012 in Wegwijs in WordPress | 1 reactie

Deze week kreeg ik via de mail de vraag van een van mijn klanten:

Zij had een melding ontvangen van haar website dat er een pingback op toelating wachtte. En zij vroeg zich af wat dit precies betekende.
Ik begin met een algemene uitleg over de functie en het nut van pingbacks en trackbacks en daarna leg ik uit wat WordPress er mee doet. Als laatste een uitleg over wat je er aan hebt.

Wat  is een trackback?

Trackbacks geven bloggers de mogelijkheid om te communiceren tussen de websites. Het is bijna als een persoon zegt tegen een ander: “Dit is iets wat je misschien leuk vindt”.
Een voorbeeld:

  • Ik schrijf een bericht op mijn blog.
  • Jij wilt reageren op dit bericht maar je wilt ook de lezers van jouw blog laten weten dat je gereageerd hebt op mijn blog zodat zij ook weer kunnen reageren
  • Jij schrijft een reactie op je eigen blog en stuurt een trackback naar mijn bericht.
  • Jij ontvangt een trackback van mijn bericht en kan ervoor kiezen om deze weer te geven als een commentaar.
  • Het commentaar bestaat uit een titel, fragment en een link naar mijn bericht.

Wat is een Pingback?

Trackbacks zijn handmatige doorverwijzingen terwijl Pingbacks automatisch gaan (een verschil in communicatie-technologie).

  • Ik schrijf een bericht op mijn blog
  • Jij schrijft een bericht op je blog waarin je een vermelding maakt van mijn bericht (met link).
  • Jouw (WordPress) software stuurt mij automatisch een pingback (een melding dat mijn bericht genoemd is in bericht van iemand anders).
  • Mijn WordPress software ontvangt de pingback, gaat automatisch naar jouw blog om te kijken of de vermelding terecht is (dus of de link er staat).
  • Ik kan er vervolgens voor kiezen om de pinkback toe te laten als commentaar (of niet). De pingback is te zien als een link naar jou website.

Pingbacks werken ook binnen je site. Dus WordPress stuurt een selfping als een van je berichten verwijst naar een ander bericht (of pagina). Of dit goed of vervelend is bepaal jij zelf.

Wat is het verschil tussen Trackbacks en Pingbacks?

  • Pingbacks sturen  alleen een link en bevatten geen inhoudelijk bericht.
  • Pingbacks worden automatisch aangemaakt en verstuurd

Wat kun je met Pingbacks en Trackbacks binnen WordPress?

Onderaan elk bericht of pagina vind je knoppen voor het toestaan van reacties en trackbacks en pingbacks.
Pingbacks en trackbacks zijn alleen nuttig als ze jouw blog koppelen aan een site die van waarde is voor jouw site. Pingbacks en Trackbacks zijn helaas ook een makkelijke manier voor spammers om een backlink te krijgen van jouw site.  Het heeft geen zin om te koppelen aan een spammer, sterker nog, dat doet je site nooit goed.

 

Trackbacks, Pingbacks, en Self Pings uitschakelen

Pingbacks en trackbacks uitschakelen in WordPressAls je het krijgen van spammy trackbacks en pingbacks zat bent, dan kun je deze volledig uitschakelen.

 

  • Ga naar Instellingen »Discussie.
  • Schakel de optie “Allow koppeling meldingen van andere blogs (pingbacks en trackbacks)”
  • Het vinkje zal alleen trackbacks en pingbacks uitschakelen bij toekomstige berichten (niet bij bestaande berichten).

 

Als je selfpings (dus pingbacks binnen je eigen site) beu bent kun je een plugin gebruiken of je gebruikt relatieve paden voor het doorlinken. Bijvoorbeeld: in plaats van http://www.dolgelukkig.nl/contact/ gebruik ik /contact/. Door het weglaten van de http:// voorkom je dat je site selfpings maakt (dit werkt niet in de WYSIWYG editor, dus na het toevoegen van de link kun je de http:// alleen weghalen in de HTML editor).

 

Lees verder...

Allowed memory size exhausted

Geplaatst door op aug 19, 2012 in Wegwijs in WordPress | 0 reacties

Je krijgt de melding: Allowed memory size of …………….bytes exhausted (tried to allocate……………..bytes), en nu?

Deze melding blokkeert vanalles in je WordPress installatie waardoor je niet verder kunt met je werk. Vaak staat er een melding bij met een locatie waar je niks kunt vinden als je gaat kijken.

 

3 mogelijke oplossingen

  1.  Zoek (via FTP) naar het PHP.ini bestand (vaak een verborgen bestand) of maak in je tekst editor een PHP.ini bestand, verander de waarde in PHP.ini. Verander bijvoorbeeld 32M in 128M: memory_limit = 64M ; Deze memory_limit mag niet hoger zijn dan 64MB.
  2. Voeg: “define(‘WP_MEMORY_LIMIT’, ’128M’)”; toe aan je wp-config.php file. (werkt meestal goed alleen als je je theme verandert niet meer)
  3. In plaats van je  PHP.ini kun je ook de volgende regel aan je .htaccess bestand toevoegen: php_value memory_limit 128M

 

Het kan zijn dat je tot alle 3 deze opties geen toegang hebt omdat je host dit heeft afgesloten. De enige oplossing is dan contact opnemen met je host.
Een andere mogelijkheid is je plugins deinstalleren en onderzoeken welke je eventueel zou kunnen missen en deze uit laten.

 

Hoe kan dit?

Standaard is er een hoeveelheid geheugen toegewezen voor het uitvoeren van PHP functies (door je host).
Als je een functie aanroept die meer php geheugen nodig heeft dan het toegewezen geheugen dan wordt de functie automatisch niet gestart en krijg je de bovenstaande melding.
Deze functie kan in een theme zitten of in een plugin of een aanpassing van het een of het ander.
Het toegewezen geheugen hoeft niks te maken te hebben met hoeveel schijfruimte er beschikbaar is op je server ruimte.
Als je de hoeveelheid schijfruimte overschrijdt krijg je een andere foutmelding.
Kom je er zelf niet uit? Neem dan even contact op zodat ik mee kan kijken waarom het niet lukt bij jouw website.
Lees verder...

custom post types gebruiken

Geplaatst door op apr 5, 2012 in Wegwijs in WordPress | 0 reacties

Sinds ik vorig jaar kennis maakt met Custom post types maak ik er uitgebreid gebruik van. Wat het precies is en wat je er mee kunt legt Coen Jacobs erg goed uit  het enige wat blijkbaar voor veel mensen niet goed duidelijk is is hoe je je custom post types goed zichtbaar krijgt op je site. En daar gaat deze blog over.

Let op; je moet echt wat ervaring hebben met WordPress om met custom post types aan de slag te kunnen!

Je kunt custom post types op 2 manier toevoegen aan je blog:

  • handmatig; je voegt code toe aan je functions.php, dit staat duidelijk uitgelegd in de WordPress codex
  • dmv een plugin; de plugin voegt een functie toe aan je admin panel waardoor je makkelijk custom post types kunt toevoegen.

Op het moment dat je post type hebt toegevoegd wil je ook dat je bezoekers ze kunnen zien. Voor het zichtbaar maken van een custom post type heb je een pagina template nodig. Standaard heeft elk WordPress theme een aantal van deze bestanden bv:

  • archive.php
  • page.php
  • single.php

Deze bestanden bepalen hoe een bepaalde pagina wordt weergegeven. Voor een custom posttype moet je een eigen pagina template aanmaken. maak een bestand aan in je kladblok en geef het een naam die jij kan plaatsen (bv page-voorbeeld.php). De eerste regel in het bestand is

<?php /* Template Name: voorbeeld */ ?>

Hiermee geef je de template een naam. Daarna voeg je de code toe die nodig is om de custom posttypes te laten zien (tip: kijk in de page.php van je theme en kopieer de code en plak die in je nieuwe template)

get_header();

query_posts('post_type=voorbeeld);
?>
get_header();

query_posts('post_type=portfolio&posts_per_page=6'); /* We gaan 6 portfolio items per pagina tonen */
?>
Voor het vertonen van je posttypes is het belangrijk dat je de posttype benoemt (de naam die je de posttype hebt gegeven toen je hem maakte) zodat WordPress weet welke post’s ze op moet halen op die pagina. Naast het ophalen van de posttype kun je allerhande functies toevoegen (zie overzicht)
Als je klaar bent met je pagetemplate dan voeg jet het bestand via FTP toe aan de theme bestanden.
page template kiezen in wordpress
Als je nu je een pagina aanmaakt en je kiest het template wat je hebt aangemaakt voor je posttype zul je zien dat je posttypes verschijnen als je je pagina hebt opgeslagen (let op; houd de pagina leeg)
Het kan nodig zijn om de style.css aan te passen zodat het template helemaal helemaal het uiterlijk krijgt wat jij wilt.
Lees verder...