Personnaliser le modèle de page de Liens sous WordPress

Dans un précédent article sur WordPress, nous avions vu en détails comment créer une page de liens dans WordPress. Pour approfondir ce tutoriel, je vous propose d’en savoir plus sur les différents paramètres de personnalisation mis à disposition par WordPress et ainsi obtenir un modèle de page propre à votre blog.

Lister vos favoris avec l’URL

Utilisez le code suivant pour afficher vos liens en les classant par URL.

A insérer dans links.php (template)
<?php wp_list_bookmarks('orderby=url'); ?>

Lister vos favoris avec une description

Il s’agit tout simplement de classer vos liens par ordre alphabétique en y ajoutant leurs descriptions respectives.

A insérer dans links.php (template)
<?php wp_list_bookmarks('show_description=1'); ?>

Afficher / masquer l’image du lien

Une image vaut souvent mieux qu’un long discours. Ainsi, pourquoi ne pas ajouter une Image pour chacun de vos liens ? Cela nécessite auparavant que vous ayez indiqué l’URL de l’image source dans le module d’administration des Liens de WordPress. Par chance, les images sont affichées par défaut, aucun code supplémentaire n’est donc nécessaire.

Toutefois, si vous préférez masquer l’image alors utilisez le code suivant :

A insérer dans links.php (template)
<?php wp_list_bookmarks('show_images=0'); ?>

Petite nouveauté de WordPress 2.7, il est désormais possible d’afficher le nom du lien en plus de la Image :

A insérer dans links.php (template)
<?php wp_list_bookmarks('show_name=1'); ?>

Notez que les images adopteront le style défini dans la feuille de styles CSS.

Enlever les puces de liens

Si vous souhaitez enlever la puce avant chaque lien, utilisez ce bout de code :

A insérer dans links.php (template)
<?php wp_list_bookmarks('before=<p>'); ?>

Dans cet exemple, j’ai indiqué une balise <p> pour paragraphe. Libre à vous d’indiquer celle de votre choix !

Mettre les noms des liens entre crochets

Disponible depuis WordPress 2.7, le paramètre link_before et link_after permettent d’ajouter n’importe quel texte avant et / ou après le nom du lien. Ainsi, vous pouvez facilement ajouter des crochets, des parenthèses, des espacements – notamment après une Image, ou tout autre chose.

Voici un exemple de base avec des crochets :

A insérer dans links.php (template)
<?php wp_list_bookmarks('link_before=&[link_after=]'); ?>

Afficher la note

Si vous attribuez une note à vos favoris, vous pouvez également l’indiquer dans votre liste :

A insérer dans links.php (template)
<?php wp_list_bookmarks('show_rating=1'); ?>

La liste complète des paramètres autorisés est disponible sur le codex WordPress : Template Tags/wp list bookmarks (en anglais).

Bien entendu, toutes les personnalisations sont envisageables. Retenez juste qu’il faut ajouter un & entre chaque paramètre comme vous pouvez le voir dans les différents exemples ci-dessous. N’hésitez pas à partager vos pages de liens personnalisées pour nous faire découvrir vos créations !

Crédits photo : rubybgold

15 commentaires

  1. Antoine

    Merci Maigret pour cette article!
    Il ne me reste plus qu’à mettre les mains dans ma template links.php pour essayer d’en faire quelquechose de plus sympa.
    Je viendrais partager mes commentaires/trouvailles sur cette page.
    Cordialement,
    Antoine

  2. Aurélien Denis

    @Serge : pour supprimer ce module de partage de liens, il faut désactiver le plugin correspondant. Si tu souhaites l’utiliser sur certaines pages du site, tu dois pouvoir le configurer dans les options dudit plugin.

    Visiblement, il doit y avoir un bout de code dans le header.php qui fait appel à ce plugin. Il serait bon d’aller y faire pour le supprimer et éviter que cela provoque des erreurs.

    P.S : j’ai lu l’objectif de ton blog. Est-ce en bonne voie ?

  3. Serge

    Merci pour la réponse si rapide.
    Je viens de passer à la loupe le header.php il n’y a rien a part .
    Peut être cette fonction appelle le sharethis et le css n’arrive pas la placer – et colle en dessous de l’en tête? en tout cas ça se présente que avec le blogrol… c’est pas grave. Un jour je vais essayer d’installer ShareThis directement dans le modèle des posts de theme sans passer par le plug-in.

    A propos de voie… il y a un an, j’ai eu aucune idée comment créer un site ou blog. Maintenant je me débrouille plutôt bien. Le projet et en plein développement et les gagnes 0… Mais j’apprends de plus en plus, et surtout ça me plait. Le plus important est que ça m’ouvre les yeux et l’esprit sur « comment » et « ou » avancer. Alors si je n’arrête pas – mon million vas venir… Seul truc – pas lâcher et faire de son mieux pour ne pas être comme « monsieur tout le monde ».

    Il y a surement des choses à faire sur internet mais ce n’est pas tout, il faut être « la source » pour les autres, et ce n’est pas donné…

    Actuellement je me concentre sur stratégie et recherche de mon équipe. En même temps le contenue murisse… Si tu veux te joindre (je besoin de gars qui sont doué en web), on peut lancer un ou deux trucs.

    En tout cas merci pour le retour,
    cordialement,
    serge

    P.S. si ça t’interesse le php pour les TAGS et Categories (avec feed integré) sur une page a part je peux te les passer

  4. Aurélien Denis

    @Serge : ok, si cela ne se présente qu’avec la page Liens, il faut regarder dans le code du modèle de page pour supprimer la commande PHP faisant référence à Share This.

    J’aurais bien aimé t’aider un peu pour tes projets, mais comme tu peux t’en douter Protuts occupe déjà pas mal de mon temps.

  5. GAMm

    Bonjour,
    je me pose une petite question, du genre…
    Comment séparer un fonction dans deux DIV ?

    Par exemple j’ai créé des liens(dans le panneau admin de wordpress) sur lesquels je ne demande de voir que l’image associée !

    et c’est là que ça se corse puisque je voudrais une autre DIV avec

    et que cette DIV apparaisse uniquement lors d’un mouse:hover au-dessus de l’image de lien

    ici le lien vers la page en question
    http://ecographic.be/unik/wordpress28/?page_id=123

    est-ce possible et quel sont les moyens mis à dispositions ?

    merci

  6. Aurélien Denis

    @GAMm : oui, pour afficher du code il faut le mettre entre les balises pre. Le mieux étant de passer par le forum où l’insertion de code est facilitée et où l’on pourra te dépanner.

    Sinon,à priori, je ne vois pas trop la solution…

  7. pierre

    salut
    merci pour ton tuto.. j’ai besoin d’aide.. j’ai créée une page Liens avec modèle links. Le fichier php links.php est dans wp-content/themes/montheme/
    ensuite dans links.php jai intégré ce code, résultat la page n’affiche rien…
    

    ‘name’,
    ‘order’ => ‘ASC’,
    ‘limit’ => -1,
    ‘category’ => 1,
    ‘exclude_category’ => 1,
    ‘category_name’ => 1,
    ‘hide_invisible’ => 1,
    ‘show_updated’ => 0,
    ‘echo’ => 1,
    ‘categorize’ => 1,
    ‘title_li’ => __(‘Bookmarks’),
    ‘title_before’ =>  »,
    ‘title_after’ =>  »,
    ‘category_orderby’ => ‘name’,
    ‘category_order’ => ‘ASC’,
    ‘class’ => ‘linkcat’,
    ‘category_before’ =>  »,
    ‘category_after’ =>  » ); ?>

Laisser un commentaire