- Statut : non résolu
- Ce sujet contient 12 réponses, 2 participants et a été mis à jour pour la dernière fois par luciole135, le il y a 12 années et 6 mois.
-
AuteurMessages
-
13 juillet 2012 à 11 h 55 min #512089
Bonjour,
Ma configuration WP actuelle
– Version de WordPress :
– Version de PHP/MySQL :
– Thème utilisé :
– Extensions en place :
– Nom de l’hebergeur :
– Adresse du site :Problème(s) rencontré(s) :
Je cherche à réduire la largeur des photos affichées sur mon site TEST de façon à pouvoir en afficher 4 par page (il y a la place en modifiant element.style avec Firebug, 4 images se rangent par ligne au lieu de 3 actuellement.
Mais Firebug étrangement n’indique pas où est défini cet element.style !
J’ai tenté de le redefinir dans le thème enfant en ajoutant la rèegleelement.style {
width: 155px !important;
}Cela ne fonctionne pas.
J’ai regardé dans le short-code d’insertion et d’affichage des photos, il n’apparait pas non plus, comme vous pouvez le voir dans cet exemple :
[caption id="attachment_6640" align="alignleft" width="150" caption="AMPHORA
Full Aroma 50g (rouge)
Additifs 10%"]<img src="http://localhost/wordpress/wp-content/uploads/2011/05/AMPHORA-Full-Aroma-50g-Additifs-10-150x150.jpg" alt="AMPHORA Full Aroma 50g (rouge) Additifs 10%" title="AMPHORA Full Aroma 50g (rouge) Additifs 10%" width="150" height="150" class="size-thumbnail wp-image-6640" />[/caption]Pourtant dans l’onglet Elements de Firebug (dans la partie gauche), affiché comme ici :
<div id="attachement_6640" class="wp-caption alignleft" style="width: 160px"><img src="http://localhost/wordpress/wp-content/uploads/2011/05/AMPHORA-Full-Aroma-50g-Additifs-10-150x150.jpg" alt="AMPHORA Full Aroma 50g (rouge) Additifs 10%" title="AMPHORA Full Aroma 50g (rouge) Additifs 10%" width="150" height="150" class="size-thumbnail wp-image-6640" /></div>
Où est défini cet element.style pour que je puisse le modifier ?
il n’est pas dans le short-code [ caption ], il n’est pas dans style.css de Twenty-Ten, où est-il comment faire pour le modifier et le mettre à 155px ce qui suffit à afficher 4 images par ligne.Merci de vos lumières !
13 juillet 2012 à 12 h 13 min #842938Oups, j’ai oublié la config :
Ma configuration WP actuelle :– Version de WordPress : 3.4.1
– Version de PHP/MySQL : 5.1.3RC4-dev / 5.0.83
– Thème utilisé : Twenty Ten Daily-Good
– Extensions en place : Cimy Counter (1.1.1), Clean UP (3.00), Cookies for Comments (0.5.4), Forum_wordpress_fr (3.1), WP-Memory-Usage (1.2.1), WP-Optimize (0.9.4)
– Adresse du site : http://additifstabac.free.fr/test
– Nom de l’hébergeur : Apache/ProXad [Apr 20 2012 15:06:13]13 juillet 2012 à 14 h 10 min #842939le width est calculé par wordpress au moment de l’exécution du shortcode, il correspond à la largeur de l’image + 10
[caption id= »attachment_6640″ align= »alignleft » width= »150″ ……
donnera
13 juillet 2012 à 14 h 21 min #842940D’accord, y-at-il un moyen de modifier ce calcul ou alors dois-je agarndir légèrement la largeur de la page à 160×4 = 640px ?
13 juillet 2012 à 14 h 23 min #842941Ah, je comprends pour le modifier, je dois modifier le short-code [ caption ] si je ne me trompe pas est-ce possible ?
13 juillet 2012 à 16 h 14 min #842942oui, soit tu modifies le short code en lui-même pour ce qui a déjà été saisi, sinon, c’est au moment où tu l’insères à partir de la librairie.
13 juillet 2012 à 16 h 34 min #842943Hum, 😳
lorsque je veux insérer une image de photo faite avec ma webcam quelle que soit la méthode, je n’ai que ce choix pour les dimensions :Miniature (150 × 150)
Moyenne (300 × 225)
Large
Taille originale (320 × 240)Je choisis toujours la plus petite 150×150 !
Donc alors je dois modifier la taille dans « réglages » des « médias » et changer 150×150 par par exemple 148×148, ce qui suffirait à afficher 4 images sur une seule ligne.
Mais alors, les anciennes images ne sauront pas à la même dimension ! 😉Dans ce cas, je dois redimensionner toutes les images du site, ça fait du boulot avec GIMP ! Il vaut mieux carrement les insérer toutes à nouveau une par une ! 😉
Donc, il est préférable que je modifies le code du short-code [ caption ] lui-même, pour lui faire ajouter non pas +10, mais +8, ce qui suffit pour avoir les photos sur une seule ligne ! 💡
Est-ce seulement possible de modifier un short-code prédéfini par WordPress ? 😳
13 juillet 2012 à 16 h 57 min #842944il y a un plugin regenerate thumbnail qui redimensionne avec les réglages définis dans media. C’est la meilleure solution à mon avis, si cela ne casse pas toute la mise en page que tu avais fait ailleurs.
Le shortcode est défini dans les fichiers de WordPress, il y a un hook sur « img_caption_shortcode », il est placé au début de la fonction, c’est à dire qu’il faut rétrouver les paramètres du raccourci et réécrire le div de classe « wp-caption ».
13 juillet 2012 à 20 h 59 min #842945Guy wrote:il y a un plugin regenerate thumbnail qui redimensionne avec les réglages définis dans media. C’est la meilleure solution à mon avis, si cela ne casse pas toute la mise en page que tu avais fait ailleurs.Ben, je voulais garder les dimensions actuelles des photos alors j’ai testé votre deuxième solution. j’ai trouvé le hook (quezako un hook ?) dans la partie appelée L’affichage HTML des images WordPress du site SeoMix.
Guy wrote:Le shortcode est défini dans les fichiers de WordPress, il y a un hook sur « img_caption_shortcode », il est placé au début de la fonction, c’est à dire qu’il faut rétrouver les paramètres du raccourci et réécrire le div de classe « wp-caption ».Malheureusement, le hook même en remplaçant le +10 par +8, ce qui affiche bien 4 images par ligne modifie la légende : j’ai formaté TOUTES les légendes des photos pour qu’avec ce +10, la légende s’affiche sur 3 lignes exactement.
En faisant +8, certaines légendes ont 4 lignes et donc les photos situées en dessous ne peuvent pas remplir complètement la tangée, elles cognent contre la 4ème ligne.Ainsi, je vais envisager le plugin qui redimensionne toutes les photos en cette fois-ci 148×148, mais je vais avoir aussi esactement le même problème. Les légendes formatées pour être affichées en 160×160 poseront problème.
Donc :
– soit j’utilise le hook et je formate TOUTES les légendes pour que chaque légende ait 4 lignes,
– soit je laisse l’affichage de 3 photos par ligne
– soit je diminue la largeur de la page de façon à retrouver la même largeur que Daily-Good, ce qui me semble finalement le plus simple et le mieux, de plus, j’ai un nombre non négligeable de visiteurs qui visitent le site avec des iPhones, des iPad, des tablettes, des Blackberry ou autre Nokia, et un site plus étroit et préférable pour ces appareils.
La mémoire limitée de FREE (32 Mo) ne me permet pas d’utiliser un thème ou une extension spéciale pour convertir le thème en thème pour appareil mobile.13 juillet 2012 à 21 h 04 min #842946Une autre solution consiste à supprimer les bordures de 1px des photos dans le CSS, cela affiche alors effectivement 4 photos par ligne, mais cela est un peu moins esthétique à mon goût.
13 juillet 2012 à 21 h 06 min #842947Ou alors, j’agrandis la largeur de la page de 8px, ce qui suffit à afficher 4 photos par ligne.
Bon, j’ai de quoi me prendre la tête ! :search:
25 juillet 2012 à 17 h 29 min #842948Bon, j’ai finalement réussi à mettre 4 photos par ligne en jouant sur la largeur de #content et de la sidebar, mais je ne suis pas convaincu du résultat !
Voici, en site de test avec 4 photos par ligne:
http://additifstabac.free.fr/test2/index.php/photos-cigarettes-pourcentage-additifs/
Et sur le site en ligne avec 3 photos par ligne :
http://additifstabac.free.fr/index.php/photos-cigarettes-pourcentage-additifs/J’ai l’impression que finalement, 3, ce n’est pas plus mal, qu’est-ce que vous en pensez ?
26 juillet 2012 à 18 h 15 min #842949Bon, finalement j’ai mis 4 photos par ligne. je ne sais pas si c’est plus joli et plus pratique, mais la page est moins longue de fait !
Si une bonne âme veut bien me donner son avis, cela serait avec grand plaisir que je l’écouterai.
Merci ?
:happy: -
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.