Site Building

6.3. Adding Basic Fields to a Content Type for Drupal 8, 9, and 10

Goal

Add a link field and an image field to the Vendor content type.

Site prerequisites

The Vendor content type must exist. See Section 6.1, “Adding a Content Type”.

Steps

Sprout Video

Add the fields Vendor URL and Main image to the Vendor content type.

  1. In the Manage administrative menu, navigate to Structure > Content types (admin/structure/types). Then click Manage fields in the dropdown button for the Vendor content type. The Manage fields page appears. Note that the names and descriptions of the content types and fields that were provided by your installation profile are shown in English on these pages; see Section 2.7, “Concept: User Interface, Configuration, and Content translation” for an explanation.
  2. Click Add field. The Add field page appears. You can either create a new field for the content type or re-use an existing field.
  3. Fill in the fields as shown below.

    Field name Explanation Value

    Add a new field

    Field type

    Link

    Label

    Label that is visible in administration pages

    Vendor URL

    A machine name is automatically generated, based on the Label value. Click Edit if you want to override the default name.

    Image
    Add field page

  4. Click Save and continue. The page Vendor URL appears which lets you set the allowed number of values. Fill in the fields as shown below.

    Field name Explanation Value

    Allowed number of values

    The number of values that can be entered

    Limited, 1

  5. Click Save field settings. The page Vendor URL settings for Vendor appears which allows you to configure the field. Fill in the fields as shown below.

    Field name Explanation Value

    Label

    Label that is visible in the content form

    Vendor URL

    Help text

    The instruction that is shown below the field

    (leave blank)

    Required field

    Whether the field is required or not

    Unchecked

    Allowed link type

    The kind of links that can be entered

    External links only

    Allow link text

    Whether a link text can be entered

    Disabled

    Image
    Field settings page for Vendor URL

  6. Click Save settings. The Vendor URL has been added to the content type. Continue creating the Main image field.
  7. Click Add field. The Add field page appears. Fill in the fields as shown below.

    Field name Explanation Value

    Add a new field

    Field type

    Image

    Label

    Label that is visible in administration pages

    Main image

  8. Click Save and continue. The page Main image appears. Fill in the fields as shown below.

    Field name Explanation Value

    Allowed number of values

    The number of values that can be entered

    Limited, 1

    You can set a default image here. This will be used when you do not provide an image when creating a Vendor content item.

  9. Click Save field settings. The page Main image settings for Vendor appears. Fill in the fields as shown below.

    Field name Explanation Value

    Label

    Label that is visible in the content form

    Main image

    Help text

    The instruction that is shown below the field

    (leave blank)

    Required field

    Whether the field is required or not

    Checked

    Allowed file extensions

    The type of images that can be uploaded

    png, gif, jpg, jpeg

    File directory

    The directory where the files will be stored. By providing a file directory value, you ensure that all images uploaded via the Main image field will be located in the same directory.

    vendors

    Minimum image resolution

    The minimum resolution of the uploaded image

    600 x 600

    Maximum upload size

    The maximum file size of the uploaded image

    5 MB

    Enable Alt field

    Whether an alternative text can be entered

    Checked

    Alt field required

    Whether an alternative text is required

    Checked

    Image
    Field settings page for Main Image

  10. Click Save settings. Main image has been added to the content type.

    Image
    Manage fields page

  11. Add a Main image field to the Recipe content type, using similar steps. Start by navigating to the Recipe content type’s Manage Fields page in step 1. Then skip to step 7 and follow the remaining steps, but reuse the existing Main image field you created for the Vendor content type rather than creating a new field. In subsequent steps, some of the configuration screens will not be available, because of the field reuse.
  12. Create two Vendor content items (see Section 5.2, “Creating a Content Item”) called "Happy Farm" and "Sweet Honey". Make sure that they include images and URLs.