Home »

Redimensionner toutes les vidéos (embed) et photos dans wordpress

Quand on change de template sur son CMS préféré, on pense à beaucoup de choses, … mais il est fréquent qu’au cours de la mise en place de la nouvelle interface des problèmes inattendus se produisent.

C’est ce qui m’est arrivé. Il y a une chose simple à laquelle je n’ai pas pensé : la différence de taille des blocs de contenus entre les deux templates. Constat : le template précédent offrait une largeur plus importante. Effet : photos et vidéos pour nombre d’entre elles dépassent du cadre et empiètent sur la sidebar dans la nouvelle interface.

J’étais parti dans l’idée que pour remédier à cette problématique je devais faire appel à un plug-in wordpress pour redimensionner l’ensemble des éléments évoqués. Le faire manuellement, bien que le nombre d’articles publiés sur ce blog soit réduit, aurait été fastidieux.

En furetant sur internet, une solution simple est venue m’éclairer. Au lieu de faire appel à un mécanisme lourd, on peut faire appel à une technologie bien connue, à laquelle je n’avais pas pensé faire appel : le CSS

Quelques lignes plus tard, le problème était résolu ! JOIE

/* Resize embed/video */


.post embed {width:578px;} /* Applies to all browsers */
*.post embed {width:578px;} /* Applies to all IE browsers */
_.post embed {width:578px;} /* Applies to all IE browsers 6 and below */
.post embed {width /*\**/:578px\9;} /* Applies to IE 8 */
.post img { max-width:578px; height:auto; }

.post embed {width:578px;} /* Applies to all browsers */*.post embed {width:578px;} /* Applies to all IE browsers */_.post embed {width:578px;} /* Applies to all IE browsers 6 and below */.post embed {width /*\**/:578px\9;} /* Applies to IE 8 */

/*Resize image/photos/pictures/ */ .post img { max-width:578px; height:auto; }

J’ai décidé d’utilisé l’argument max- afin de ne pas toucher à la largeur de certaines photos dont la dimension réduite est voulue (ex: galerie flickr, ….)

Sources : ici et là.

Des hordes de photographes, pleins de chouettes matos,le grand déballage du son et de la 3D, … et des animations/cours de qualité. Bon salon, malgré le public venu en masse !

Voici quelques photos réalisés lors de mon passage à la FIAC 2010, au Grand Palais. Beaucoup oeuvres, beaucoup de frimes et d’impostures, mais quelqeus coup de coeurs

Vous connaissez sûrement Blurb, ce fabuleux service web qui vous permet de transformer vos clichés en magnifiques livres-photos de haute qualité. Découvert il y a déjà quelques années, c’est devenu l’un des cadeaux que j’offre le plus.

Le principe est simple : l’utilisateur télécharge un logiciel, avec lequel il va mettre en page ses photos, rajouter du texte s’il le souhaite, … Une fois uploadé chez Blurb, l’utilisateur passe commande du nombre d’exemplaires souhaités. Il a par la suite la possibilité de mettre en vente son ouvrage dans la boutique en ligne de Blurp. (Lire la suite…)