#C14 Drupal > Structure.

We understood in the previous section that content is the menu for creating pages, but the menu for configuring settings related to page structure and site structure is the menu for site construction, which is explained in this section.

Structure.

As the name suggests, the ‘Structure’ menu allows you to configure each of the elements required to build your site. The ‘Content Type’ menu allows you to set and create page structures, the ‘Block Layout’ menu allows you to set and display the layout of the entire page, including header, footer and side menu, the ‘Taxonomy’ menu allows you to set tags and categories, the ‘ The ‘View’ menu allows the creation of list pages that can be extracted according to criteria and displayed in any order. The flexibility of the ‘View’ menu is one of Drupal's most outstanding features. Other settings required to configure the website are available here.

In the previous article on the Content menu and this one on the Site Building menu, we explained that when building a website in Drupal, you select a content type in the Content menu, create a page, change the elements of the page structure in the Structure menu, return to the Content menu and make the page you have created changes, it explained. Often, you have to go back and forth through the menus to create a page. Although trivial, understanding that you need to go back and forth between menus to configure them allows you to take advantage of Drupal's efficiency and flexibility.

1.Menu Structure.

The site construction menu structure covers most of the menus considered necessary for website construction. The comment type, content type and block type are items directly related to page creation and are easy to understand if you think of them as menus for creating and editing page and block templates for use in the content menu.

Whereas menus named type have a secondary use in page creation after editing or creation, contact forms, taxonomies and menus are items that are used directly after creation and editing are complete.

The Display Mode and View are menus for editing and creating listings on the page. Views are a very good feature and allow for flexible creation of list pages with different criteria. The categories and tags set in the taxonomy can also be listed and used as pages in the view settings.

Block layout is a feature that allows you to insert blocks into the page. By specifying the content type, vocabulary and URL conditions, the page layout can be freely structured according to the purpose of the page.

The site construction consists of the following menus.

Structure

Home > Administration > Structure > Comment types

  • Configure comment forms and displays.

Home > Administration > Structure > Contact forms

  • Create and manage contact forms.

Home > Administration > Structure > Content types

  • Create and manage content fields, forms and display settings.

Home > Administration > Structure > Taxonomy

  • Manage content tagging and taxonomy.

Home > Administration > Structure > Display modes

  • Set which displays are available for content and forms.

Home > Administration > Structure > Views

  • Manage customised lists of content.

Home > Administration > Structure > Block types

  • Create and manage fields, forms and display settings for content blocks.

Home > Administration > Structure > Block layouts

  • Configure block content to be displayed in the sidebar and other regions of the site.

Home > Administration > Structure > Menus

  • Manage menu links and menus.

The site-building menus are managed by fields in the basics of new creation and editing as common to each section of the site-building menus.

Basic settings common to each menu item.

  1. [ Add XXX type ] function for creating a new type.
  2. The existing [ XXX type ] is displayed in a list, so you can select it, edit it or click on a field to configure it.

Depending on the item, new or existing edits can be made by editing [Edit], [Fields], [View Form], [View] and, depending on the menu, [Permissions]. The following four management items are all related to the setting and display of fields.

  1. Edit // Set labels, administrative comments and internal system names.
  2. Manage fields // Manage and configure the fields you use.
  3. Managing the display of forms // Managing the display of the Admin console
  4. Display management // display management of published content

Now that you understand the menu structure, let's take a look at each item.

1-1.Comment Type.

Set what is to be displayed in the comments section of the article. Basically, an editor is provided for comments, but you can also select images and files if required. A common use case is blog comments, but by having multiple fields, you can also create themed surveys or articles for discussion.

Comment Type

Home > Administration > Structure > Comment types

  • Add new comment types and edit existing comment types > Manage Fields

Home > Administration > Structure > Comment types > Manage > Default comments

  • Manage labels and system internal names

Manage menu description

Home > Administration > Structure > Comment types > Manage > Default comments > Manage fields

  • Adding new fields
  • Editing existing fields

Home > Administration > Structure > Comment types > Manage > Default comments > Manage form display

  • Order of fields displayed in the Manage menu
  • Settings for each field displayed in the Manage menu

Home > Manage > Structure > Comment types > Manage > Default comments > Manage display

  • Order of fields displayed on the site, manage display and non-display
  • Configure which labels are displayed and hidden on the site
1-2.Contact Form.

