Images and PDFs

BCCG FCG Infographic jpeg


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”!
    • Some pdfs might be too large to upload. If that’s the case:
      • Open that .pdf file in Adobe Reader or Preview (for Macs).
      • Select “Export.
      • “In the save screen, look for “Quartz Filter” or another prompt that allows you to “compress” or “reduce file size.”
  • If you have a pdf of a document, but want to embed a specific page of it in your text, you can save it as a .jpeg file:
    • Open that .pdf file in Adobe Reader or Preview (for Macs).
    • Select a specific page from the thumbnails. You can only e
    • Select “Export” from the File Menu.
    • Select .jpeg, and hit “save.”
    • Upload it to WordPress it as you would a normal image.
  • 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.