Building a Content List View in Drupal: A Step-by-Step Guide

a) How do I create a content list view in Drupal ?

1. First, navigate to Structure to select Views, then click Add View (admin/struct/views/add) in the Manage administrative menu. The Add View wizard appears.

2. After that, fill in the necessary fields.

Field name	Explanation	Example value
View basic information > View name	The name of the view that will be visible on the admin page	Vendors
View settings > Show	The types of information listed in the view	Content
View settings > of type	Specify the content type	Vendor
View settings > sorted by	List order	Title
Page settings > Create a page	Create a page that displays the view	Checked
Page settings > Page title	The title appears above the view	Vendors
Page settings > Path	Page address	vendors
Page settings > Page display settings > Display format	List type	Table
Page settings > Items to display	The number of items visible on the page	10
Page settings >Use a pager	If there are many items, divide the list into several pages	Checked
Page settings > Create a menu link	Add the view page to the menu	Checked
Page settings > Menu	Add a linked menu	Main navigation
Page settings > Link text	Labels for links in menus	Vendors

3. Then, click on “Save and Edit” to open the view configuration page.

4. Next, click on the “Add” button under “Fields“, and a popup will appear.

5. Then, enter the word “image” in the search field.

6. After that, check the main image in the table.

7. Next, click Apply, and the main image in the configuration fields popup appears.

8. After that, fill in the necessary fields.

Field name	Explanation	Example value
Create a label	Add a label before the field value	Unchecked
Image style	Image format	Medium (220×220)
Link image to	Add links to content items	Content

9. Then, click on the “Apply” button to open the view configuration page.

10. Next, click on the “Add” button from the dropdown button under “Fields“, and a popup will appear.

11. After that, enter the word “body” in the search field.

12. Then, select the body in the table.

13. Next, click Apply, and the body in the configuration fields popup appears.

14. Then, fill in the necessary fields.

Field name	Explanation	Example value
Create a label	Add a label before the field value	Unchecked
Formatter	Representation of field value	Summary or trimmed
Trimmed limit:	Maximum number of characters displayed	120

15. After that, click on the “Apply” button to open the view configuration page.

16. Next, click on the “Content” option under the “Fields” section. A title popup will appear in the configuration fields.

17. Then, uncheck the “Create a label” option to remove the wizard-created labels.

18. After that, click on the “Apply” button to open the view configuration page.

19. Next, click on the “Rearrange” button under Fields in the drop-down menu.

20. Then, drag the fields into the correct order: image, title, and body.

21. After that, click on the “Apply” button to open the view configuration page.

22. Optional: click Update Preview to preview.

23. Next, click Save.

24. Finally, go to the home page and click on vendors in the main navigation to view results.