Configure the contact form settings. You can set up fields and values for form items such as name, title and email address, set up recipients and addresses to receive messages sent from the contact form, send messages after submission, and display messages on the page after submission.
You can create multiple forms and use them for different purposes, so you can prepare and use one form for enquiries and another for surveys, for example.

Contact forms

Home > Administration > Structure > Contact forms

  • Adding a new contact form
  • Edit existing contact forms > Manage fields
  • Contact and website feedback and personal contact forms are provided by default.

Home > Administration > Structure > Contact forms > Manage > View

  • View contact form view
  • Home > Administration > Structure > Contact forms > Manage > Edit contact form
  • Set labels, recipient addresses, redirects after submission, and choose whether or not to default.

Home > Administration > Structure > Contact forms > Manage > Edit contact form > Manage fields

  • Add new fields
  • Edit existing fields Edit labels and field values

Home > Administration > Structure > Contact forms > Manage > Edit contact form > Manage form display

  • Order of fields in Manage
  • Settings for each field

Home > Manage > Structure > Contact forms > Manage > Edit contact form > Manage display

  • Manage the order of fields displayed on the site, and whether they are displayed or hidden
  • Settings for displaying and hiding labels
1-3.Content Type

This is the content type that appeared in the previous section of the article. Create or edit content types here for use in creating pages in the content menu. Add fields to add tags, post dates and times, etc., which are not provided by default. You can freely set where the added fields are displayed in the Display management. If you select an image field, you can also set the image size to be displayed.
The settings here are easier to understand if you think of them as setting the template for the page type used in the content menu. The menu allows you to add, rearrange and freely configure the fields of the template you want to use, where the fields are the content elements you want to display on the page, such as tags, images and text.

Content types

Home > Administration > Structure > Content types

  • Adding new content types
  • Edit existing content types > Manage fields.
  • * Basic page and article content types are provided by default.

Home > Manage > Structure > Content types > Manage > Articles

  • Set labels, post form settings, posting options, language settings, display settings, menu settings

Home > Administration > Structure > Content types > Manage > Articles > Manage fields

  • Add new fields, reuse existing fields
  • Edit existing fields, edit field values
  • Add page components here, such as adding tags or images.

Home > Manage > Structure > Content types > Manage > Articles > Manage form display

  • Order of fields on the admin page
  • Settings for each field

Home > Administration > Structure > Content types > Manage > Articles > Manage display

  • Manage the order of fields, display and non-display
  • Setting labels to show or hide
  • Default, RSS and teaser display settings are also made here.

Home > Administration > Structure > Content types > Manage > Articles > Manage permissions

  • Manage permissions for content types.
1-4.Taxonomy.

Drupal does not have the concept of tags or categories to be used as taxonomies, but rather parent elements called vocabularies and terms that are placed in vocabularies are used as tags or categories.

Since Drupal does not have the concept of tags, you can use tags set in terms as categories, or use categories as tags. The benefits of the Drupal concept of terms are linked to the flexibility of the extraction criteria in Views, which will be discussed later, and by setting up the term settings well in Taxonomy, you can use the pages you create in multiple ways.

Although there is a basic concept of creating pages in the content menu, the ability to use terms set in the taxonomy as list pages as they are, for example, shows the flexibility of Drupal's information organisation.

Configure the fields to be displayed in a term in the Vocabulary settings. The term can be used as a list page with HTML elements using the fields set in the vocabulary.

Taxonomy

Home > Administration > Structure > Taxonomy

  • Add vocabulary
  • Edit existing vocabularies > Term listings

Home > Manage > Structure > Taxonomy > Manage > Edit tags

  • Edit vocabulary
  • Title, description, language selection, etc.

Home > Manage > Structure > Taxonomy > Manage > Edit tags > Tags

  • Add a term
  • Edit existing terms
  • Term descriptions can be paginated in HTML
  • URL aliases can be set.
  • This allows use as a listing page

Home > Manage > Structure > Taxonomy > Manage > Edit tags > Tags > Manage fields

  • Add new fields, reuse existing fields
  • Edit existing fields, edit field values

Home > Manage > Structure > Taxonomy > Manage > Edit tags > Tags > Manage form display

  • Order of fields in admin
  • Setting up each field

Home > Manage > Structure > Taxonomy > Manage > Edit tags > Tags > Manage display

  • Manage the order of fields, display and hide
  • Setting labels to show or hide
1-5.Display Mode.

This menu allows you to set which display methods are available for content and forms. There are two modes: view mode and form mode. View mode is configured for content, content blocks, comments, contact messages, taxonomy terms and user menus, while form mode is configured for users.

