How to Add Images in Columns and Link Them to Pages in WordPress

• Preparing cover images: Update designs in Canva and give downloaded files descriptive names before uploading.
• Building an image layout: Arrange covers in columns and add more rows as the library grows.
• Creating destination pages: Prepare a separate page for each lesson library.
• Adding introductory content: Insert an HTML header and choose a featured image for the page.
• Linking the images: Connect each cover to the appropriate published page.
• Adjusting sharing settings: Follow the demonstration of configuring Jetpack sharing buttons for different content types.

The walkthrough begins with choosing and updating book-cover graphics. Professor Tullis names the files by volume and topic so they are easier to identify during the website-building process.

• Use consistent cover proportions and a coordinated visual style.
• Give files descriptive names that distinguish one subject or project from another.
• Confirm that you are downloading the intended Canva page before uploading it.
• Review how the images look together within the website layout.

The lesson emphasizes making steady progress: prepare the images, place them in the layout, and connect their destination pages one at a time.

A column layout presents several library sections together, giving visitors a visual overview of the available content. In the demonstration, additional rows are added as more subjects are prepared.

Think about the order of the content as well as its appearance. Your layout should help visitors understand where to begin and how related sections fit together.

The video demonstrates creating the destination page, adding its introductory content and featured image, publishing it, and then using its URL as the cover image’s hyperlink.

1. Create a page for the corresponding library or project.
2. Add a descriptive title, introductory content, and featured image.
3. Publish the page and copy its URL.
4. Return to the image layout and select the relevant cover.
5. Add the destination URL using the image’s link control.
6. Save the layout and test the link on the published website.

Repeat the process for the remaining images, keeping each cover matched to its intended destination.

Professor Tullis also demonstrates requesting an introductory HTML header using the cover-image URL, placing that header on the destination page, and selecting a matching featured image.

AI assists with the presentation of his original educational material. The recorded instruction and authored content provide the substance of the library.

The walkthrough includes adjusting Jetpack sharing settings to remove sharing buttons from pages while retaining them where desired on posts.

Apply the demonstrated process to a small collection of your own original work.

• Choose three projects or content sections.
• Prepare a matching image for each one.
• Arrange the images in columns on your library page.
• Create a destination page explaining each project.
• Link each image to its corresponding page.
• Preview the layout on desktop and mobile, then test every link.

AI-generated summary of the supplied transcript; not a verbatim transcript.

Professor Jonathan D. Tullis demonstrates building a visual WordPress library by preparing educational book covers, arranging them in columns, and adding additional rows for more subjects.

He updates graphics in Canva, names the downloaded files, and uploads the selected images. He then creates individual destination pages with introductory HTML and featured images, publishes those pages, and hyperlinks the corresponding covers.

The walkthrough also includes adjusting Jetpack sharing-button settings and explaining how the destination pages will contain organized lesson material.

The practical focus is a repeatable method for organizing images and navigation. Students can adapt the same method to their own textbook sections, project demonstrations, and professional portfolio.