How to Add Images in Your Post Content

Round beach rocks in shade - photography by Brent VanFossen.Images, graphics, photographs, drawings, cartoons, badges…our websites are filled with imagery.

This article addresses the techniques used by WordPress for aligning images and image sizing and links in published content. Check your publishing platform for their methods.

Image Terminology in WordPress

There are several terms we need to develop to help you understand how images are used in WordPress. The most important terms describe the images within WordPress based upon how they are used and generated: original image, published image, media file, and attachment image.

The image uploaded to your site is called the original image or image file. When uploaded to WordPress, a minimum of three sizes are automatically created and stored in the wp-content/uploads/ directory on the server. The images are grouped by year then month by default.

The image sizes available for displaying in your content are thumbnail, medium, and full-size. Depending upon the image’s original size, large and x-large may be available. Full-size is the original uploaded image size.

When an image is used on a web page in WordPress, it is typically viewed within the content area of a post or Page. For the sake of this tutorial, we will called this the published image. WordPress makes available the three size options by default.

Image Sizes and Links

WordPress Media Uploader featuring multiple images - screencap by Lorelle VanFossen.

The WordPress Media Uploader redesigned in 2012 now features Attachment Display Settings options. They include setting the alignment of the image, the size of the published image, and the Link To feature. Continue reading

Exploring the New WordPress Media Manager

Featured

WordPress 3.5 is due December 5, 2012, and brings with it the new Media Manager, a much anticipated improvement to the Media Uploader and Media Library in WordPress.

Check Out the New Media Manager in WordPress is an extensive article and review I’ve published on . It features a step-by-step tutorial on using the new Media Manager for uploading and managing your images, video, and audio on WordPress, as well as a few of the unusual quirks in the new feature.

If you have a WordPress.com site, you will be able to test drive the new WordPress Media Manager. Those with the self-hosted version of WordPress will need to wait until December 5 when WordPress 3.5 is released or become a beta tester.

Lorelle VanFossen at Clark College 30 Clicks Talking Podcasting

The 30 Clicks program at Clark College is a lunch-time presentation on the web and web and mobile technologies. It’s free to the public and students to bring their lunch into the library and learn more about how the modern world is working on the web. Topics include social media, web publishing, marketing, resume building, and multimedia.

Today, I’m tackling the art of podcasting with a examples of podcasts and tips and techniques on podcasting.

I’ve put the slideshow in a PDF Handout on Podcasting.

The following are links you should know about for podcasting.

Podcasting Articles, Tips, and Techniques

Podcasting Audio Editing Software

Podcast Hosting for Audio

Podcast Hosting for Video

Introduction to WordPress Homework – Class 12 – Video, Audio, and Podcasts

In Class 12 of Introduction to WordPress, we covered:

  • Embedding audio and video into a WordPress post.
  • Introduction to Podcasting with WordPress.
  • Web Accessibility guidelines associated with audio and video.

Homework

  • Create a audio or video of yourself talking about anything you want and publish it on your site.
  • Install WordPress on a stick (USB). Thumbdrive (USB drive) required.
  • Familiarize yourself with the 2011 WordPress Theme template and style files
  • Check “Your Blog So Far” list and check EVERYTHING off the list.

Continue reading

Class Interviews Coming Up Soon

Aside

The Winter Clark College CTEC 280 Introduction to WordPress class will be working on creating multimedia posts in WordPress coming very soon. Dig out your digital cameras and recorders and bring them to class. If you have ones to share, bring those. I’ll be announcing when soon.

If you currently have a video hosting service like YouTube, Vimeo, Daily Motion, etc., bring password access with you for uploading video.

NOTE: Currently, the computers in the room only connect via USB, so bring USB connectors (and extra batteries or chargers).

Example of a Gallery Post in WordPress

This is an example of how to create a gallery in WordPress. There are a variety of options you have with the gallery shortcode on WordPress.com and self-hosted versions of WordPress.

The following images are from the morning of January 17, 2012, when a snow storm moved into the Pacific Northwest and dumped almost a foot or more on the 1000+ foot elevations, including us in North Plains, Oregon, in the Coastal Mountain foothills. Photographs are by Lorelle and Brent VanFossen.

Introduction to WordPress Class 3 Homework

In Class 3 of Introduction to WordPress, we cover:

  • More on what can go into a WordPress blog post.
  • More on the differences between a Page and a post.
  • WordPress.com Shortcodes.
  • Uploading multimedia and publishing it.
  • Posts verses Pages

Homework Assignment

  • See Shortcodes — Support — WordPress.com and Shortcode – WordPress Codex for examples of how to use shortcodes in WordPress.com sites to add functionality.
  • Paste text file from Post Content Sandbox into blog post and preview it in the current WordPress Theme.
    • Change WordPress Themes to test that post by going to Appearance > Themes > Activate
    • Write a blog post describing which Themes you liked for your blog and why.
  • Publish a PRIVATE post with the password ctec280 as the password. Make it a funny story, cartoon, or graphic that will make the students laugh.
  • Add to your Policy Page another blog policy (comments policy, reprint policy, liability/hold harmless…).
  • Visit other student’s blogs and leave comments.

By January 24 You Will Have the Following on Your Blog

  • About Page
  • Contact Page
  • Policy Page
    • Copyright
    • Other polices
  • 5 blog posts under each of 5-7 categories
  • Class assignment posts
    • 1 with video
    • 1 with three images and text wrapped around them
    • 1 gallery post
    • 1 list post
  • Comments from every student in the class.

REMINDER: The classroom is open for tutoring an hour before the WordPress class. Alex and Lorelle will be available to help you, so come on in early.

Reading

The following are recommended reading assignments from the WordPress books in the 24×7 Book program. Please note the notes on book naming conventions and confusion in the class preparation post.

  • WordPress 24-Hour Trainer
    • Section VII – Lesson 27 – Overview of WordPress Themes
    • Section 4 – Lesson 15 – Working with Image Galleries
    • Section 5 – Lesson 18 – Managing Posts and Pages
    • Section 5 – Lesson 20 – Managing Post Categories and Tags
  • WordPress All-In-One for Dummies
    • Book 4 – Chapter 2 – Examining the Difference between Posts and Pages
    • Book 4 Chapter 3 – Uploading and Displaying Photos and Galleries
    • Book 6 Chapters 1-3 Customizing the Look of Your Site

Outcome

For those keeping track of overall outcomes, the goals of the third class were:

  • Learning the content management areas of WordPress.
  • Learning the difference and how to use the Visual and HTML Editors.
  • Learning how to include multimedia and galleries in a WordPress blog post.
  • Basic blog writing tips with WordPress structure and format.
  • Further exploration of the WordPress UI.