Week 4: Photos, Videos, & Giving Credit Where It’s Due

IMG_4600

Image by anda ♥ via Flickr

In our homeschool co-op blogging class this week, we are talking about Copyright and how to give someone credit for their work.

For bloggers, “giving credit” usually means linking. Be generous with your links — that’s what makes the internet go ’round!

But first, let’s warm up our brains with some editing practice…

Editing Practice

Readers almost always consider active sentences (“somebody does something”) more interesting than passive sentences (“something was done”). You want whatever you write to be interesting, don’t you? So let’s practice writing active sentences.

Orally in Class: pages 20-21.

On Your Own: Do as much of pages 22-23 as you like. If you enjoy the silly stories, finish them to create a blog post.

Extra Tip: Judging from the examples in our textbook, you might assume it’s easy to recognize passive sentences from the phrase “by so-and-so” — but not so! Usually, passive voice drops the doer entirely out of the sentence. Stuff just “was done.” So watch out when you use the words “was” or “were” in your writing. Double-check your sentence, and if it’s passive, try to rewrite!

How to Find Photos

2 & 1/2 and already a computer junky!

Image by Wilson (Army Gal) via Flickr

Photos and videos break up the expanse of gray text and make a blog post more interesting. And the way I figure it, anything that makes the reader happy makes a blogger happy, too!

Just be careful that you have permission to use the photo or video. The best kind of permission is Creative Commons Attribution, which means that you may change the image however you like (for instance, by cropping or adding text), but you must tell (and link to) the original source.

When writing a WordPress.com blog post, you can use Zemanta to find cool photos that are free to use — and best of all, Zemanta does all the links for you!

Here’s how to use it:

(Non-Wordpress bloggers can use Zemanta, too. Just go to their Downloads Page and find the plug-in that works with your browser.)

To use more than one Zemanta photo, click on the ones you want and drag them into your blog post.

If you don’t like any of the pictures Zemanta offers, you can “refine” the recommendations by typing in key words. For this post, I typed in blogging and computers and pictures and children — and I don’t know how the dog got in there. But he’s cute!

If you would rather find photos on your own, read How to Navigate the New Flickr.

How to Find Videos

YouTube is a great source for funny videos and clips from old TV shows, but it also has a lot of rude and crude film clips. So the best way to find a good video is to get recommendations from a friend you trust.

Or try the Kim Komando Video Picks. These are always family friendly — but you have to click on the gray YouTube logo in the bottom corner of the picture to get to the original video’s page before you can put it on your blog.

For instance, here’s a funny video I found on Kim’s site:

How to include a YouTube video in your blog post:

  1. Find a video you like.
  2. Go to the original YouTube page. Click the Share button, which is just below the video. (If there is no Share button, then you don’t have permission!)
  3. Copy the highlighted link, which will look like:
    http://www.youtube.com/watch?v=PxvGz_LUKoo
  4. In your blog post, type [youtube= and then paste in the URL you copied and type ]. No spaces anywhere! It should look like this:
    [youtube=http://www.youtube.com/watch?v=PxvGz_LUKoo]
  5. Click Save Draft and Preview to make sure the video is showing up where you want it.

Optional: I like to add &hd=1&rel=0 before the last ], to make the video display in high-definition and to turn off the related videos feature (because sometimes the related videos are rude.)

Other Video Formats

WordPress allows quite a few other video formats, too. Learn more at the WordPress.com Support > Videos page. The various formats are listed in the blue box. Click any name to find out how to use that type of video.

To the Computers!

Image by Jason.Hudson via Flickr

Let’s get a head-start on this week’s homework:

  • Work on a blog post. Add a photo or video, and be sure to give credit!
  • Visit at least one classmate’s blog and leave an encouraging comment.

“Extra Credit”: Challenge Yourself to Blog

If you have extra time this week, check out the new tips and ideas at Challenge Yourself to Blog. Or browse the student bloggers list for other students who have similar interests or who are about your age, and encourage them by visiting their blogs, reading their posts, and leaving comments. And if you find fellow bloggers whose work you enjoy, add them to your Blogroll!


