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.
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.
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 :
Petite nouveauté de WordPress 2.7, il est désormais possible d’afficher le nom du lien en plus de la Image :
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 :
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 :
Afficher la note
Si vous attribuez une note à vos favoris, vous pouvez également l’indiquer dans votre liste :
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 !
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’ => ” ); ?>
@Maigret
merci, j’y vais de ce pas !
@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…
il manque le code qui ne s’affiche pas sur la page de votre blog 🙁 :/
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
@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. 🙂
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
@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 ? 🙂
Bonjour, Maigret,
merci pour ton article,
besoin de ton avis sur cette page des liens : http://www.monmillion.fr/liens-utiles/ , s’il te plait.
J’ai un button de ShareThis qui est “perdu” en haut de page, même si la fonction est non utilisée dans la modele… 🙁
serge
@guymauve : liens corrigés, merci de l’information !
Il est fort probable que d’autres se soient glissées dans le site suite à la fusion. Un grand merci à tous ceux qui les signaleront ! 😎
Hello,
Le lien http://www.protuts.net/creer-une-page-de-liens-dans-wordpress/ en haut de page me paraît mort ?
Merci à vous.
@Antoine : merci de ce retour ! 😉
A bientôt ! 😎
Bonjour Maigret
Il reste encore un peu de travail mais voici ma page liens: http://www.geeklemag.com/liens/
J’en suis maintenant plus satisfait 🙂
Il va falloir que je teste un peu avec des images… peut être à bientôt !
Antoine
@Antoine : j’attends ton retour d’expérience ! 😉
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