Do you ever have a hard time making your WordPress images do what you want them to? Recently we set up a site for a client that used a lot of images. And I had to figure out how to get them to mind.
First I selected my images and uploaded the to the post, aligning them to the left.
But this was the result…
The Remedy is a small piece of HTML code:
Now you may notice that the code was not the same between sections. I had to mess with the code between the text. Sometimes there would be only 1 code and some times there would be 3 or 4. Even the space between your text and the code may need to be removed.
The results are worth the effort.
I use this little piece of code often. For example in my last post “What Ever He Would Come Up With It Would Be Bold” , the optin box wanted to run right into the author bio. was the answer. I just added 2 codes to the bottom of my post.
To make things go a little faster on big projects, like the one I did for my client, open two windows when you are working. One window for changing the HTML code and updating. Then use preview window for viewing the results. You will just need to refresh the 2nd window after each change and update to see the difference.
Hope that helps when those pesky images throw things off.
Sheila
Related posts:
Awesome tip! This is very useful as I have been having the same kind of problems that you experience when working with images in wordpress. It’s a bit quirky and often looks weird. I’ll try out your tip and see how it works for me. Thanks!
Richard recently posted..How to Use PLR Articles
Richard,
Glad you like it. I have been amateur when it comes to hacking WordPress. Most of my hacks have come from observing how it works and then repeating it.
Thanks for commenting
WordPress is pretty much easy to navigate and understand if you know a bit of HTML.
Andy recently posted..Making Next Generation Movies with 3D Video Cameras
Nice post it will really very helpful for newbie bloggers as well as for experience full bloggers also from my point of view if bloggers use this option then blog look like more powerful.
Rocky,
That is true. Not needing to know code is one of the great advantages of WordPress. I found I was doing great until I wanted to push the limits.
Hi Sheila
That is a great tip you have shared with us. I usually only have one graphic per post so haven’t had any problems so far with my picture not ending up where I want it.
However on my new site I will have pages where I want more than one photo in a post so this is very helpful. Thanks for sharing what you figured out works. Appreciated.
Patricia Perth Australia
Patricia@lavender oil recently posted..A Pain in the Butt No worries-lavender to the rescue!
Patricia,
You are welcome. I am excited to see your new site. Let me know when it is up.
Hi Sheila:
You have made a good point about using pics in word press. Sometimes I do end up with the sizing problem, when I have to match it with my writing panel. Generally, it is okay.
But you are becoming a great master of word press. You study it so much and that is great.
It is better to be a master, you create acceptance by everyone. Keep up the good work.
Fran A
Fran Aslam From Onlinewriter recently posted..Power Article Writing – 10 Tips To Re-purpose
Fran,
You are so gracious. I Have even surprised my self. I chose WordPress because it is an easy format that goes along way.. But putting up WordPress sites for others has made me look even deeper at the inner workings. I never thought I would be learning HtML and CSS.
I have a couple of things I will be showing to help with sizing so stop back.
Wow–I sure needed this tip! I always have so much trouble when I use multiple images in my posts, that I usually give up and just choose “None” in the alignment section. Since I don’t know much HTML, I never thought there could be a simple solution. Thanks so much Sheila! I’m definitely bookmarking this.
Marianne Worley recently posted..The Day My Dad Didn’t Make it Home From Work
Marianne,
You are welcome. Let me know how this works for you.
Now that’s a really cool tip Sheila. I usually also just include one photo per post but on my other blog I usually include more than one. Every once in awhile I’ll run into some sort of glitch so I’ll definitely give this one a try before losing my religion over it.
Appreciate this tip and I’ll be sure to share this one with my friends. I know they’ll appreciate it as well.
Great job!
Adrienne
Adrienne recently posted..Wow- I Am SO Blown Away!
Aren’t simple solutions always the best!
When you add ‘ ’ (without the quotes), that is html code for Non Breaking SPace – you are adding a space on that line. In effect you are adding invisible lines (after all, who can see a space?) and it forces the picture to move down!
Great tip!
Be Well.
Paul.
Paul B. Taubman, II recently posted..Gravatars and WordPress
LOL – the code of “ampersand n b s p semi-colon” was translated as a space in my post
Paul B. Taubman, II recently posted..Gravatars and WordPress
This is David. Hello to all. As I am new to the internet and blogging in particular,I have a lot to sort out and to learn. Thankfully, bloggers are some of the classiest and most informative people anywhere. I need all of the information I can get and this post helps a whole lot. Thank You for posting this.
I’ve tried adding the no breaking space code before and never had any joy with it. Now you tell me you have to use it in conjunction with line breaks!!!! Thanks – I had no idea it was that simple!
I’ve been meaning to add extra images to my posts – good for seo with the alt tags, but preferred it to look nice over the extra benefits. Not a problem now!
Kind regards, Dan
dan @ Confidence Coaching recently posted..Finding it Hard to Build Your Self-Esteem
Dan,
Glad this helps. I had to mess with it to really make it work but it does.
It’s so amazing how simple things can make life less complicated. We would’ve been making complicated lives had it not been for this post that offers a simple yet very helpful tip. Thank you so much Shiela.
Extreme John recently posted..Business Blitz- Groupon IPO- Creating an About Us Page and More
Wooot, Sheila! Kudos.. you don’t have any idea how this little piece of “magic” has done for me. I am totally shocked that this little piece of code can do do so much wonders. I always have this problem and sometimes my solution is “resizing” the image or adding or deleting text from my article, just to make t look good. Thanks for this one. Really …
DiTesco recently posted..Speedlink V20-2011- Twitter- Plus One- Social Web- Online Business
LOL! Isn’t it just grand when you find these little tricks that make things so much easier! WordPress still seems to have a bunch of little quirks that you have to find workarounds for, but I love it anyway and I know WordPress is always a work in progress!
Deb Augur recently posted..Tutorial Tuesday- Video- Setting Up a YouTube Channel
Hi Sheila Atwood
Your article on the topic Make Your WordPress Images Mind With This Code Trick
Your post includes great tips and you managed to keep it simple and understandable.
Your post helps me to understand what Make Your WordPress Images Mind With This Code Trick really is, and i will surely recommend it to other people.
Thanks and keep up the good work.
Oh thank you so much for this! Images and WordPress have been the bane of my existence on so many occasions! I can’t believe that something as simple as this can fix it all. This is great!
Maria Pavel@CNA recently posted..Red Cross CNA Training
Hey Sheila,
I’ve always run into those problems with pictures getting “off-track”. Never knew that   seems to be the trick. Really useful advise here. I’ve tested it on one of my blogs and it helps heaps. Thanks again
Great tip. This will be useful for my blog whenever I have multiple images within the same blogpost.
Cheolsu@Orkut Login recently posted..Orkut Login
Hi Sheila,
I love that space code! I’ve used it quite often when I couldn’t get WP to behave and do proper spacing. It’s amazing how knowing a bit of code can make all the difference.
Thanks for sharing your tricks.
Michele Welch recently posted..A Personal Story On Dealing With Fears & Doubts
Hi Sheila…It’s splendid! It works very well for me. Thanks for sharing this magic trick. WordPress is really great. There is always something new. Promise me to share another trick, all right?lol…Have a blessed day.
Andrew Walker recently posted..Fragrance Direct Discount Code
Too cool for words, Sheila — thanks!
I generally steer clear of anything that even hints of the use of “code” because I usually end up making a mess of things. But with your instructions and screenshots here, I might just be brave enough to play around with this little snippet of code.
You rock!
Melanie
Melanie Kissell recently posted..Looking At Life Through Blog-Colored Glasses
This is a great tip for everybody! It is helpful to newbie bloggers like me. Thanks for the post!
casey@weightlossafterpregnancy recently posted..College Football Live -How To Stream College Games
Thanks for the tip Sheila. Getting my images to do what I want them to is probably one of my biggest WP problems. Usually it comes out alright in the end – but it takes more time than I would like, plus a bit of trial and error sometimes.
Hamish recently posted..Barnes And Noble Unveils The New Nook Tablet