Beginning Drupal 8

Chapter 10 ■ Creating Pages
We will wrap up the landing page by adding three additional Featured Article blocks by creating three
additional articles for restaurants around Los Angeles. We’ll display the image uploaded for each
restaurant article in the Featured Bottom regions near the bottom of the page (refer to Figure 10-1 for
the region locations).
We’ll first need to add a new term to the Subject vocabulary for Restaurants so that we can filter
articles using DrupalCon 2015 Los Angeles as the event and Restaurants as the Subject. Follow the steps
you performed earlier in the chapter (and in Chapter 4) to add the new term by navigating to Structure ➤
Taxonomy. Click the “Add term” link in the Operations column for the Subject vocabulary by clicking the
drop-down arrow next to list terms and then select add terms. In the Name field enter Restaurant and click
the Save button.
The next step is to create content. Click the Content link in the secondary menu and click the “Add
content” button. Select the Article content type and create three new Articles selecting Restaurants from
the list of subject taxonomy terms and upload images for each of the three restaurant articles. To upload an
image click on the Browse button for the Image field, locate the image to upload, select it from the list of files
presented, and click the Open button.
With the content in place, we’re ready to create the view displays that will render the name and image of
each restaurant as a block. Return to the Article view and:
1. Click the Add button to create a new block.
2. Give the first block a “Display name” of “Featured Restaurant 1.”
3. We will want to display the name of the restaurant at the top of the block instead
of using the Title field, so click the existing title, select “This block (override)”
from the For select list at the top of the configuration panel for Title, blank out
the existing title that appears in the text field, and click the “Apply (this display)”
button.
4. We also want to show fields instead of teasers or full content in our blocks, so
click the Content link to the right of Show and select Fields. Leaving the other
configuration options at their default values. When we select Fields as the option
for what to show, the Views module automatically adds the Title field to the list of
fields to display. Click the Apply button to return to the Views configuration page.
5. We also want to display the image we uploaded for each restaurant, so click the
Add link in the Fields section and scroll down through the list of fields until you
find “Content: Image Appears in: article.” Alternatively, enter “Image” in the
Search box at the top of the list of fields to quickly take you to the appropriate
field. Check the box next to the Image field and change the selected option of
“All displays” at the top of the “Add fields” form to “This block (override).” Next,
click the “Apply (this display)” button at the bottom of the “Add fields” form. The
“Configure field: Content: Image” form will be displayed next, allowing you to set
how the image will appear in the block. Uncheck the “Create a label” box, as we
don’t need a label to appear above the image. In the “Link image to select list,”
pick the Content item to automatically make the image a hyperlink to the article
about that restaurant, and then click “Apply (this display)” button at the bottom
of the form.
123