Inserting Images into Posts
-
Could someone help me please.
I need the facility of inserting small images into posts – the small images should be linked to larger ones.
I have looked at the plug ins, and I’m a bit confused with what I need.
Can anyone help?
-
You don’t need a plugin for that – just learn the tool you are using: when writing a post, upload the image, select Thumbnail + Linked to file + Send top editor etc.
Moshu a little side note from personal experience. The thumbnail option isn’t available if php is compiled with gd support. I spent two days figuring this out. I’m not sure about how some hosts do it, but my default installation of php on a CentOS server didn’t have gd.
Ok thanks for the reply.
The thing is using the default way, it doesn’t matter what position you choose for the image, ie left, right, centre etc – it ALWAYS goes to the left of the post and this isn’t what I want. I want the flexibility of being able to decide.
That’s a theme specific issue and without a link there is no way to get help.
Sorry I’m new to this – what do you need me to tell you?
Need a link to the site your having this problem on. Also a specific post that has the problem would be good to.
Here are 2 posts I’ve just done – I haven’t added the link from the small picture to the large picture because I know how to do that.
http://weswapu.com/swap/?p=14 Image should be right
http://weswapu.com/swap/?p=15 Image should be middle
Read your own stylesheet, everything is there:
/* Begin Images */ .png { behavior: url(http://weswapu.com/swap/wp-content/themes/mandigo/js/iepngfix.htc.php?blank=http://weswapu.com/swap/wp-content/themes/mandigo/images/1x1.gif); } p img { max-width: 95%; } .entry img { float: left; margin: 3px 10px 3px 0px; background: #fff; border: 1px solid #333; padding: 3px; } img.nofloat, img.nowrap, .nofloat img, .nowrap img, .smallattachment img, .attachment img, .entry img.wp-smiley { float: none; } .entry img.wp-smiley { border: 0; padding: 0; margin: 0; background: transparent; } img.noborder { background: inherit; border: 0; padding: inherit; } img.centered { display: block; margin-left: auto; margin-right: auto; float: none; } img.alignright, img.alignleft { display: inline; } .alignright { float: right; } .alignleft { float: left } /* End Images */and use the proper classes…
Ok, perhaps you’d be good enough to point out what is wrong so I can correct it.
This style sheet was the one installed with the style I’ve chosen.
Thanks
NOTHING is wrong – so you don’t have to correct anything.
You just need to use the classes (as I said above) to position your images.
I assume all your posts/entries are inside a div class “entry” and inside that ALL your images ae floated to the left, by default – see the
.entry img { etc....
rule in your stylesheet.Next, if you want your image centered, you add the “centered” class to the code:
<img src="whatever.jpg" class="centered" alt="" />
For right:
<img src="whatever.jpg" class="alignright" alt="" />
Also, you can add the class “noborder” if you wish so.If you want to maintain a site and modify themes – get familiar with CSS and other basic stuff.
Oh right – so you are talking about editing the code of the post? That wasn’t clear from your first post.
and use the proper classes…
That was in my first post. You can “use” them only in your posts, I guess.I appreciate your help Moshu, thank you for taking the time to explain – sorry for asking for confirmations, not all of us are experts like yourself. π
All of this takes me back to my original request, that it would be nice to have a plug in that I could just click insert picture, click change size and click choose position.
It would be easier for the less experienced.
Ok – I’ve looked in the style sheets I could find and no mention of classes called entry.
I tried using the code listed above in the post, but that hasn’t worked either.
Any other suggestions, or perhaps you could clarify what is being suggested above.
Thanks very much.
Once again would someone kindly help me. I have to say some of the sideswipes above aren’t particularly helpful – it’s all well and good if you are an expert, but others of us are starting on the learning process.
Quote:
If you want to maintain a site and modify themes – get familiar with CSS and other basic stuff./quote
That’s EXACTLY what I’m trying to do here!
Where can I find that css listed above and where do I add the code to organise the position of my images.
I’ve just spoken to a friend who knows a little more than me – and he didn’t understand what was being said either!
Thanks again for your help.
The topic ‘Inserting Images into Posts’ is closed to new replies.