Initially, I did not understand the meaning and necessity of the Display mode settings, as I could not see the results of the Display mode settings within the Display mode. What I did understand was that when creating a list page for a page created by an article in the View menu (see below), the teaser and body text set in Display mode can be selected for the display format of the list page. This gives some idea of the need and meaning of the display mode setting.

The fact that the teaser and body of the content are selected by default, which means that the teaser and body of the content can be displayed without having to configure them first, is the reason why the need to set and understand the display mode was not understood.

The teaser and text display of content that needs to be set to display mode is set by default, so there is no need to change the settings or add new ones, but the menu is used to make settings when you want to display the view mode in a different way in the future.

Display mode

Home > Administration > Structure > Display mode

  • View mode
  • Form mode

Home > Administration > Structure > Display modes > View modes

  • Add and edit view modes
  • Content, content blocks, comments, comments, contact messages, taxonomy terms, users
  • Configure display items
  • When a display item is selected, a pop-up configuration screen appears and the appropriate type is selected

Home > Administration > Structure > Display mode > Form mode

  • Add or edit view mode
  • Register
  • Set display items
  • When you select a display item, a pop-up configuration screen appears and you select the appropriate type
1-6.Views.

Manage customised lists of content. Create lists of pages created by articles. Create lists of only those pages that have been extracted according to your requirements by specifying the content type and taxonomy tags. The View menu also has the ability to create pages, as you can create pages or blocks from the list extracted in the View menu.
As you can create pages and blocks, you can choose to display the list of extracted pages in the form of a teaser or text display set in 1-5. display mode.

The format of the display format is

Grid

  1. HTML list
  2. Responsive grid
  3. TableUnformatted list

Select from

You can customise the design by registering CSS classes in the custom classes section of the settings.
The view menu is one of the advantages of using Drupal. You can flexibly configure the website to meet your objectives. The View menu can be used to create categorised list pages and automatically generate list pages sorted by taxonomy terms.

Setting up view menus is also an important part of building a website in Drupal, and we hope to explain it in more detail with examples in a separate article.

Views

Home > Administration > Structure > Views

  • Lists Displays lists created in Views.
  • Settings //Basic settings for the View menu
  • Add a view

Home > Administration > Structure > Views > View

  • Creation block configuration screen
  • Select Page / Block Page configuration.
  • Title, format, fields, filter criteria, sorting criteria.
  • Page configuration, header, footer, behaviour if no results returned, pager, language
  • Advanced Settings > Relationships, contextual filters, externally placed forms, others

Page / Block common setting items

  • Select display style in Format, set number of columns and CSS design in Settings
  • Select display items in Fields Title, Body, date of posting, taxonomy term set
  • Filter criteria to set the listing and extraction criteria Taxonomy term = Creation
  • Sorting criteria Select the date of posting in order of newest to oldest
  • Path /creation
  • Header Create description in HTML
  • Pager Mini pager, 10 posts each

The above settings are used to create the /creation list page.

1-7.Block Type.

The block type is the block version of the 1-3. content type. The block type used for content is created or set here. By default, a basic block and a search block are provided. Used in content types. This is the menu for creating new block types and setting them up. The actual settings are added and configured on a field-by-field basis, and the configuration items are set for the functions assigned to the selected field.

Block types

Home > Administration > Structure > Block types

  • Adding new block types
  • Edit existing block types > Manage fields.
  • Basic blocks and search are provided by default.

Home > Manage > Structure > Content types > Manage > Edit basic blocks

  • Set labels, descriptions and languages

Home > Manage > Structure > Content types > Manage > Edit basic blocks > Manage fields

  • Create new fields
  • Edit existing fields, edit field values
  • This is where you can add new images and tags, or edit existing, prepared body fields.

Home > Manage > Structure > Content types > Manage > Edit basic blocks > Manage form display

  • Order of fields in Manage
  • Configure the settings for each field

Home > Manage > Structure > Content types > Manage > Edit basic blocks > Manage display

  • Manage the order of fields, display and hide
  • Setting labels to show or hide

Home > Manage > Structure > Content types > Manage > Edit basic block > Manage permissions

  • Manage block type permissions.
1-8.Block Layout

Configure block content to be displayed in the sidebar and other regions of the site. This menu is another feature that gives you the advantage of using Drupal. You can freely set the layout of the blocks that are displayed on the page. Layouts vary depending on the theme used, but the header is divided into upper, middle and lower rows, main content, left and right sidebars, footer also has upper, middle and lower rows, etc. You can insert the specified blocks where you want them to appear. The header and other areas where these blocks are inserted are called regions, and blocks are inserted by specifying a region.

