How to add a caption to a flickr photo?
-
I’d like to add photos from my flickr account and some of them need captions. Can I do this without adding the pics I want to the wordpress media library? Thanks in advance for any help!
The blog I need help with is: (visible only to logged in users)
-
You can add Flickr images directly by inserting their URL into your post as described here: http://en.support.wordpress.com/images/flickr-photos/ but the support doc doesn’t specify whether you can then edit the image after insertion. You can check by clicking on the image. If a pencil icon appears in the top-left, click on that to get the editing options, including captions.
If the pencil icon does not appear, you should also be able to insert the image by clicking on Add Media and selecting Insert from URL. You then past the image URL there, add your caption and insert the image. If you insert from URL the image will not be uploaded to your media library. http://en.support.wordpress.com/images/adding-images-to-posts-or-pages/#insert-an-image-from-the-web
-
Thanks for the ideas! The problem is, when adding flickr images as you described in the first paragraph, it doesn’t add the picture itself, just the link. So there is nothing to click on to edit the photo (no pencil icon appears in the top-left corner).
I tried the second method and it worked, but I decided not to use it. The other problem was that I only wanted to add captions to some pictures and not others, and using the caption possibility from the Media Library gives the captioned pictures a gray frame, where the uncaptioned ones don’t have one and it looks lousy.
So in the end I just used text (Heading 5, I think, in italics) to caption the pictures. It doesn’t look great, but better than nothing.
-
I’m afraid I don’t know how to remove that border. Perhaps someone else happens along who can help with that.
-
Copy and paste this code into a new draft post in the text editor (not the visual editor). Save and preview. The pic has no grey frame and allows for a proper caption.
<div class="wp-caption aligncenter" style="border:none;background:white;width:640px;"><img src="https://farm6.staticflickr.com/5581/14713103154_4610db3b4b_z.jpg" width="640" height="480" alt="test frame" class="aligncenter" /><p style="text-align:center;color:#666;font-style:italic;font-family:Georgia;font-size:12px;margin:10px 5px 4px;">TYPE YOUR CAPTION HERE</p></div>Here is a link that explains most of the code:
http://wpbtips.wordpress.com/2011/11/29/image-captions-no-dash-twenty-eleven/
If you are adding pics from flickr, then you really only need the image link which you fill in like so:this part of the code gets rid of the grey frame:
<div class="wp-caption aligncenter" style="border:none;background:white;width:640px;">
this part of the code displays your image:
<img src="https://THE IMAGE LINK HERE.jpg" width="640" height="480" alt="DESCRIPTION" class="aligncenter" />
this part of the code allows you to add a caption:
<p style="text-align:center;color:#666;font-style:italic;font-family:Georgia;font-size:12px;margin:10px 5px 4px;">TYPE YOUR CAPTION HERE</p></div> -
With a starting point like this I’d be able to tweak the code further should I want to use it. I’m learning, but I’m not quite able to figure out code like this from scratch :)
-
You have probably studied this, but if not, you will find it useful:
http://www.w3schools.com/html/
I bought several books over the years, but once I found this, and met Panos, things became more fun, searchable, up-to-date, confusing, experimental, and more like puzzles to solve. -
I regularly use that site as a reference, yes. Haven’t started systematically working through it yet, but it’s on my to-do list.
- The topic ‘How to add a caption to a flickr photo?’ is closed to new replies.
WordPress.com Forums 