Ajout d'images à un site WordPress


Cet article va vous montrer comment gérer les images sur votre site WordPress. Se il vous plaît noter que cet article se réfère à l'utilisation de WordPress avec votre propre nom de domaine et ne pas utiliser WordPress pour les blogs sur WordPress.com.

Dans cet article nous allons voir:




  • Dimensionnement image
  • Alignement de l'image
  • Légendes, titres et le texte ALT

Il ya une courte vidéo ci-dessous montre comment télécharger des images à WordPress - complets instructions écrites, y compris les détails de redimensionnement d'image, peuvent être trouvés ci-dessous.

Ajout d'images à votre site WordPress

Redimensionnement de l'image

Avant de commencer à télécharger des images est une bonne idée d'examiner la façon dont vous voulez que les images à utiliser et quelle fonction que vous voulez qu'ils jouent. Ce est aussi une bonne idée de décider comment vous voulez que les images sont alignées avant de commencer.

Si vous voulez simplement ajouter une image à une page ou un article de blog pour améliorer le texte que vous pourriez opter pour une image qui est 350 pixels de large et placez-le sur un côté du texte - à la fois avec l'image sur la gauche et le texte sur la droite ou vice versa.

Si vous voulez l'image pour avoir plus d'impact sur la page, alors vous pourriez décider d'insérer une image qui couvre toute la largeur de la page. Avec cette option est une bonne idée pour savoir à partir de votre développeur de site Web que le contenu étendu est si vous pouvez redimensionner l'image en conséquence.

Une note sur les tailles d'image

Si vous voulez ajouter une image à votre site WordPress qui a été téléchargé à partir d'un site web photo probablement être très une grande image. De même, si vous souhaitez ajouter une photo prise par eux-mêmes pourrait aussi être plus de 2000px de large et plus de 2MB. En utilisant des images de cette taille va manger la bande passante et de ralentir le site - non seulement il faudra plus de temps pour vous de charger l'image, mais aussi prendre plus de temps pour charger la page quand quelqu'un essaie de voir cette page. Puis couper les images avant le téléchargement est une bonne pratique. En règle générale, essayer de maintenir les images pour un maximum de 60Kb - taille 100Ko.

Comment redimensionner les images

Si vous utilisez Photoshop, vous pouvez redimensionner les images en suivant ces étapes simples:

  1. Ouvrez l'image dans Photoshop
  2. Accédez à Image dans le menu principal, puis cliquez sur Taille de l'image (vous pouvez aussi utiliser le raccourci clavier Alt + Ctrl + I)
  3. Dans la boîte de dialogue qui se ouvre, si vous voyez une boîte pour Conserver les proportions se assurer que cette option est cochée. Avec cette case cochée, lorsque vous modifiez la valeur de la hauteur de la largeur est automatiquement ajustée de sorte que l'image est toujours en proportion (et si vous changez la valeur de hauteur de la valeur de la largeur est automatiquement ajustée).
  4. Si vous voulez que votre image est 350px de large puis entrez 350 dans la boîte à la valeur de largeur et assurez-vous que l'appareil est réglé sur pixels. Si vous n'êtes pas sûr de la taille que vous voulez que votre image, vous pouvez enregistrer un peu plus parce que vous pouvez toujours réduire la largeur de voir à l'intérieur de WordPress tard.
  5. Après avoir entré les dimensions de l'image, cliquez sur D'ACCORD.

Enregistrer l'image

La prochaine étape est de sauver l'image de sorte qu'elle peut être téléchargé à votre site Web. Pour ce faire dans Photoshop:

  1. Accédez à Fichier dans le menu principal, puis cliquez sur Enregistrer pour le Web (ou utilisez le raccourci clavier Alt + Maj + Ctrl + S).
  2. Cela va ouvrir une boîte de dialogue où vous pouvez choisir la taille des fichiers d'image (JPEG, GIF ou PNG). Si vous ne savez pas lequel utiliser, je vous suggère de sélectionner JPEG et sélectionnez le réglage de la qualité des Très haute.
  3. Puis cliquez sur Enregistrer et vous serez invité à sélectionner le dossier dans lequel enregistrer l'image.

