Adding Links and Images to your WordPress Site

Beyond basic text content, WordPress makes it easy to add hyperlinks, images and galleries to your webpages.

Adding links

You can easily add links to another page or website.

  1. In Edit Page, enter and select the text (or insert and select the image) on which you want visitors to click or tap to open a different page or website.
  2. Select the Insert/edit link button in the editor toolbar to open the Insert/edit link dialog.
  3. Enter the URL (address) to which you wish to link the selected text or image.
         For example, to link to Student Computing Services, you would enter http://www.towson.edu/scs.
         OR choose one of your pages in the existing content area at the bottom of the dialog.
  4. Select the Add Link button. This will close the dialog and return you to Edit Page.
  5. Select the Update button in the publish section of the Edit Page window.
     

Setting up a featured image

Some themes allow you to specify a Featured Image for your Page. How these images are displayed is determined by the selected Theme. To specify a Featured Image:

  1. Open a page in Edit Page.
  2. Select Set featured image in the Featured Image area (bottom right).
  3. If necessary, upload the image you wish to use. Otherwise, select an existing image from your Media Library.
  4. In the bottom right corner, select Set featured image.
  5. Choose Update in the Publish area of the Edit Page.
  6. Select View Page to see your changes.
     

Adding an image gallery

A gallery is a great way to present multiple images. WordPress organizes your content in a table of thumbnails linked to their full-sized counterparts. However, it bears noting that your WordPress account's storage capacity (or quota) is only 500MB. If you wish to include dozens (or more) of high-resolution images, we recommend that you store them in separate cloud-based storage (e.g., OneDrive, Google Drive, etc.) and link to them from WordPress.

  1. Open the page to which you want to add the Gallery.
  2. Select an insertion point in the content area where you want the Gallery to appear.
  3. Select the Add Media button to open your Media Library.
  4. Select Create Gallery in the area to the left of your images.
  5. Click or tap to select each image you wish to include. If necessary, you can upload files at this point by selecting the Upload Files tab.
  6. Select the green Create a New Gallery button in the window's lower right corner. This will open the Edit Gallery window.
  7. Select Insert Gallery in the lower right corner of the window. Your pictures have now been added in a gallery format on the body of the page.
     

Edit the image gallery settings

To make changes to your Image Gallery from the Edit Page page, follow these steps:

  1. Select anywhere in the gallery on the Edit Page to display a toolbar with two buttons (edit and close) over the gallery.
  2. Select the Edit (pencil) icon to open the Edit Gallery dialog.
  3. Select an image and make your changes in the Gallery Settings pane to the right.
  4. You may do any of the following:
    • Reorder: Click and drag an image to its new position.
    • Delete: To remove an image, select the X that appears in the top right corner of the image.
    • Link To: This determines what will happen when the thumbnail image is selected.
      • Media File will open the full-size image in the browser window.
      • Attachment Page will open the image within one of your WordPress-formatted pages.
    • Columns: Specifies the number of columns to display your thumbnail images. Ultimately, this will depend on your Theme and how wide your page is. If you find the gallery isn't displaying correctly after changing this number, you may need to change it to another number.
    • Random Order: Select this checkbox to display your images in random order.
    • Size: Specifies the size of the image to use in your gallery.
  5. Make sure to create Alt Text for each image. Select a thumbnail and add a description in the Alt Text field on the right side of the dialog. This is required for accessibility purposes.
  6. Select the Update Gallery button in the lower right corner of the dialog.
  7. Select the Update button on the right side of the screen to update the website.
  8. Select View Page and select an image.
     
Next Part of the Series: WordPress Widgets
Still need help? Consider the Related Articles box on this page or open a ticket. Use the Yes and No buttons below to provide feedback on this article. You can submit without leaving comments or add details on what you liked and what needs improvement. 

Details

Article ID: 141244
Created
Tue 8/16/22 11:44 AM
Modified
Tue 12/12/23 1:46 PM

Related Articles (1)

[Students, Faculty and Staff] Within the university's WordPress environment, TU students can create and manage individual/personal websites. As a self-contained web publishing platform, WordPress is a comparatively easy way to showcase your interests, education, ideas and accomplishments on the web. The articles linked below are intended to orient students to WordPress basics, but they apply to faculty and staff use as well.