Here’s your image-insert bootcamp, lieber Mutti.
Let’s talk about pictures!
There are three ways to insert pictures to your blog.
- Drag a picture from another area. If you have a tab open to a flash drive, simply click and drag the picture, hovering over the internet tab if necessary to open it, and hovering over the WordPress blog tab. Then drag the picture to the exact point that you want it at. Don’t stick it in the middle of a sentence. That would be stupid. We will cover placement in a bit. This option (#1) only works with some browsers. You use Firefox, so I don’t recommend this. (Like, at all.)
- You can “Copy Image” (Y’know, right-click, drop-down list comes up, little bit down from the middle, usually) and then select exactly where you want the picture put and use “Paste”. This is the easiest option, in my humble opinion, and it comes highly recommended. Don’t worry about changing size and captions with this, we can cover than in a second.
- You can select “Add Media” (that little button with the camera and the music note, up above the toolbar). This has an internet-based storeroom, a cloud, if you will, that stores pictures you’ve used in your blog. You can store pictures that you want to use later, here, as well. It’s helpful, since you can edit captions, links, and other variable factors in this popup tab. Simply select the picture, making sure that you have the text blinky-line exactly where you want it. You don’t want to have to spend fifteen minutes trimming borders and re-writing paragraphs. This option is more complicated than the others, but works exceptionally well once you get the hang of it. I would wait until I can walk you through it the first time before derping around with this.
Now, to address placement.
We can select “Align Left”, and it will do as commanded. That’s the nice things about computers, they do what you tell them to.
An “Align Left” picture:
An “Align Right” picture:
An “Align Center” picture:
We’ll cover text next to pictures in just a moment, since it’s vital to eye-pleasing format.
Just like this. Sometimes it can screw up your format, though, so you want to be careful. This is why I’ve stressed the point of getting your text blinky-line exactly where you want it. Make sure to hit “Enter” first if you’re going to left-align a photo by a picture. If you’re going to right-align, I’d recommend inserting the image first (this is tricky- I went through it twice to double-check that I had it right, these step are important to get right-alignment correct if you want text by it).
Hit “Enter” where you want your target paragraph-picture combo to be.
Go grab you image and insert it into the new line with your preferred method. (I’d recommend adding captions first- unless you want a specific length total limit, in which case I’d do it after)
To type next to our right-aligned picture, click-and-drag select the picture(it doesn’t matter if a little bit of the previous text gets caught in the drag– it’s a big boy, it can handle some blue highlighting) and hit just the right-arrow key. Do not hit Enter. Do not hit another key. You will start the process over again.
The text blinky-line should be at the top text-line within the ranges of your picture, now. It will type within acceptable(to the computer) standards adjacent to the boundaries of your picture. It will type in these boundaries until the entire image is past; this includes the caption, so if you want your picture only so long, set a limit on how long you make your caption, once more.
Also, center-align is good for a break between paragraphs, but it’s rather unprofessional-looking to have text clogging up a center-focus image. It’s the star, baby, and nobody photobombs the star.
See? Clean break. Now we can talk captions.
Captions can be a pain in the knee sometimes. They can try to force your picture into a different alignment, or wriggle your text format into the most undesirable form, but most of the time, they are a docile wonder, capable of being a comedic relief to a stressful article. Like articles about the UK shooting down Russki planes. You can leave a witty comment about family counseling in a caption of a smiley-eyed tank Russki.
We talked about how to set alignment, right? With the first two?
Ok, just click on the picture. A baby menu bar will pop up. The baby menu bar has the “Left Align”, “Center Align”, and “Right Align” buttons for easy access, in that order, naturally. Then there’s a button with a pencil. Upon mousing over this pencil-button, you find the info script to say “Edit”.
The “Edit” button opens a popup with options for the image. You can type your caption here, and set the alignment, though baby menu bar is easier to do than opening and closing the bloody popup to make sure it moves to the right spot.
The caption shows up as the small gray script under your picture, so be careful. With a wide picture, the caption won’t stretch down as far, since there’s more room to expand left and right. Skinny pictures are the opposite; a little bit of caption can go a long way.
It helps with this problem that when you click the picture, size-drag boxes show up at the corners. I assume you know how to use these, but I will explain anyway.
Click the desired box and drag it to your desired size. Be cautious, but don’t show fear to the size-drag boxes. They can smell fear, and if they do, they will jack up your format without a second thought. The size-drag boxes work like your pulling the picture, which still means that your can screw up your pixels if you don’t be careful. Measure twice, cut once, eh?
Is that everything? Questions? I would cover advanced settings, but those don’t get used very often, and I would still be hesitant to, even if I was braining on my CSS functions.
Whilst I am thinking of it, the first picture you put up will be the header image for your post-link on your blog, k?