The content of each of our posts has been assigned one or more tags to identify what category the post belongs to. This type of identification gives our end users another way to easily navigate content. On our mockup, the right-hand sidebar contains a custom block with an unordered list of categories. We will utilize views to create a block display of taxonomy terms by following these steps.
To get started, we will need to navigate to /admin/structure/views and click on the Add new view button. From the Views admin screen, we will add the following information:
- VIEW BASIC INFORMATION:
- View name:
Categories. - Check the Description box.
- Description:
Post categories.
- View name:
- VIEW SETTINGS: Show: Taxonomy terms of type: Tags sorted by: Unsorted.
- BLOCK SETTINGS:
- Check Create a block.
- Block title: Categories.
- BLOCK DISPLAY SETTINGS:
- Display format: Unformatted list of: Fields.
- Items per block:
5. - Click on the Save and edit button.
Now that our Categories view has been created, we will need to adjust the format settings. With the view still open, we will need to adjust the following fields:
- FORMAT SETTINGS:
- Click on the Settings link next to Format: Unformatted list.
- Uncheck the Add views row classes checkbox from the Block: Style options window and click on the Apply button.
- Click on the Settings link next to Show: Fields.
- Uncheck the Provide default field wrapper elements checkbox from the Block: Row style options window and click on the Apply button.
We now need to adjust the settings of our Taxonomy term field to exclude any extraneous CSS. With the view still open, we will need to adjust the following field:
- FIELDS:
- Select Taxonomy term: Name.
- Expand STYLE SETTINGS.
- Uncheck Add default classes.
- Click on the Apply (all displays) button.
Make sure to click on the Save button in the main view window to save the changes we just made, and then look at the results in the Preview window.