Working with images

Images play a vital part of any website build and Drupal 8 provides multiple ways of managing them. The first we will look at involves using CKEditor and the WYSIWYG.

When we looked at how text formats were configured you may have noticed the Image button in the Available toolbar. This Image plugin allows for us to easily add images to content as well as control alignment and captions. To demonstrate this, we will create a Basic page by performing the following steps:

1. Begin by navigating to /node/add/page or by using the Admin toolbar and clicking on Manage - Content, and then Add content, and finally Basic page.
2. From the Create Basic page form, go ahead and enter a Title for Contact Us.
3. Next we will add an image to the Body field by selecting the Image button from the WYSIWYG toolbar.

4. From the Insert Image dialog, we can select the Choose File button to add an image from our computer.
5. Next we can add Alternative text. We will skip the Align and Caption settings for now.
6. Select...