A fundamental part in the development of web pages are, undoubtedly, the images, since they bring the content to life. Then, when making a web page with WordPress You also have a sidebar with which to insert images comfortably.
Then, since it is so important, stay with us and learn how to place, insert or put an image in the sidebar WordPress. There are different alternatives to do this using HTML codes or also using plugins or WordPress plugins.
How to add an image in WordPress
If you are using the content manager WordPress the existence of plugs to boost their development. Then, in terms of multimedia items, you can connect as Pixabay to insert an image in WordPress.
Then, to start, let's see how to connect Image widget It helps us to place an image in the WordPress sidebar:
Well, first of all, you should download and activate el pluging, that will be in our collection and we must pass it to the sidebar or sidebar. Once located, will require a certain procedure, beginning with choose image, which can be from your PC or media library.
The allowed image formats are JPG, GIF, PNG, BMP y TIFF, and after having selected it, will appear in the widget.
Labels
Regarding the additional data of the image, this pluging presents some tags or meta tags, title, alt text and caption. The title will appear above the image and the alt text is in case it doesn't load and, the legend, is the footer of the image.
Link
Later it would come to complete the link box so that when users click, can be directed to a web page. Here goes one URL and an id, you also have the option to select whether to open the link in a new window or in the same.
Size and alignment
By last, the size that can be miniature, medium and long, O, you can also place custom measurements. And later choose in which position you want the image to be, right, left, center or none, and ready! With this you are done.
Insert images in sidebar using text widgeds
Yes, another way to place an image in the sidebar is through HTML codes. Even though many of us are not coding professionals, With the following steps you can do it without complications and in a safer way.
The reason why many prefer to use plugins is because they are simple to use and you do not have to use those confusing codes. But, activating many plugs would not be good for your page, since it could affect its performance and even take time to load.
Then, if you intend to try this other alternative to put images in the sidebar, you just have to carefully follow the steps below:
- First. We are going to create an entry, which will be useful test to get the code.
- Second. You are going to choose an image that approximates 300 pixels and put it in the sidebar.
- Third. Where says Edit you are going to click on it and fill in the information such as the title and tags. It is also essential to place the URL destination where you want to direct visitors when they click.
- Bedroom. You must also change the position of the image.
- Fifth. Now you must click where it says HTML and you are going to copy the code that says there and paste it in the widget section.
- Sixth. For your image to be shown you must use the code obtained, you do it by following the route apariencia> widgets> arrastrar un texto widgets> enter the code and then save the changes.
And ready, you will have your image ready in the WordPress sidebar and if you want to be more creative you can learn to put two images together. Now that you know these two alternatives to place images in the sidebar, you just have to try which one suits your tastes.
Why should you use images?
If there can be something fundamental in a good website design, it is the visual balance between images and text. Images are an important means of communication that will capture the reader's attention while maintaining the order and aesthetics of your page.
How to select a suitable format
According to the type of information what will our image carry, selecting the right format is essential. JPG is the most common and ideal for images that contain a lot of detail, as photographs.
On the other hand, we have the PNG format, that enables transparency in images and works perfect for files such as logos, screenshots and flat images.
What are the details that I should pay attention to when putting an image?
Inserting images in WordPress implies certain requirements, What; the site has a limit of 300 KB in pictures; these regularly do not exceed the size of 1000×1000 pixelsand the most general formats are JPG and PNG. At the same time, there are other requirements to pay attention regarding image optimization.
Give the image a good name
If we want this to appear in Google image search, it is best to put a specific name that correctly identify the imageand cover the topic in its entirety.
Image optimization
We must pay attention to the Google parameter that indicates the number of characters in the title; In other words, three to four words separated by a short dash. Must not contain signs, the letter ‘ñ’ or unknown character encoding, Given the Google's algorithm will not take it into account.
We must also pay attention to the ALT (alt text) which works directly as an image label, at the same time of the legend and description.
How to edit the original image in WordPress
This software has a chapter available to edit our images in a basic way, to enter we must go to ‘Media’ in the alternatives panel. Once there we access the image library and click 'Edit image'.
The editing alternatives that you will offer us will be:
- The tool ‘Outline image’ that will allow us to make a simple cutout using an adjustable frame.
- 'To turn’ which gives us access to rotate the image to the left or right
- The option of 'Turn around’ which contains something like a mirror function; flipping vertically, what is above will be at the bottom and vice versa by flipping horizontally.
- The tool for Undo and redo the changes we have made.
- ‘Scale image’ which enables you to designate a numerical resolution to the image while keeping the original size.
- The another image cropping tool which is viewed as a more advanced cutting option, since we can use a ruler and exact measurements of the cut.
- Lastly, 'Thumbnail options’ that allows us to apply the changes to all the images except the thumbnail, just the thumbnail, the all.
How to put a featured image
We simply have to enter the entry in which we want to add the image, on the right side of the screen we look for the image tab and click 'Determine featured image’; once the media library opens, you can select and choose the image you want to highlight.
