Comment insérer une image dans la barre latérale de WordPress – Guide facile

Contenu

Un élément fondamental dans le développement de pages Web sont, indubitablement, les images, car ils donnent vie au contenu. Ensuite, lors de la création d'une page Web avec WordPress Vous avez également une barre latérale avec laquelle insérer des images confortablement.

Ensuite, car c'est si important, restez avec nous et apprenez à placer, insérer ou mettre une image dans la barre latérale WordPress. Il existe différentes alternatives pour le faire en utilisant des codes HTML ou également en utilisant des plugins ou des plugins WordPress.

Comment ajouter une image dans WordPress

Si vous utilisez le gestionnaire de contenu WordPress l'existence de plugs pour booster leur développement. Ensuite, en termes d'éléments multimédias, vous pouvez vous connecter en tant que Pixabay pour insérer une image dans WordPress.

Ensuite, pour commencer, voyons comment se connecter Widget image Cela nous aide à placer une image dans la barre latérale de WordPress:

Bon, tout d'abord, tu devrais télécharger et activer le branchement, qui sera dans notre collection et nous devons le transmettre à la barre latérale ou à la barre latérale. Une fois localisé, nécessitera une certaine procédure, commençant par choisir l'image, qui peut provenir de votre PC ou de votre médiathèque.

Les formats d'image autorisés sont JPG, GIF, PNG, BMP et TIFF, et après l'avoir sélectionné, apparaîtra dans le widget.

insertar-widgets-wordpress_13462-3777355

Étiquettes

Concernant les données supplémentaires de l'image, ce pluging présente des balises ou des balises meta, le titre, texte alternatif et légende. Le titre apparaîtra au-dessus de l'image et le texte alternatif est au cas où il ne se chargerait pas et, la légende, est le pied de page de l'image.

Relier

Plus tard, il viendrait de compléter la zone de lien afin que lorsque les utilisateurs cliquent, peut être dirigé vers une page Web. En voici un URL et un identifiant, vous avez également la possibilité de choisir d'ouvrir le lien dans une nouvelle fenêtre ou dans la même.

Taille et alignement

Finalement, la taille qui peut être miniature, moyen et long, O, vous pouvez également placer des mesures personnalisées. Et plus tard, choisissez dans quelle position vous voulez que l'image soit, droite, gauche, centre ou aucun, et prêt! Avec ça tu as fini.

Insérer des images dans la barre latérale en utilisant des widgets de texte

Oui, une autre façon de placer une image dans la barre latérale est de Codes HTML. Même si beaucoup d'entre nous ne sont pas des professionnels du codage, Avec les étapes suivantes, vous pouvez le faire sans complications et de manière plus sûre.

La raison pour laquelle beaucoup préfèrent utiliser des plugins est qu'ils sont simples à utiliser et que vous n'avez pas à utiliser ces codes déroutants.. Mais, activer de nombreux plugs ne serait pas bon pour votre page, car cela pourrait affecter ses performances et même prendre du temps à charger.

Ensuite, si vous avez l'intention d'essayer cette autre alternative pour mettre des images dans la barre latérale, il vous suffit de suivre attentivement les étapes ci-dessous:

  • Premier. Nous allons créer une entrée, ce qui sera utile test pour obtenir le code.
  • Deuxième. Vous allez choisir une image qui se rapproche 300 pixels et le mettre dans la barre latérale.
  • La troisième. Où dit Éditer vous allez cliquer dessus et remplir les informations telles que le titre et balises. Il est également essentiel de placer le URL destination où vous souhaitez diriger les visiteurs lorsqu'ils cliquent.
  • Chambre. Vous devez également modifier la position de l'image.
  • Cinquième. Maintenant, vous devez cliquez là où il est écrit HTML et vous allez copier le code qui y est indiqué et le coller dans la section widgets.
  • Sixième. Pour que votre image s'affiche vous devez utiliser le code obtenu, tu le fais en suivant l'itinéraire apariencia> widgets> arrastrar un texto widgets> entrez le code puis enregistrez les modifications.

