Images and PDFs

Websites are fundamentally visual. In this setting, writers use photographs to provide implicit context for their writing, and they use graphs and charts to communicate data quickly. In ENGL 306, we’ll also use a specific kind of image—a .pdf—to display our finished documents for our readers.

frog camera

To place an image on a page:

  • Find and save an image that you want to include.
    • Be sure that this image is in the public domain.
  • Click on “Edit Page” on the page you’d like to add an image to.
  • Set your cursor roughly where you want your image.
  • Click on “Add Media”
  • Click on “Upload Files” and select the image you want to upload.
  • Select the image and click “Add files.”
  • You can resize, move, and reorient the image as you see fit.
  • If your image is a .pdf, it can appear more like a hyperlink, displaying a link embedded in some text that directs readers to the pdf image in a separate page.
    • For example: take a look at this .pdf of our syllabus.
    • To create an in-text link to a pdf, be sure to write in text you want to see under “title” before adding the image to the page.
    • If you do it this way, check the “open in new tab” box so your reader won’t lose their place.
    • Once you’ve uploaded a .pdf to your media library, you can access a url taking you to the pdf. You can use that url in your menus to direct your reader right to a document from one of the “tabs”!
  • Hit “Update” to save your work.

NB: WordPress doesn’t have a very powerful photo editing tool. If you’d like to resize, crop, or manipulate an image, you’ll need to use a different program (like Pixlr) to do so. This will be especially true for the “Header” image, which will require exact dimensions.