Forgeard-Grignon.fr

Charger une police dans un site Internet, IE vs CSS3

dans Documents techniques, Mots-clefs : , par Nicolas le Vendredi 12 mars 2010

J’ai refait tout le thème de mon site Internet en privilégiant au maximum les instructions CSS3. Aujourd’hui, j’ai commencé à me pencher sur le cas d’Internet Explorer qui ne les supporte pas encore. La grande question était de savoir comment intégrer une police de caractère spéciale pour le site. Dans mon cas de figure, il s’agit de la police de type manuscrite qu’on retrouve dans les méta-informations du site et en légende des photos. En règle générale, avec CSS3, il suffit de copier le fichier de la police dans un sous-répertoire du site et de le précharger de la façon suivante.

?Afficher le code CSS
@font-face {
	font-family : 'Aenigma Scrawl';
	src: url('fonts/aescrawl.ttf') format('truetype');
}

Une fois chargée, on peut alors l’utiliser avec les instructions habituelles de type font ou font-family. Dans le cas d’Internet Explorer, c’est sensiblement différent, car il faut utiliser une police EOT (Embedded OpenType) de Microsoft et limiter les paramètres, j’ai donc deux fichiers de police dans mon sous-répertoire et j’appelle celui de EI de la manière suivante.

?Afficher le code CSS
@font-face {
	font-family : 'Aenigma Scrawl';
	src: url('fonts/aescrawl.eot');
}

Enfin, le petit truc intéressant est de savoir comment on peut transformer un TTF en EOT et pour cela je vous invite à utiliser le site Sebatian Kippe. Si vous voulez récupérer la police en question, il s’agit de Aenigma Scrawl.

Adapter le nuage de tags de WordPress

dans Documents techniques, Mots-clefs : , , par Nicolas le Dimanche 07 mars 2010

WordPress dispose d’un widget nuage de tag (comme avec le bouton « mots-clef » en haut de page). Il est possible de passer des paramètres spécifiques à ce widget pour en modifier l’aspect ou le comportement, on peut le faire directement à la source en modifiant le fichier /wp-includes/category-template.php mais une telle modification pourrait poser problème si on met à jour le moteur de WordPress. D’autres sites, comme celui Orzeszek, préconisent la création d’un plugin pour WordPress.

Pour ma part, je voulais configurer mon nuage de tag pour qu’il soit compatible à la fois avec l’utilisation des widget ou avec la sidebar par défaut mais aussi pour qu’il soit rattaché à mon thème. Il a donc été judicieux j’adapter le fichier functions.php de mon thème, en m’inspirant du travail de Orzesek pour y ajouter ceci :

?Afficher le code PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

function change_tag_cloud_options($args = array()) {
	$args['smallest']	= 8;
	$args['largest']	= 16;
	$args['unit']		= 'pt';
	$args['number']		= 45;
	$args['format']		= 'flat';
	$args['separator']	= ' ';
	$args['orderby']	= 'name';
	$args['order']		= 'DSC';
	$args['exclude']	= '';
	$args['include']	= '';
	$args['link']		= 'view';
	$args['taxonomy']	= 'post_tag';
	$args['echo']		= true;
	return $args;
}
add_filter('widget_tag_cloud_args', 'change_tag_cloud_options', 90);

Cette manipulation permet de passer des paramètres personnalisés à la fonction de nuage de tag tel que décrite dans le codex de WordPress.