If you want to check the actual display, you can check the layout of the header and footer by viewing the block region display function.

To insert a new block, select the given region, click Place block and select the block that appears in the menu to place it. The blocks that appear here are the blocks created by the content, the blocks that Drupal provides by default and the blocks provided by the theme, so choose the one that best suits your purpose.

In the block settings, there is an item called ‘page’, where you can specify a path to display on specific pages or, conversely, not display on specific pages, so you can configure the page layout of your site in the way you want.

You can also display certain pages in languages, vocabularies, content types and permissions. You cannot hide these settings. For example, you can change the page layout of the site in English/Japanese by specifying the language.

The block layout menu settings are also an important part of building a website with Drupal, and we hope to explain them in more detail in a separate article with examples.

Block layouts

Home > Administration > Structure > Block layouts

  • List of installed themes
  • You can configure the block layout for each theme.
  • * Use Bootstrap5 sub-themes.
  • Select each region and insert or configure blocks.
  • SYSTEM, Core, Content Blocks, Views and Help content blocks can be used.

Home > Manage > Structure > Block layout > Manage > Block settings

  • Whether titles can be displayed or not
  • Language
  • Response status
  • Manage Show/hide by page URL
  • Role Manage display and hide by user role
  • Content type Manage display and hide by content type
  • Vocabulary Manage show/hide by vocabulary
1-9.Menu

This menu manages menu links and menus. This menu is used to add and configure the menu displayed in the header of the page TOP and the menu used in the Admin console. The navigation menu provided by the theme and the admin menu used in the Admin Console are provided by default.

The navigation menu provided by default is responsive, so the default menu is used. Select the menu to be used, add the items to be displayed in the menu and set the display name and link.

Menu

Home > Administration > Structure > Menus

  • Adding menus
  • List of existing menus > Edit menu

Home > Administration > Structure > Menus > Manage > Main Navigation

  • Add link
  • Set Menu Link > Edit

Home > Manage > Structure > Menu > item > 1 > Edit menu link

  • Title of menu link
  • Link
  • Enable/disable selection
  • Parent link
  • Display settings / Specify order of menu links
  • Description.
2.Conclude.

Following on from the previous overview of the content menu, we have now compiled an overview of the site-building menu, which is quite voluminous when written out as it consolidates the settings required to build a site in Drupal.

The reason why we have written two articles, one on the content menu and one on the site building menu, is that when creating and publishing a page, Drupal requires settings to be made in a separate place from the page creation, including design and structure, which is an essential process if you want to make the page and structure as you want it.

This is a voluminous article to explain this concept. I have not yet been able to summarise the main points well, so I hope to be able to summarise the two articles I have written over the course of two articles in the next article.

Next article
Content and Structure. 

To create pages in Drupal, you need to set the site structure in the desired form in the Site Building menu as well as in the Content menu to create pages, otherwise you will be stuck with the default page structure and will not be able to freely structure your pages. Understanding this is the basic concept of using Drupal. We will summarise this in the following sections.

Post
2024-11-05
Contributor
S.Takeda
Article
Related articles.

This is a related article on Drupal and web development. Please take a look if you like.

#C06 Installing Lightsail and Drupal.

The installation is easy to complete, as the virtual server called Lightsail and the optimised Drupal are installed at the same time.

#C26 Civic Theme

This is an article about Civic Theme, which sparked my interest in Drupal and led me to build and publish a website.

#C16 Basics of creating page.

I've been writing a series of articles on the basic concepts of Drupal that are necessary for creating pages, but since it's become a lot of articles and it's hard to understand, I'm going to organise them.

Side Bar 01

I migrated my lifestyle blog, which I created using Word Press, to Drupal, and I am currently updating it by adding articles in Drupal.

This is a blog written by a beginner who is learning Drupal.

This article will explain how to build a website using Drupal.

  All Article.

  Drupal Article.

  Web site Article.

  Mac Article.

  AWS Article.

This article is about second-hand clothes and fashion.

  All Article.

  Old-Clothes Article.

  Fashion Article.

  Watch Article.

  Photo Article.

  Recommended Shops.

Core Drupal 10.4.0

Theme Bootstrap5 4.0.3

  Drupal

  bootstrap5

  Bootstrap

  Font Awesome

  Amazon Web Service

  Amazon Lightsail

  Bitnami

  Google reCAPTCHA