Speak English? Click here to read my English blog!

WordPress: Customiser son blog avec les champs personnalisés

Posté par jbj le 14 avr 2008 dans Wordpress8 commentaires
Protected by Copyscape Duplicate Content Check
 

La plupart des utilisateurs de WordPress ont remarqué ces champs personnalisés en bas de leur panneau d'édition. Mais de quoi s'agit-il, au juste? Les champs personnalisés permettent d'ajouter facilement des données à vos articles et pages, que vous ne souhaitez pas afficher dans le contenu, mais par exemple près de la date, ou encore dans l'extrait en homepage. Voyons ensemble comment les mettre en œuvre facilement sur votre blog.

Les champs personnalisés fonctionnent simplement via le principe clé = valeur. Vous donnez une clé, on vous retourne la valeur.

Edition du thème

La première chose à faire est d'éditer votre thème: Pour pouvoir utiliser un où des champ(s) personnalisé, il faut prévoir un où plusieurs endroits pour les afficher.
Supposons que vous tenez un carnet de voyages. A côté de l'heure de publication de vos, articles, vous souhaiteriez afficher à quel endroit vous vous situez, géographiquement parlant. C'est tout à fait possible.
Editez le fichier single.php de votre thème et insérez le code suivant là ou vous souhaiter afficher cette information supplémentaire:

<?php
    $values = get_post_custom_values("location");
    if (isset($values[0])) {
        ?>
        <span class="location">Lieu: <?php $values = get_post_custom_values("location"); echo $values[0]; ?></span>
<?php } ?>

Ici, nous utilisons la fonction get_post_custom_values() avec en paramètre la clé de notre champ personnalisé. L'utilisation d'une structure conditionnelle permet de n'afficher "Lieu : xxx" que si l'article possède un champ personnalisé dont la clé corresponds bien à location.

Création du champ personnalisé dans le panneau d'édition

Maintenant que notre thème est configuré pour pouvoir afficher un champ personnalisé, il ne reste plus qu'à en ajouter. Editez un article de votre choix. Descendez tout en bas de la page, jusqu'à champs personnalisés.
Vous n'avez qu'à entrer la clé, puis la valeur de votre champ.
Pour continuer sur notre exemple, la clé serait bien entendu location et la valeur, par exemple, La Havane, Cuba.
Cliquez sur le bouton "Ajouter un champ personnalisé" et enregistrez votre article. Lorsque vous le consulterez via votre blog, le lieu apparaitra désormais. Et comme nous avons placé le code à l'intérieur d'une structure conditionnelle, si sur l'un ou l'autre de vos articles vous ne renseignez pas ce champ, rien ne s'affichera.

Les champs personnalisés offrent énormément de possibilités. Dans les thèmes de type magazine, on les utilise notamment pour pouvoir afficher des images dans les articles de la homepage, par exemple.
A noter, dans WordPress 2.5, les clés de champs sont gardés en mémoire. Pratique lorsque vous en utilisez beaucoup!

Tags:

Autres articles dans la catégorie Wordpress



8 commentaires

» Flux RSS des commentaires
  1. WordPress: Customiser son blog avec les champs personnaliss…

    La plupart des utilisateurs de WordPress ont remarqu ces champs personnaliss en bas de leur panneau ddition. Mais de quoi sagit-il, au juste? Les champs personnaliss permettent dajouter facilement des donnes vos articles et pages, que vous ne souhaite…

  2. [...] à l’article, dans le panneau d’édition de l’article en question, créez un champ personnalisé. Donnez lui la clé featuredimg et comme valeur, l’url absolue de l’image (C’est [...]

  3. Bien utile, je me demandais comment faire !

  4. Merci pour cette information que j’ai pu mettre en place facilement pour l’affichage d’une image ou pas dans les pages archives.

  5. Genial!!! Merci !!!!

    Je cherchait comment mettre un vrais truc personalisé et grace a ce code magique, je peut enfin faire se que je veut!!! Je l’avais pa trouvé sur WordPress, dans les tuto il donne qu’un vieu truc que je peu pas personalisé, là c’est que du bonheur!!!

    Merci encore!

  6. Je recherche comment bien intégrer deux champs personnalisés avec un lien hypertexte sur WP depuis 10minutes et ce n’est pas gagné… Mais merci pour ces tuyaux !

  7. Très pratique ton code
    Encore merci
    Alex

  8. Bonjour,

    J’utilise le thème Yukon.
    Je veux associer une image à un article dans le champ personnalisé.

    Rien ne se passe…..

    HELP !