• 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?

Viewing 15 replies - 1 through 15 (of 16 total)
  • 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.

    More: Using_Image_and_File_Attachments

    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.

    Thread Starter kevb8lly

    (@kevb8lly)

    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.

    Thread Starter kevb8lly

    (@kevb8lly)

    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.

    Thread Starter kevb8lly

    (@kevb8lly)

    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.

    https://weswapu.com/swap/?p=14 Image should be right

    https://weswapu.com/swap/?p=15 Image should be middle

    Read your own stylesheet, everything is there:

    /* Begin Images */
    .png { behavior: url(https://weswapu.com/swap/wp-content/themes/mandigo/js/iepngfix.htc.php?blank=https://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…

    Thread Starter kevb8lly

    (@kevb8lly)

    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.

    Thread Starter kevb8lly

    (@kevb8lly)

    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.

    Thread Starter kevb8lly

    (@kevb8lly)

    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.

    Thread Starter kevb8lly

    (@kevb8lly)

    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.

    Thread Starter kevb8lly

    (@kevb8lly)

    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.

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Inserting Images into Posts’ is closed to new replies.