web-dev-qa-db-fra.com

Utilisation d'images dans Wordpress - Meilleures pratiques

Je ne suis pas un novice dans la conception et le développement de thèmes Wordpress. En fait, je le fais depuis quelques années maintenant et ces dernières années, c’est devenu plus qu’un passe-temps et c’est devenu un choix de carrière.

Cependant, j'ai une question un peu simple mais déroutante à poser ici ...

Depuis toujours, j'ai téléchargé les images que j'utilise via mes thèmes personnalisés dans leur propre répertoire "img" ou "images" situé sous le répertoire themes sous wp-content. Bien sûr, pour les messages, je viens d’utiliser le Media Uploader intégré à Wordpress même.

Mais, maintenant que j'essaie d'être plus professionnelle et de toujours produire un travail de niveau A, j'ai récemment réfléchi à la façon dont je gère mes images. Vous voyez, en utilisant mon ancienne méthode, je n’ai PAS utilisé de balises de modèle Wordpress pour les chemins d’image. Je faisais la méthode HTML à l'ancienne mode avec son chemin relatif et si je rencontrais un problème, je mettais simplement le chemin TOUT pour gagner du temps. C'est un énorme non, non. Je suis bien conscient mais ce n'était pas un travail de client ...

Quoi qu'il en soit, pour en venir à mon propos - quelle IS la meilleure pratique pour utiliser des images dans Wordpress? Je commence maintenant à penser plus en ligne avec ce processus:

Pour le développement de thèmes, j'ai maintenant un répertoire "inc" dans le répertoire de mon thème qui a ensuite un répertoire "imgs" et "js", etc. Lors de la conception du thème, j'utilise maintenant Wordpress. balises de modèle pour que mes chemins fonctionnent correctement dans le thème Pour mes publications, j'utilise toujours Media Uploader et le répertoire normal/upload.

Est-ce que ma nouvelle méthode est la meilleure pratique? Je vous remercie!! Encore une fois, j'essaie simplement de nettoyer mon flux de travail et mes méthodes afin d'être plus en phase avec le Codex et d'autres projets Wordpress de premier plan.

Merci!

imagesuploadsmediacustomization
5
thatguycraig

Je suppose que d'après la question que vous posez, y a-t-il un moyen de coder l'URL de l'image mieux que de taper l'URL complète? C’est ce que je fais pour faire en sorte que si le nom de domaine change un jour (ce qu’ils font dans mon travail car je construis toujours les sites sur un domaine de projet, puis que je les déplace), vous voudrez le faire de cette façon. :

<img src="<?php echo get_bloginfo('template_url'); ?>/images/image-name.jpg alt="whatever" />

Vous pouvez également utiliser ceci (et oui je sais que ce n'est pas la façon techniquement correcte d'appeler css) lorsque vous utilisez css dans un modèle:

<style>
#div {
     background-image: url(<?php echo get_bloginfo('template_url'); ?>/images/image-name.jpg);
}
</style>

Cela fonctionne aussi pour les CSS en ligne:

<h2 style="background-image: url(<?php echo get_bloginfo('template_url'); ?>/images/image-name.jpg);">Some Title</h2>

Je pense que c'est ce que vous demandiez ...

1
RiotAct

Votre description ressemble à une bonne pratique.

Une bonne règle consiste à utiliser une fonction WordPress au lieu de coder en dur ou de coder sur mesure chaque fois que cela est possible. De cette façon, vous obtenez une portabilité complète pour toute installation WordPress, quels que soient les plugins ou autres dépendances. La manière dont vous structurez les fichiers dans le répertoire de votre thème dépend de vous, mais pour des raisons de facilité de maintenance et d’évolutivité, votre méthode est bonne. Assurez-vous, comme vous semblez déjà le cas, que les chemins d'accès aux ressources utilisent des fonctions WordPress pour écrire les URL.

0
Christiaan

À mon avis, oui, vous l'utilisez correctement. Je pense toujours à 2 choses principales lorsque je développe des thèmes wordpress:

  • Rendez-le facile pour mon client
  • Le rendre portable

Je veux dire que vous utilisez toujours site_url () et toutes sortes de fonctions fournies par wordpress au lieu des URL de codage en dur. Donc, si votre client souhaite déplacer le thème vers un autre domaine, il ne ralentira pas.

Pour javascript et stylesheet, veillez à utiliser wp_enqueue_scripts et wp_enqueue_style et assurez-vous que vous les incluez uniquement sur les pages nécessaires. Ceci s’applique à l’avant et à l’arrière. Une des pires pratiques en vigueur consiste à inclure des fichiers partout, que nous en ayons besoin ou non, ce qui rend le site lent et non optimisé.

Donc, vraiment, peu importe si vous vous/votre/vos ressources ou ce que vous vous sentez plus confortable, mais il est toujours agréable de tout organiser et aidera beaucoup si des personnes externes ont besoin de modifier votre thème.

0
chifliiiii