Et prêt, vous aurez votre image prête dans la barre latérale de WordPress et si vous voulez être plus créatif vous pouvez apprendre à assembler deux images. Maintenant que vous connaissez ces deux alternatives pour placer des images dans la barre latérale, vous n'avez qu'à essayer celui qui correspond à vos goûts.

wordpress-morado-5538219

Pourquoi utiliser des images?

S'il peut y avoir quelque chose de fondamental dans une bonne conception de page Web, c'est le équilibre visuel entre les images et le texte. Les images sont un moyen de communication important qui captera l'attention du lecteur tout en maintenant l'ordre et l'esthétique de votre page.

Comment sélectionner un format approprié

Selon le type d'informations que portera notre image, choisir le bon format est essentiel. JPG est le plus courant et idéal pour les images contenant beaucoup de détails, comme photographies.

D'autre part, nous avons le format PNG, qui permet la transparence des images et fonctionne parfaitement pour les fichiers tels que les logos, captures d'écran et images plates.

Quels sont les détails auxquels je dois faire attention lorsque je mets une image?

L'insertion d'images dans WordPress implique certaines exigences, Quoi; le site a une limite de 300 Ko en images; celles-ci régulièrement ne pas dépasser la taille de 1000×1000 pixelset les formats les plus généraux sont JPG et PNG. En même temps, il y a d'autres exigences à faire attention concernant l'optimisation de l'image.

Donnez un bon nom à l'image

Si nous voulons que cela apparaisse dans la recherche d'images Google, il est préférable de mettre un nom spécifique qui identifier correctement l'imageet couvrir le sujet dans son intégralité.

Optimisation des images

Il faut faire attention au paramètre Google qui indique le nombre de caractères dans le titre; Autrement dit, trois à quatre mots séparés par un petit tiret. Ne doit pas contenir de signes, la lettre 'ñ’ ou encodage de caractères inconnus, étant donné que L'algorithme de Google n'en tiendra pas compte.

Il faut aussi faire attention à l'ALT (texte alternatif) qui fonctionne directement comme une étiquette d'image, à la fois la légende et la description.

Comment éditer l'image originale dans WordPress

Ce logiciel a un chapitre disponible pour éditer nos images de manière basique, pour entrer, nous devons aller à « Media’ dans le panneau des alternatives. Une fois là-bas, nous accédons à la bibliothèque d'images et cliquez sur « Modifier l'image ».

etiquetas-html-codigos_13462-3024476

Les alternatives d'édition que vous nous proposerez seront:

  • L'outil « Image de contour’ qui nous permettra de faire une simple découpe à l'aide d'un cadre réglable.
  • 'Tourner’ qui nous donne accès pour faire pivoter l'image vers la gauche ou la droite
  • L'option de 'Retourner’ qui contient quelque chose comme une fonction miroir; retourner verticalement, ce qui est au dessus sera en bas et vice versa en retournant horizontalement.
  • L'outil pour Annuler et refaire les changements que nous avons apportés.
  • « Image à l'échelle’ qui vous permet de désigner une résolution numérique à l'image tout en gardant la taille d'origine.
  • La un autre outil de recadrage d'image qui est considérée comme une option de coupe plus avancée, puisque nous pouvons utiliser une règle et des mesures exactes de la coupe.
  • Finalement, 'Options de miniatures’ qui nous permet d'appliquer les modifications à toutes les images sauf la vignette, juste la vignette, le tout.

Comment mettre une image vedette

Nous devons simplement entrer l'entrée dans laquelle nous voulons ajouter l'image, sur le côté droit de l'écran, nous cherchons l'onglet image et cliquez sur 'Déterminer l'image sélectionnée’; une fois la médiathèque ouverte, vous pouvez sélectionner et choisir l'image que vous souhaitez mettre en évidence.

Abonnez-vous à notre newsletter

Nous ne vous enverrons pas de courrier SPAM. Nous le détestons autant que vous.