Adding Photos and Images

Preview

Explanation

While text is a great way to communicate, images are what make the web popular and will draw people to look at your page. The eye will nearly always go to an image first before it goes to text.  This is likely because back in the caveman days, the nerd that read all those stone tablets instead of looking for the lion that was sneaking up on him, was eaten.

But I digress.

There are many, many options for how to display an image on your WordPress page.  There are also a ton of plugins  that support image creation and display.  It might be a little early to talk about plugins right now;  you will get to know them more later.

As teachers, we love to post images of things happening around the school, places we have been or activities in our classrooms.

Frustration Alert

Photos and websites are a bit of a pain sometimes. There are all different kinds of sizes and shapes.  Thumbnails can look weird  or maybe the photo will get turned the wrong direction. It can be hard to edit photos as well.  Your photo skills will get better over time.  In the beginning you may just want to stick with adding a single image and using the photo gallery.  Turn up the heat and do more as you start to see yourself improve!

AssignmentAssignment

  • Login to your WordPress account
  • Create a new post where we can test all the types of photos we will want to add
  • Upload at least three different photos to your site
  • Insert a single photo using three different sizes
    1. Full size
    2. Medium size
    3. Thumbnail
  • Create an image gallery and insert it into this same page
  • In the comments section below, leave a brief response (for or against) this statement: “Images and visuals are one of the primary ways for us to communicate information now.  We need to take a step back from the text and think more about the visual.”
    1. If you have done so already, consider getting your own Gravatar. This will enable a picture of some sort to be next to any comment you make on this website and many, many others around the web. Interested? Try it out here.
  • Open a Word or Pages document. Write a short reflection on the power, joy or frustration you felt going visual with images.
    • Upload your file below.

ResourcesResources

Complete list of all videos I have made for this course.

 REPORT
Michael Boll Michael Boll
Owner
8 items   1 followers   0 votes   783 views

Wordpresss Photos and Image Tips For Educators

1

How to Add Photos and Images

Feb 18, 2015 - youtube.com - 146
How to Add Photos and Images
While text is a great way to communicate, images are what make the web popular and will draw people to look at your page. The eye will nearly always go to an...
Feb 18, 2015 - wpbeginner.com - 126
How to Create an Image Gallery in WordPress
Step by step guide on how to create an image gallery in WordPress. Learn how to add an image gallery in WordPress posts and pages without a plugin.
Feb 18, 2015 - wpbeginner.com - 103
How to Fix Common Image Issues in WordPress
Beginner's guide to fix common image issues in WordPress. How to create image gallery, align images and add captions in WordPress.
Feb 18, 2015 - wpbeginner.com - 105
How to Crop, Rotate, Scale, and Flip Images in WordPress
How to use WordPress as a basic image editor to crop, rotate, scale, and flip images on the go. WordPress can be a basic image editor.
5

How to Easily Replace Image and Media Files in WordPress

Mar 18, 2015 - youtube.com - 99
How to Easily Replace Image and Media Files in WordPress

Replacing an image in WordPress can be a tedious process. You need to upload a new file, rename it and insert it into the old post. There is an easier way us...

Oct 17, 2015 - producthunt.com - 107
Best Stock Photography Tools - Finding great images is hard. These tools make it (a lot) easier. by Product Hunt

A collection curated by Product Hunt, featuring products like Pexels 2.0, Stock Up, StockSnap, Videvo, and Tookapic Stock Photos

Jan 21, 2016 - producthunt.com - 88
Best Stock Photography Tools - Finding great images is hard. These tools make it (a lot) easier. by Product Hunt

A collection curated by Product Hunt, featuring products like Pexels 2.0, Stock Up, StockSnap, Videvo, and Tookapic Stock Photos

8

Bennie

Mar 17, 2016 by bwrawson

“Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”

Yes I agree in general with this statement. I believe, like most people, that a picture is worth a thousand words. Why not? Maybe it's worth many more time that. You can not know how much information might be brought forth in the mind of the onlooker. With the right media and a few well placed words a message can become more; a picture, movie or piece of art take on meaning. It has been powerful throughout history. Why not take it to the next level with the touch of a button or a screen? Maybe even bring the text more into context with the visual. Just some thoughts.

uploadUpload Your Work

Build Website Now Student Reflection Upload

