Skip to content Skip to navigation

Getting Started on Sites: How to Add Images to Your Content

Welcome back! This is the fourth blog post in a series on how to create a Drupal 7 personal website using Stanford Sites. Last time we looked at attaching documents to our Sites website.

Now that you've got a few pages in your new website, let's make it visually more appealing by adding a featured image. You can either edit an existing page that you've already made, or you can create a new page, which is what I'll do in the following instructions.

  1. First, add a new page (or edit one you already have made). To add a new page, from the Admin menu, Go to Content > Add content > Article

    Create Article

  2. In the Image field, browse your local hard drive for the image you want to use.  Once you have selected the image, press Open then click the Upload button.

    Image field

  3. For accessibility reasons, be sure to include Alternative text. This text will be used by screen readers, search engines, or when the image cannot be loaded.
  4. Fill in the rest of the required fields to create an Article, then click the Save button.

By default, the image will automatically be placed above the main content or Body of the Article.  In my next blog post, I'll show you how to add an image insert button to include images in the body of your article and add a few image styles to customize your site.

Comments

This was helpful! Can you please add how we can "create an image insert button?" Thanks!