Teaching and Learning Resource Center

Using Featured Images

Within the Oxley theme, featured images display on the main blog page and individual post pages.

The featured image is the visual used to showcase the post.

UX Tip

The dimensions of the sticky post's feature image displays with a fixed 640 pixel width, though images can be scaled or cropped to this dimension, and flexible height. A typical post's featured image on the main blog page displays to the left of the post details with dimensions 150px by 150px.

Adding Featured Images to Posts

Follow the instructions below to add featured images to your post.

  1. Login to U.OSU.
  2. Click Posts from the left-side Main Menu.
    Image
    Posts menu item in side navigation of U.OSU
  3. Select the post you would like to maintain as a sticky post.
    OR
    Click Add New to create a new post.
  4. Add or edit content as needed. See Embedding Videos and External Content or Working with Images for information about uploading media.
  5. Click Set Featured Image to add a featured image to your post. The Upload Files / Media Library pop-up displays.
    Image
    Set featured image link in Featured Image widget
    UX Tip

    To remove a featured image, follow the instructions #1 - #4 and click Remove featured image.

  6. Upload or select your image.
  7. Click Set Featured Image. The Edit Post page displays.
    Image
    Image thumbnail selected in Media Library tab of Featured Image screen
  8. Choose to make the post a sticky post, if desired.
  9. Select a Publishing option for your post. See Publishing Pages and Posts for more details.
  10. Click Preview to preview your post.
  11. Click Update. Once featured images are added, the main blog page may display similar to the image below. Note the top post is a sticky post.
    Image
    Featured image example on Oxley Theme site homepage