First Name
You will receive an email confirmation at this email address
Just copy and paste from lesson title above.
Drop a file here or click to upload Choose File
Maximum upload size: 516MB
Sending

heritageIf you registered for this course via the THI website, please submit your assignments via the THI portal here.  Questions?  Email Michael right away.

Back to: Build Your Website Now!

52 Comments

  1. I do think that many of us are visual learners – we remember more about what we see that what we hear. When finding ways to connect learning content to students, images provide strong relationships as opposed to just informational text. I think I mentioned the need for instant gratification before – visuals provide this for our students.

    • Yes, I agree. As we get hit with more and more information thanks to email and other fast devices, we tend to skim and focus on the visual. I think that as the future moves forward, we need to be better at communicating visually or risk being ignored.

      • I agree as well. I usually get intimidated or even bored by a full page of plain text on a website. My eyes want to gravitate towards something colorful or exciting to look at. It seems lazy to not add an image to your text in this day and age when it is just a point and click away.

  2. I also agree that images are the best way to communicate information now. I think that this is very apparent in the money, time and energy spent in marketing and advertising in our society. In the past I have taken photography classes and even in these classes you are trained to study the elements in your image, and what your eye is drawn to. In some cases, you want to crop a portion of your image out because it draws your eye away from what you should be focussing on. I think that images are powerful and interesting, and this needs to be taken into consideration, especially when your audience is made up of young students, who have been raised in a world of technology and graphics.

    • There are some great resources for people interested in putting together infographs now to communicate complex information. We agree that visual displays of information is a great way to communicate. I sure wish it was not so time consuming to do it though. Typing, as I do now, is so fast!

      • As a business teacher, I’m still very much a “text” teacher. I agree the visuals aid the learning but in the end, it’s typically the written explanation that truly helps us learn and understand the meaning.

  3. Images and visuals have always been one of the primary ways for us to communicate information. Cave paintings and hieroglyphs predate written word. Sometimes science depends upon visual models to understand and predict abstract phenomena.
    As instructors and students we need to take a step back from the text and think more about the visual. Instructors should embellish the visual aspects of their instruction, as well as demand students to convey their understanding via output of visual media, not just verbal response.

  4. “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”

    Yes, of course I agree with this. I can hardly remember buying something from the classifieds in the newspaper, for example (but I even bought cars this way…can you imagine?). No images?? How did we ever get things done?! On the flip side, pictures + teenagers = a whole new world of, err… information.

    • Pictures and information is the way to go and yes teenagers are a little… well you know. 😉

      Do we teach students how to use the visual along with how to write? Sometimes I feel we are so focused on the writing, we don’t extend the lesson. The visual is what let’s students communicate and share their ideas to the rest of the world.

      Am I nuts? 😉

  5. Well I think that images are a must for Internet reading. Research shows that people skim a web page looking for bold print, headers, images and bulleted text. Writers have to provide their content in this type of format to get it read but I believe that there is still room for the printed word. It just might need to be in a PDF and gets printed to read.

  6. Yes, I agree that images are very important in communicating information. Realistically, I know that when my students and parents visit my class site, they are going to be looking for information as quickly as possible. If they see nothing but text, I know they are going to be intimidated and bored, and probably never visit the site again. In a sense, my site is as much about “selling” my class as it is about giving information. Visuals will be crucial to making my class seem exciting.

    • Wow, you really “get” how important marketing is to your site. I so wish we could just create great content and everybody would show up, but the reality is there is way too much competition for attention (thanks Internet) and now we have to stand out somehow!

  7. “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”

    I definitely agree with this statement. It is exactly why magazine ads, billboards and television commercials work so well; people (hello, consumers) want information and they want it fast! In terms of education, imagine a power point presentation. One with nothing but text on slide after slide is not as effective as a presentation that utilizes images and bullet points. In my personal experience, I have found that also allowing students to use visuals to display their understanding can work wonders, as well! I had student who was a struggling writer and descriptive essays murdered him! When I gave him the opportunity to draw out his responses – his work was as detailed as any A-grade paper!

  8. “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”

    Personally, I find visuals to be a very important aspect of websites. The average individual spends less than 3 seconds on a page so visuals are extremely important in catching interest and maintaining interest. In addition, since so many of my students are visual learners, visuals help them retain the information that they are reading. Selecting the correct images and being intentional about where they are placed is also something to think out when communicating information. Studies have shown that pictures on the top left are first to be noticed. I also always try to include an image at the top of any handout or blog post with the headline underneath. If the visual is catching, then I know the students will continue reading the text. Also, I find that the students immediately gravitate to the image captions so when I give a handout/ create a blog post with images, I try to ensure that there’s a brief caption with the picture. Lastly, If it’s something that I want the students to read through, I’ll make sure to choose an image that has a face in the direction of the text. This helps their eye follow the text. I find that when I teach, visuals are what my students refer to and remember the most.

  9. I absolutely believe images are integral part to any web page. However, because of the purpose of this page, I have to think that although they will add greatly to my content, the content is the key to my message. I will need to incorporate good visuals to enhance my content, not the other way around.

  10. All you need to do to understand the importance of “visuals” (not limiting to just pictures here) is to look at the explosion of the Infographic. I wish I could paste the screenshot I just took of the Google Trend search for “Infographic”. As you can imagine, it has a rocket-like trajectory, appearing in 2009 and doing nothing but up-up-up. Even the term Info + Graphic is revealing–people don’t want to scan text. They want their text to come alive. Plain ol’ text must be used in moderation. It certainly has it’s place, and we are still generally expecting students to be assessed primarily through text, so it can’t be thrown out. But if you were to sit a kid in front of a 90% text website vs. a 30% text website, they are going to quickly forget about that “boring” and “long” and “confusing” one!

  11. “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”

    I fully agree with this statement. In today’s “Internet” society, people are becoming more and more reliant on visuals. Everywhere you go, you see people taking “selfie” pictures of themselves to share with their friends on Facebook. Many times people communicate on Facebook by just posting a picture. Additionally, programs such as Pintrest rely heavily on images. Finding a great image has often lead me to a fantastic webpage or idea. When thinking about webpage design, the images displayed do play a large role.

  12. “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”

    I am very much FOR images and visuals primarily because I am a kinesthetic learner. Being a theatre major in college, I was always visually stimulated by the “pictures” created on stage by actors, as well as the entire experience of the production. I love social media sites like Instagram where I can follow friends and family and their adventures. Having visuals on a site helps to enhance the experience and is sometimes the only experience needed.

    • Great! I too love images. It is hard, for me at least, to think of and/or create images that represent what I am trying to communicate sometimes though. I think that may be why we rush to text first to communicate our ideas and images second.

      Cool Gravatar photo!

  13. Visuals are definitely an important part of communication. Things that get too wordy simply don’t get read. I think it’s important to use images that are relevant and keep them fresh. Too many websites never change their images, which makes you think they don’t change their content. I would hope that well done use of images can help lead to your site reaching more people and those people delving further into your content.

    • I like your Gravatar photo. Nice!

      Images are so awesome. We are working at our school to use a product like Tweetbeam.com that will let us display photos on a big screen in our lobby. People will then take pictures, tag them, and they should show up.

      The power of visuals!

  14. As a visual arts teacher and artist I heartily agree that images are a primary way for us to communicate. My issue is that I am so “right brained” that I often don’t use enough text. I too frequently rely on the visual experience alone to communicate information. I am aware though that quality visuals combined with quality text can be incredibly powerful.

  15. “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”

    Visual images tend to provoke more powerful emotions and reactions in people them text. Hence, the reason most advertisers have very short catch phrases i.e. Just do it! Coke is it! Eat fresh! Place a snappy catch phrase beside a great image and you’re golden. Place loads of text beside a non-related or average image and your product will bomb. If you wish to attract attention or get people involved straight away, images do this better than text.

  16. “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.” I’m finding this statement to be true–not so much because I think that more communication is increasingly through visuals, but because I think that text heavy materials run the risk of communicating LESS. It seems that websites in particular have shifted over the years from communicating through extensive written information, and now there is more of a cleaner, condensed approach. Visuals become essential in either case–by attracting the reader’s eye, by breaking up text heavy pages, or by communicating supplemental information (visual examples, complementary images, or less tangible things such as conveying a particular feeling or atmosphere associated with the website or material).

  17. I agree with this statement in most regards. And I love your caveman day example by the way! Humans are very visual beings, and the power of visuals in daily communication of all types is undeniable. Images can tell stories and create moods and feelings. Visuals have an extremely important place in society.

    However, I cringe at the way the young people are missing out on the joy of communication and knowledge by text alone. Libraries are dumping great books just because they are not filled with pictures, especially non-fiction text. Text without images allows your mind to create the image, it is dealing with the abstract, and our human brains can be wonderful at that. I hate to see the human race lose that skill.

  18. “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”
    I see it as a blending of both. The picture needs to set the foundational image the author wants the audience to have in mind as they read the text. Great images can carry a whole story. Text is the direct result of the author’s intentions. Text in the hands of a great story teller has the effect of creating images in the reader’s mind. Text and images weaved together can be are a powerful form of communication.

  19. “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”

    I agree that images and visual are one of the main ways we interpret information in our world today. Advertisements use attractive packaging, celebrities, cartoons, and a variety of other images to grab our attention. Blogs are the same way, you need something more then text to grab your readers attention.

  20. “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”

    In some ways I agree that visuals communicate strongly compared to text. It is the instant gratification of the image instead of taking the time to read text. However, I find with my students they avoid text, because to them it feels cumbersome and takes too long to absorb the information. They are so used to video games, Instagram, etc. While images do evoke feelings and reactions, text can help put it all into perspective. A nice balance between the two is what we should seek.

  21. http://blogs.bend.k12.or.us/matt.fox/ap-photo/

    “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”

    I have a hard time disagreeing with this statement – As a visual arts teacher (photography and graphic design) I think of “communicating with visuals” as really the core of what I teach. We are taught from a very early age about communicating with text, but we don’t place the same emphasis on the visual. Especially when we think about the type of students we have (those who are tapped in to media) in the context of a website visuals become even more important as a way get attention and share information. Visuals are vital not only as a way to communicate (info graphics come to mind) but also as a way to make information more visually appealing.

  22. “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”

    I suppose I do mostly agree with this statement, since images are becoming a preferred way to communicate information, especially for students.Personally, I do love words and the ability to construct my own mental images based off of the text and information I’m reading.

  23. Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”
    I generally agree with this statement but believe that images are extremely powerful. I think that I would like to include more of them than I currently do in my lessons and mostly have students reflect on different images. Observations are a key in science and looking at the world around us is one of the oldest sciences (natural science). I would like to encourage students to increase their observational skill by showing lots of different images but I would also like to expose them to awesome images from the field of science.

    https://sciencein301.wordpress.com

  24. The statement is: “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.” I wholeheartedly believe this; indeed, even before the information revolution of the internet, a visual form of media had already taken hold of our culture in the form of television. In addition to totally revolutionizing our commerce and culture completely, the internet has replaced television in many ways. Website designers would do well to stay mindful of this if their goal is to have an appealing and relevant website.
    It is said that a picture is worth a thousand words. If this is true, the mind processes these words at a lightning quick speed. What a boon for web designers? To effectively utilize images means to use a shortcut—a thousand potential words—processed by the website visitor in an instance!

    • “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”

      I agree with both parts of this statement. The current adolescent generation adheres to this absolutely. All these newer (at least to me) forms of social media with Instagram, Snapchat, and the like, focus primarily on the visual image. I’ve heard my students say that Facebook is for old people and there is way too much writing on it. I personally usual images in my Spanish classroom every single lesson. It is a terrific way to connect students to information in an immersion language environment without having to using their native language.
      I’ve improved a lot of my lessons this year by connecting more visuals to my lessons, where in the past I would most try to use cognates and meticulously worded descriptions to try and get my students to understand. I’ve noticed my students have improved their vocabulary retention and recall with these added visuals as well.

  25. “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”

    I think that images and visuals are a quick way to communicate an overview or general information, as well as captivate an audience. But text is where the nitty-gritty gets hammered out. I try to balance the text with images as much as possible and feel I do a decent job.

    https://mshamiltonmath.wordpress.com/2015/06/18/photoimage-test-post/

  26. “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”

    I definitely agree with this statement. Images speak a universal language. You can use an image to communicate to a wide audience of ages, and languages. The only problem I see is that people might have different perceptions of the same image and therefore the author’s intended message may not be communicated without the explanation of the text. So text is important in clarifying the intended message.

  27. “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”

    As a visual arts teacher, this statement is a “no-brainer” for me. Images and visuals are THE most effective way to impart information quickly and efficiently. When visuals have some text, say two or three sentences, the two work together to engage people (and for me-my students) and help them to remember chunks of information. Almost all my slides and other visual information that I provide for my students follows this template. All the visual work that my students create was truly the impetus for creating my classroom website!

  28. “Images and visuals are one of the primary ways for us to communicate information now.  We need to take a step back from the text and think more about the visual.” I will agree with this statement and disagree. It depends on the purpose of the blog or write up. Visuals are very helpful but if someone is trying to explain how to do something, the written part is helpful. A good example of this is some of the tutorial blogs have a video, images, AND a lot of text with step by step instructions. I will admit that some posts by librarians I follow are too long and philosophical for me, at times. Maybe their intent is that their blogs will become a book at some point in time? Or they are document their thinking and processing of a concept. Bottom line, visuals are practical and helpful.

  29. “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”
    I agree with this statement. I find I am drawn in more with visuals and to produce compelling communication we need to use visuals. Look at how popular visual media, like Instagram, is. We respond quickly to images. Captivating images tell a story and there are many examples of images causing social movements. I see my students quickly scroll through their Facebook feeds and it is the photos that make them linger.

  30. I agree that the eye is drawn to an image much faster than to text and, especially for the visual learner, pictures can be the best way to communicate information. Personally I’m very visual and often look up YouTube videos to figure out DIY projects rather than trying to find written instruction.

  31. “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.” I completely agree. Especially if our goal is to capture the younger generation. People are bombarded by different forms of media all the time. If you are dealing with a site that strictly has text, you will instantly lose the majority of the people. The visual images and other media will be more likely to draw a viewer to stay.

  32. “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”

    I agree that images and visuals are very important and that we need think more about visual. But I think it is important to that we don’t take it too far by avoiding the written elements of communication. I think that clarity and confirmation of understanding with accompanying text is crucial

  33. “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”

    I think images are very important. On the internet, they initially attract attention to a topic/post. The right visual also add so much to the written portion. For example, when given the choice between a detailed recipe or a bare bones recipe with pictures, I will always choose the one with pictures.

  34. “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”

    I agree that visuals are important to convey a message. When is the last time you read a newspaper? We get our information online because of the visuals, which can be powerful in swaying public understanding one way or the other.

  35. I would agree that visuals are a primary way for us to communicate information.Visuals are effective means of communication independent of language background. Effective visuals are a great way to get students (and even adults) interested in a subject.

  36. I agree with the statement that “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.” I agree with this because images are so stimulating. As the saying goes, “a picture is a worth a thousand words”, and I think it is a whole lot easier to look at a picture than read 1000 words! But I don’t think we can rely solely on pictures. There must be text to go along with images. It takes a balance, neither is enough when used alone.

  37. “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”

    I totally agree with the statement above. One of the things I really try to hammer home with my students when they are creating Power point presentations, is the idea that visuals are far more important than text on their slides. The visuals capture the audiences attention, which then allows the presenter to deliver the information. If you have a slide in your presentation without a visual, most of the audience will likely tune you out.

  38. I totally believe that images are a primary source of communicating information. As a teacher of media literacy, I definitely use images often in my instruction to get points across with more substance. I believe the right image makes the person viewing it have to stop and think for a moment about what is contained in the image, what it might be trying to communicate, and how the viewer should interpret that communication based on the context.

  39. I believe that nothing captures – and often times holds – a person’s attention like a visual image. This is especially true with visual learners and can really add detail & depth to the communication process. I love using images as a springboard for discussion as it can sometimes elicit a visceral reaction.

  40. “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”

    I fully agree…visual is where it is at! That’s why I am addicted to Pinterest! This was the hardest assignment for me yet though as my dashboard doesn’t seem to look/read the same as what the book/video/help page say?! It very easily could be user error, just not sure what I’m missing, but I still made it work. (:

  41. “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”

    I agree with this statement to some extent. While visuals can serve as valuable supplemental material to text, viewers often tend to overlook information within the text and rely solely on visual images for information. Visuals, in my opinion, should be used to supplement and enhance the text and not serve as a stand-alone entity. If visuals are used in this sense, I believe that they can in fact help better communication information to the viewer.

  42. “Images and visuals are one of the primary ways for us to communicate information now. We need to take a step back from the text and think more about the visual.”
    I agree because humans are such visual creatures…it is important to catch the eye if you want people to engage with your content.

Leave a Reply

Your email address will not be published. Required fields are marked *