Le $content_width
GLOBAL dans WordPress affecte de nombreux thèmes et même certains plugins en limitant la taille des images et des intégrations dans les publications, c'est une exigence pour les thèmes soumis à wordpress.org.
Il est défini en utilisant:
$content_width = 584; // Twenty Twelve example
Si vous insérez une grande image (par défaut 1024x1024) dans une publication, cela se traduit par:
src="../wp-content/uploads/2013/02/IMG_1390-1024x682.jpg" width="584" height="328"
Si, à la place, vous supprimez ce paramètre global et insérez la taille réelle de l'image, définissez-le avec les add_image_size
résultats suivants:
src="../wp-content/uploads/2013/02/IMG_13901-584x328.jpg" width="584" height="328"
La suppression des images globales et l'insertion de grandes images, ce qui est très courant , entraîne souvent une économie de plus de 2x, dans les pages avec plusieurs images, je vois des centaines de Ko enregistrés lors du chargement de la page.
L'utilisation add_image_size
et la suppression de la possibilité d'insérer des images en taille réelle ne sont-elles pas une meilleure option?
ps. J'ai écrit à ce sujet ici avec des données plus précises
Réponses:
Gardez à l'esprit que le
$content_width
global n'est pas seulement utilisé pour les images, mais aussi pour les objets intégrés, tels que la vidéo. Ainsi, toute solution ne sera pas simplement un cas d'abandon de l'utilisation / du support d'$content_width
elle - même.Habituellement, un thème contraindra les images de la zone de contenu de plusieurs manières:
$content_width
quelque chose de approprié pour la conception du thème#content img { max-width: XXX; height: auto; }
garantir que les images en taille réelle qui sont insérées ne cassent pas la mise en pageset_post_thumbnail_size()
pour définir lathumbnail
taille par défaut de l'image sélectionnée / publier la miniature . (Remarque: je ne recommande pas personnellement d'utiliser cette méthode. Définissez des tailles d'image personnalisées spécifiques à un emplacement donné pour une image sélectionnée, puis appelez cette taille personnalisée dans l'emplacement de modèle spécifique, viathe_post_thumbnail( $size )
.)Comme vous l'avez découvert, en raison de la façon dont WordPress sélectionne avec une taille d'image intermédiaire à utiliser pour une demande d'image donnée, cette demande peut entraîner une image à l'échelle du navigateur.
Valeurs définies par thème pour une grande image
Une option serait de redéfinir les paramètres pour les grandes dimensions de l'image . (Continuez avec prudence. C'est bien pour votre propre site, mais un thème distribué publiquement qui dérange les paramètres de configuration utilisateur est ... au mieux une zone grise.)
Les paramètres de grande dimension d'image sont stockés comme:
Ainsi, vous pouvez définir ces valeurs en fonction de votre
$content_width
valeur:(Bien sûr, vous voudriez mettre un peu de sécurité / vérification d'erreur autour de cela, le cas échéant.)
Supprimer l'option pour insérer des images en taille réelle
Si vous voulez simplement empêcher les utilisateurs d'insérer des images en taille réelle (encore une fois: procédez avec prudence; cela peut être le territoire du plugin), vous pouvez filtrer
'image_size_names_choose'
:Encore une fois: vous voudrez peut-être ajouter des échecs sains ici, car ce filtre est utilisé à plusieurs endroits.
Définir une taille d'image personnalisée pour les images pleine largeur post-largeur
Associé à l'option précédente, vous pouvez définir une
'full-post-width'
taille d'image:Ajoutez-le ensuite à la liste des options disponibles:
la source
get_option
valeurs. Le reste est similaire à l'essentiel que j'utilise gist.github.com/wycks/4949242 qui a été lié dans mon lien. De plus, cela semble être une zone grise sur la façon de faire en sorte que cette échelle soit réellement mise à l'échelle si le thème est modifié.$content_width
ou la non-définition, elle est toujours appliquée par défaut aux objets intégrés, je pense.image_size_names_choose
filtre jusqu'à présent! J'ai été en train de remplacer tout ce champ pour obtenir mes tailles personnalisées jusqu'à maintenant. Est-ce nouveau dans la puce 3.5?add_image_size
multilingues, puis j'ai pensé qu'il serait également bon d'utiliser ce problème de taille d'image. Si vous n'avez pas besoin de localisation, vous pouvez simplement l'intégrer dans le tableau au lieu de le coder en dur.Oui je le pense. Pour contourner le
$content_width
problème des thèmes soumis au dépôt, j'utilise des filtres d'option pour forcer les tailles que j'ai choisies pour la conception.la source