Voici un petit tutoriel simple et rapide pour vous apprendre à utiliser l'une des plus intéressante fonction de WordPress ; les champs personnalisés ou en anglais, les custom fields.

Kesako ?

Lorsque vous écrivez un article, vous pouvez ajouter des champs personnalisés depuis l'interface, comme vous le montre cette image à droite. Vous pouvez donc saisir un nouveau champ afin d'automatiser dans votre thème la saisie des informations que vous jugez importantes. Ce peut être tout et n'importe quoi, mais je pense notamment à la source. Plutôt que de devoir l'insérer manuellement dans votre article, vous pouvez rendre le processus automatisé et ainsi gagner un peu de temps. L'avantage aussi de ces champs personnalisés, c'est que vous pouvez récupérer les résultats et les afficher un peu où vous voulez dans votre thème.

Par où commencer ?

Vous allez saisir le nom de ce champ, qui servira de valeur d'appel. Appelons-là "urlsource" Ensuite, lorsque vous écrirez un article, vous aurez l'occasion de sélectionner ce champ dans la liste déroulante et de lui donner une valeur. Ici, un simple copier/coller de l'adresse du site web de votre source suffira. Mais rien ne vous empêche aussi d'ajouter un autre champ, dans le même principe pour nommer votre source. Un champ "nomsource" ferait très bien l'affaire.

Comment procéder ?

Ensuite, pour récupérer la valeur du champ "urlsource" et rendre, par la même occasion, le lien cliquable, on va se servir de la fonction get_post_meta(). La première chose à faire, c'est de vérifier si il y a quelque chose à afficher en provenance de notre nouveau champ. "post->ID" va reprendre le numéro de l'article courant dans la boucle, et "true" vérifie qu'il y a quelque chose. On ajoute donc :

<?php if ( get_post_meta($post->ID, 'urlsource', true) ) : ?>
<?php endif; ?>

Enfin, il ne nous reste plus qu'à afficher le contenu que l'on a saisi lors de la validation de notre article. Le fait que celui-ci soit déjà une URL va nous faciliter la création du lien.

<?php if ( get_post_meta($post->ID, 'urlsource', true) ) : ?>
<a href="<?php echo get_post_meta($post->ID, 'urlsource', true) ?>" title="Source de cet article">Source</a> de cet article
<?php endif; ?>

Enfin, dans le même principe, plutôt que d'afficher simplement le mot "source", on peut aussi reprendre la valeur du champ "nomsource" que l'on aura aussi renseigné, avec un autre echo. Cela fonctionne de la même manière pour une image. En reseignant son adresse complète, on peut l'afficher avec IMG. A vous d'être créatif.