5 responses to “Week 4: Photos, Videos, & Giving Credit Where It’s Due

  • Consciência Planetária

    Nice explanation!

    I always wondered how these thumbnails are added to magazine layout themes and I had no idea! Indeed I was more interested on the PHP code of how making it work 😛

    It seems that with custom fields we can do pratically any customization…
    But I have 2 questions

    Are custom fields limited to varchar values, or can we use any kind of data there? Does it have any size limit?

    Ans what about these themes that have a stick post with a bigger image? Does it have 2 custom fields 1 for thumnail and 1 for stick image?

    tnx again!

  • Vid

    Hi, Scott

    This is very helpful for those of us who aren’t programmers but want to maximize WordPress. Thanks for taking the time to submit this tip.

  • Thomas Clausen

    Justin Tadlocks Get the Image plugin can also help you to solve this task (also without CSS stuff in the php file 😉 ).

  • driz

    I would like to see a follow-up video explaining about that Custom Field Template that you told us to ignore. I know it’s created by coding in some WP hooks in functions.php as I have done it myself, but it would be cool to see your interpretation of doing this, might pick up some additional tips.

  • Scott Ellis

    Thomas, that is a good plugin, Justin does great stuff but custom fileds can be used for a lot of things, images were just an easy example, hopefully viewers will find other creative uses. Not sure what you mean about all the css in the php?

    • Thomas Clausen

      I was just wondering about the styling, that you’ve got about 3 minutes into the video.

      But I didn’t mean to take our eyes of off things. You’re absolutely right the custom fields can be a powerful tool. And I hadn’t really grasped how easy it is, before I saw your video. Good job.

  • Karen

    This is very hard to follow. I admit, I’m not a newbie, but I am not terribly advanced, so I’m not sure where the problem is. One, I think you’re moving too fast. Two, when exactly should you first see the picture appear in the custom field? After you copy the url to the value field and update? or after you go into the home.php and change the code? That is completely unclear. This is such a great topic, so I hope if I post a few questions, it will become clear how to do this. I really do appreciate that you’ve posted this. Thanks!

  • Karen

    also, my home.php doesn’t have the code you show. I am working in the theme Constructor. below is all the text in the home.php file:

  • Karen

    Woopsie & sorry. below is the code in my file:

  • Scott Ellis

    Consciência, you could use two custom fields for that if you wanted to. It would work just fine. I’ve read about some potential performance issues if you use a lot of custom fields but haven’t experienced it myself. We use several on citycrush.com including for the post thumbnail and the image in the post after you click through. The custom field type in the DB is “longtext” maximum size 4GB.

    Driz – We used a plugin for that previously but moved to adding it to the functions.php and using wp hooks so it sounds like you are doing exactly what we would.

    Thomas, most of what was in there was actual logic or just spitting out the html, not css styling, we keep all of that in the stylesheet. Glad you enjoyed the video.

    Karen, sorry it felt fast, if you look at an example and watch the video I’m sure you’ll pick it up quickly. It took me a couple of rounds the first time I started playing with custom fields. Justin Tadlock has a good explanation here as well: http://justintadlock.com/archives/2007/10/24/using-wordpress-custom-fields-introduction.
    The pictures will appear on the page where your custom field spits them out once you save the image url in the appropriate custom field. FYI, you code didn’t show up so visit http://www.vsellis.com/wordpress-how-to/using-custom-fields-in-wordpress/ and leave a comment and I’ll take a closer look.

  • Consciência Planetária

    Thanks for the reply!

    I’d like to suggest a subject for a future tutorial.

    I love Drupal’s ability to use blocks above and below main content area. It is much easier to implement than WordPress widgets.

    But I know it can be done in WordPress too. I’ve seen some magazine themes that have a “horizontal sidebar” on the botton of the page, and recently I’ve also seen a premium theme that has a “top horizontal sidebar” and a “bottom horizontal sidebar”, together with standard right and left ones.

    It would be great if we had a tutorial teaching how to do it!

  • PNaw10

    Hello all, just wanted to add one extra tidbit of info.

    The first time you use custom fields, the “name” field is blank, so yes, you would be typing in “thumbnail” as seen in the video. But after your very first use, the “name” field will appear as a pulldown menu which displays ALL previously-used names. So you really don’t have to worry about typing it the right way every single time — just as long as you get it right the first time, you can just select it from the menu. Much faster, and it ensures you’re spelling it the same way every time.

    I realize everyone will discover this on their own as they try it, but thought I’d mention it in case anyone was daunted by the prospect of having to be extra-careful about typing out those case-sensitive field names every time.

    Case-sensitive is definitely important though… for one website I run, cnyradio.com , I originally used Tadlock’s “Newspaperize” theme, which used the custom keywords “thumbnail” and “image.” Later, I upgraded to a newer theme of his, but the theme was designed to seek out “Thumbnail” and “Image” with capital letters at the beginning. Rather than go through all my old posts to change the custom keywords (would have taken forever) I just changed the uppercase letters to lowercase in the theme templates.

    If you want a good example of how different custom fields can help with your site design, check out cnyradio.com. It’s not as complex as the site shown in the video, but it’s (hopefully) still simple enough for newbies (like I was just 2 years ago) to understand.

    My “loop” pages (home page, category pages, etc.) show 128×96 images invoked by the “thumbnail” custom field. When you click to read the full text of any post, a larger 200×150 image appears, invoked by the “image” custom field. If either field is blank or missing, then the site simply doesn’t display an image — the text takes up the entire width of the space.

    Yes, it’s more work because I have to create 2 custom fields for each post, and I create 2 separate images. I do the latter for two main reasons. One, I don’t like relying on web browsers to resize images on-the-fly. Even if it looks OK on my computer, it may appear choppy on someone else’s.

    Two, and more importantly, an image at 200×150 doesn’t always look so good when you simply resize it to 128×96. For example, the “fullsize” version of any mugshots I use will often include the subject’s name and a “courtesy line” to credit the photo source. But that text would be cluttered and tiny when the size is reduced, so when I make the thumbnail, I usually delete the “courtesy” line and bump up the text size of the person’s last name so it’s less cluttered and easier to read.

    If anyone reading this does look at my site to see what I’m talking about, just a note that any “Picture of the Week” posts are done entirely differently. I won’t get into details, just wanted to avoid any confusion.

  • Sarfraz Ahmed

    can we add custom fields to wordpress.com blogs?

  • votar fotos

    I guess never say never, huh?

Continue the discussion

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: