Cocktail Web

Actualité des outils du Web



Thumbnail For Excerpts! nouveau plugin pour roget.biz

03/07/2009 ( wordpress ) 22 avis


wordpressMa page d’accueil étant un peu tristounette, cela fait un bon moment que je cherchais une façon d’inclure des petites images (thumbnails) sur les excerpts. Au mois d’octobre, j’avais changé la page d’accueil en prenant l’option de n’afficher que les excerpts (résumés) pour faciliter la lecture rapide des derniers articles de roget.biz (cela évite de faire défiler une page pleine avec les articles complets).

En lisant mon couteau suisse d’aujourd’hui j’ai pu trouver ce qu’il me fallait avec un plugin Thumbnail for excerpt, qui permet d’aller puiser dans le fichier de photos,  les vignettes (thumbnail) des photos que vous mettez dans le blog. Comme mon blog est souvent agrémenté de photos et d’impression d’écran, c’était donc un bon moyen d’égayer le site.



Ce qui est dit dans ce plugin, c’est qu’il faudra éventuellement modifier le CSS pour que la vignette soit plus propre, mais c’est déjà au dessus de mes moyens techniques.

Étiquettes :




Ecrit par Thierry Roget

------------

» Suivez les commentaires de ce billet par RSS

Commentaires

» Abonnez vous au flux RSS des commentaires de ce billet

Commentaire de malkovitch |

Sur WordPress les plugins ça n’arrête pas… alors que pour Dotclear, ils ont plus l’inspiration ou les compétences.

Commentaire de Thierry Roget |

je ne connais pas dotclear! mais j’imagine que c’est du sérieux!

Commentaire de Lionel - Websourcing.fr |

C’est jolie, ca attire l’oeil mais par contre il faut que tu ajoute une marge a droite le l’image sinon le texte est collé. Un petit peu de CSS 😉

Commentaire de Steph |

Cette fonctionnalitée est géniale pour une page d’accueil.
Tu aurais du me demander plus tôt, ça va faire quelques mois maintenant que j’ai activé les thumbnail sur ma page d’accueil.
Mais moi je ne passe pas par un plugin mais par un bout de code que j’ai personnalisé, il fait exactement la même chose.

Commentaire de DrG. |

C’est vrai que c’est beaucoup plus sympa tout de suite.
Sont rares les blogs sans image sur la page d’accueil non ?

Commentaire de Insolite-du-Geek |

Thierry,
il faut modifier la classe CSS  ‘imgtfe’ pour mettre une marge à droite.

Commentaire de Julien Appert |

Tu ne connais pas dotclear ? Ah la la, c’est un scandale ! Dotclear est mieux codé que WordPress. Le problème, c’est qu’il a moins de plugins que ce dernier. Donc si tu as peu de connaissance en développement, mieux vaut rester à WordPress, tu as plus de chance de trouver un plugin qui correspond plus ou moins à tes attentes.

Commentaire de Delphine Dumont |

Pas besoin de plugin pour ça ! Les champs personnalisés sont nos amis.

Commentaire de Thierry Roget |

Delphine, tu as raison, mais j’ai essayé une fois, ça n’avait pas marché, alors…

Websourcing : effectivement j’ai mis ça dans ma todolist pour mettre en page cela plus correctement.

DrG, effectivement les vignettes ça fait toujours un peu plus joli.

A tous, sachez que je suis une grosse tanche en PHP ou en code en tout genre, donc moi c’est un peu « wordpress pour les tetra nuls »!!!!

Commentaire de Lionel |

A priori en ajoutant
 
.imgtfe {
margin: 2px;
}
dans ta CSS, ça devrait suffire. Sinon si tu n’y arrives pas je pourrais te le faire rapidement.

Commentaire de Thierry Roget |

Lionel, merci bien pour le coup de main. je vais voir ça!

Commentaire de Thierry Roget |

Lionel, j'ai pris ton conseil, ça n'a pas marché, mais j'ai 
adapté le code 
#content img.imgtfe {margin: 10px;} 
Merci encore

Commentaire de Thierry Roget |

Insolite-du-Geek je viens de despamer ton commentaire

Commentaire de Lionel |

Ben voila, c’est jolie maintenant 😉 @+

Commentaire de Insolite-du-Geek |

Merci Thierry Roget.

Mais pourquoi donc Askimet me prend t’il  pour un spammeur ?

Bizarre ….

Commentaire de Insolite-du-Geek |

Thierry Roget,
il faut ajouter la ligne suivante dans le fichier CSS de ton thème (normalement c’est le fichier style.css  sous /wp-content/theme/TON-THEME)
/*+++++++ Thumbnail for Excerpts – WordPress plug in  +++++++*/
.imgtfe { float: left; margin-top: 3px; margin-right: 7px; margin-bottom: 7px; }
 

Commentaire de Thierry Roget |

Insolite: merci pour la ligne de code, avec ça c’est complet!

Commentaire de Faites des nuages de mots avec tagxedo: LOL! |

[…] car une image égaye vraiment l’écrit et si vous êtes comme moi, que vous utilisez des vignette en page d’acceuil, c’est encore […]

Commentaire de ProLire |

Merci pour l’astuce. Le rendu est de bonne qualité.
Le bémol, c’est que les thumbnails affichés sur la page d’accueil sont tronqués.
Il faut utiliser un autre plugin pour qu’une image de n’importe quelle taille dans un article, se retrouve automatiquement redimensionnée et affichée entièrement en taille thumbnail ?

Commentaire de Thierry Roget |

Prolire, effectivment, le thumbnail est réduit à un carré créé par wordpress, on peu toutefois ajuster la taille du carré à un rectangle et surtout dans mon cas, je m’adapte au fait que ce soit un carré.

Commentaire de ludo |

Hello,

J’ai voulu utiliser ce type de plugin, non pas pour ma page d’accueil car mon thème le proposait déjà, mais pour le listing des articles lorsqu’on passe par les menus des catégories.

Car mon soucis est que sur ma home, j’ai les thumbnail, mais pas quand on clic sur une catégorie.

Si quelqu’un avait un tuyau pour ça.

Vous pouvez le voir sur : http://www.crampons-foot.com

Merci

Commentaire de Thierry Roget |

ludo, avec la nouvelle version 3.0 de wordpress je sais que maintenant l’insertion de vignette est falicité, mais je ne peux pas t’en dire plus. sur mes autres blogues je n’utilise plus ce plugin, et ça marche tout aussi bien. Je ne peux donc pas vraiment t’aider sur ce coup!

» Abonnez vous au flux RSS des commentaires de ce billet

Ecrire un commentaire