Dans certaines versions de Photoshop (je dis «certaines versions« existe parce que cette version CS6'm aide, mais je ne sais pas se il existe dans toutes les versions précédentes), vous pouvez redimensionner l'image et enregistrer tous de la même boîte de dialogue. Pour ce faire vous contourner tout simplement la procédure de redimensionnement faire, allez tout droit pour enregistrer l'image sur le web et vous trouverez les options de la boîte de dialogue qui mise à l'échelle à proximité de la partie inférieure droite.

Redimensionner des images si vous ne avez pas Photoshop

La version ouverte de Photoshop peut être très coûteux, mais il existe des versions à échelle réduite, comme Photoshop Elements, qui sont beaucoup moins chers et qui sont appropriés pour la plupart des opérations de retouche photo. Il ya aussi une alternative gratuite à Photoshop appelé GIMP (www.gimp.org). Si vous utilisez GIMP vous pouvez redimensionner une image en suivant ces étapes:

  1. Accédez à Image dans le menu du haut et cliquez sur Échelle de l'Image. Cela va ouvrir une boîte semblable à Photoshop de dialogue où vous pouvez entrer la taille que vous voulez que l'image sera réduite pour.
  2. Vous pouvez ensuite enregistrer l'image en allant dans Fichier dans le menu du haut, puis cliquez sur Exporter en ... - cela va ouvrir une fenêtre où vous pouvez sélectionner le format de fichier (par exemple, JPEG). Lorsque vous cliquez sur Exportation va ouvrir une boîte de dialogue séparée dans laquelle vous pouvez sélectionner la qualité d'image avant de l'enregistrer.

Ajout d'une image à votre page WordPress ou post

La procédure pour ajouter une image à un billet de blog WordPress est le même que l'ajout d'une image à une page dans WordPress donc dans ces exemples que je vais utiliser une page.

Je ai écrit les instructions ci-dessous pour accompagner la vidéo en haut de la page qui vous guidera à travers l'ensemble du processus.

Après avoir créé votre page, ajouter une image à elle suivre ces étapes simples:

Etape 1

Visuel Vista décider où vous voulez que l'image soit dans cet espace et cliquez pour placer le curseur.

Étape 2

Cliquez sur le Ajouter des médias qui ouvrira la Insérer des médias de dialogue. De là, vous pouvez décider d'insérer une image dans votre page WordPress de la médiathèque de votre site web ou télécharger une à partir de votre ordinateur. Dans ce premier exemple, nous allons facturons partir de votre ordinateur afin que la prochaine chose à faire est de cliquer sur le Télécharger un fichier en haut de la boîte de dialogue.

Phase 3

Nous puis cliquez sur Sélectionnez les fichiers qui va ouvrir l'Explorateur de fichiers sur votre ordinateur afin que vous pouvez sélectionner l'image que vous souhaitez télécharger.

Accédez à l'image que vous souhaitez télécharger, sélectionnez-le et cliquez sur Ouvert (si vous avez votre ordinateur est configuré pour ouvrir des programmes et fichiers d'un simple clic au lieu d'un double-clic, puis tout ce que vous avez à faire est de cliquer l'image et le chargement démarre automatiquement).

Une fois l'image chargée elle apparaît sélectionné dans la Médiathèque.

Avec l'image sélectionnée, vous pouvez maintenant entrer dans les détails pour le titre, le texte Alt, la légende et la description.

Le titre est principalement utilisé pour aider les moteurs de recherche pour identifier ce que l'image est, le texte alternatif est principalement utilisé par des gens qui sont aveugles ou les personnes qui ont des images désactivée dans le navigateur en les aidant à comprendre ce que le ' image représente. En général, la description peut être laissé vide, mais si vous voulez construire quelque chose par tous les moyens le faire. La description ne sera pas visible sur la page web elle-même, mais vous verrez le code source de sorte qu'il peut être utile si quelqu'un est à la recherche d'une certaine image en ligne. L'entrée sera affiché comme du texte sous l'image. Titres et texte Alt doivent être conservés assez court, de préférence moins de 70 caractères, alors que la description et la légende peuvent être le temps que vous voulez qu'ils soient, mais ne pas trop sur la description que cela puisse paraître spam.

Étape 4

Après avoir rempli les cases ci-dessus, vous pouvez maintenant décider comment vous voulez que l'image soit aligné sur Gauche, Droite, Centre, ou None Alignement déroulante. Dans cet exemple, vous sélectionnez Gauche alignement.

Ensuite, vous pouvez choisir si vous voulez que l'image de relier à quelque chose - est une version plus grande de la même image ou d'une autre page. Dans cet exemple, nous ne voulons pas que l'image soit cliquable donc nous allons sélectionner Personne Lien vers.

Enfin nous arrivons à sélectionner la taille de l'image. Les options sont généralement Miniature, Medium ou Full Size. Dans cet exemple, nous allons choisir Full Size, comme nous l'avons redimensionné l'image à la taille souhaitée.

Etape 5

Enfin, cliquez sur le Entrez sur la page pour ajouter l'image à la page.

En supposant que nous avons déjà ajouté un peu de texte 'à notre page pourrait ressembler à ceci dans le secteur administratif:

et si vous cliquez sur le bouton Aperçu, nous pouvons voir comment elle se penchera sur le site, peut-être quelque chose comme ceci:

Une fois que nous avons fait les changements que nous pouvons cliquez sur Mettre à jour et mettre à jour la page Aperçu pour voir les changements.

insérer une image à partir Médiathèque

Chaque fois que vous chargez une image dans WordPress va dans votre bibliothèque multimédia. Si vous avez déjà chargé une image Médiathèque vous pouvez l'ajouter à vos messages ou des pages WordPress sans avoir à recharger. Pour ce faire utilisez la même procédure que ci-dessus, mais au lieu d'aller dans les fichiers de l'onglet de téléchargement Vous choisissez l'onglet Bibliothèque et sélectionnez l'image à partir de là. Le reste du processus est le même.

Je espère que vous avez trouvé cet article pour être utile à ajouter et éditer des images dans WordPress. Si vous avez des questions se il vous plaît utiliser la zone de commentaires ci-dessous et je ferai de mon mieux pour répondre.

(0)
(0)

Commentaires - 0

Sans commentaires

Ajouter un commentaire

smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile
Caractères restants: 3000
captcha