7 {{ upvoteCount | shortNum }}
7 {{ upvoteCount | shortNum }}

Wordpress images - Can someone advise me please

by dean_holland
6 replies
Hey

I have something I am stuck on if anyone can advise

I want to insert multiple images in a wordpress page. these images then need to each link to a new url on the blog.

How is best to do this so they are presented nice on the page ? Say 3 thumbnails wide on each row

I have tried the gallery feature but I cannot get each image to link separately this way

Am I doing it wrong or is there another way ... Please help

Thanks

Dean
#advise #images #wordpress
  • Profile picture of the author Stephen Root
    Well you could do HTML hack and put each image in it's own div.
    Like:
    <div style="float:left"><a href="url.com"><img src="image.jpg" border="0"></a></div> and so on.
    {{ DiscussionBoard.errors[926225].message }}
    • Profile picture of the author bgmacaw
      I also do this with HTML like Stephen suggested. Here's some sample code I use to create a block of inline ads that you might find helpful:

      HTML Code:
      <div style="font-family: Arial,helvetica, sans-serif;font-weight:bold;font-size:12px;width: 565px;height: 125px;clear:both;border:1px solid #e7e7e7">
   <ul style="list-style-type: none;margin: 0;padding: 0;">
   <li style="float:left ;margin:2px 3px 2px 0px;border-right:1px solid #e7e7e7">
       <a style="padding-left:54px;width: 125px;height: 125px;background-image: url(images/ad1.png);background-repeat: no-repeat;display: block;text-decoration: none;color: #000000;" href="http://site1.com" title="Blah Blah Blah">
   		<span style="">Bodybuilding! Find out how to get the hot body you deserve without spending a lot.
   		<br /><span style="color: #AA0000;text-decoration:underline">Show More &raquo;</span></span>
   		</a>
   </li>
   <li style="float:left ;margin:2px 3px 2px 0px;border-right:1px solid #e7e7e7">
       <a style="padding-left:54px;width: 125px;height: 125px;background-image: url(images/ad2.png);background-repeat: no-repeat;display: block;text-decoration: none;color: #000000;" href="http://site2.com" title="Blah Blah Blah">
   		<span style="">Improve your health now. Lose weight and boost immunity. Secrets revealed here.<br /><span style="color: #AA0000;text-decoration:underline">Show More &raquo;</span></span>
   		</a>
   </li>
   <li style="float:left ;margin:2px 3px 2px 0px;">
       <a style="padding-left:54px;width: 125px;height: 125px;background-image: url(images/ad3.png);background-repeat: no-repeat;display: block;text-decoration: none;color: #000000;" href="http://site3.com" title="Blah Blah Blah">
   		<span style="">Start a healthier way of life today with this exclusive method.
   		<br /><span style="color: #AA0000;text-decoration:underline">Show More &raquo;</span></span>
   		</a>
   </li>
   </ul>
</div>
      Signature
      Product Reviews | Earn Online Cash | Free HTML Templates
      Free WordPress Themes: Boring Memo | Dateless Mini-Site | Info Magazine | 100 Twenty-Ten Niche Headers
      Discount Templates, Graphics and Scripts: Templates for Website
      {{ DiscussionBoard.errors[926330].message }}
  • Profile picture of the author dean_holland
    Hi

    Ok guys I will give this a go. I am note technical in html or any coding however so not sure I quite understand

    Is coding the only way ??

    I will take a look at the windows editor you mention thanks

    Let me know if there any other suggestions please

    Thanks

    Dean
    Signature
    Follow My Journey To Online Success > www.DeanHolland.com
    {{ DiscussionBoard.errors[928881].message }}
  • Profile picture of the author crystalq
    Theres a really cool plugin I used called the "NextGEN Gallery" wp plugin
    I don't remember if you can hyper link images though
    Signature
    Newbies! A Free "Affiliates Avoid" Guide for You! | Visit IINTERNETMONEY.COM NOW!
    {{ DiscussionBoard.errors[928919].message }}
  • Profile picture of the author Quentin
    If you want an easier way just get the FK Editor plugin that allows you to use tables and then just add 3 x 3 table and add a photo to each cell.

    Dean?s FCKEditor for WordPress - a WYSIWYG editor plugin : DEAN LEE:/DEV/BLOG

    Quentin
    Signature
    {{ DiscussionBoard.errors[929700].message }}

Trending Topics