#C10 Drupal 10.3x and Extensions.

This is the Version information of the Drupal Core currently used and the Theme and Modules used.

Drupal Function Extension.

This article summarises the actual Drupal version, the theme used and the modules used. As you can see, our website is not a particularly design-conscious website, it is very simple and we have built the website using Drupal and Bootstrap5 as the default theme.

The modules installed are not for design purposes, but to supplement functionalities such as SMTP and reCAPTCHA, and to supplement functions that Drupal does not provide by default, such as Metatag and BreadCrumb.

Basic Structure.

The basic structure consists of Drupal 10.3x and a Bootstrap5 theme.Bootstrap5 elements are provided in the HTML tags and CSS from the beginning, so if you place headings, paragraphs, tables, containers, etc. in the page, the elements set in Bootstrap5 They make up the page.

When creating a page with the idea of making articles easy to read, decorative elements are good in moderation, and the elements provided by default are sufficient, so we don't use any particular module for decoration.
Below are links to Drupal Core and Theme.

1.Drupal Core
Drupal 10.3.6

This website is built with Drupal 10.3.6.

Drupal Core

2.Theme
Bootstrap5 4.0.3

The Theme used in this website is Bootstrap5 4.03, because the parts prepared by Bootstrap5 can be used and the minimum necessary elements of Bootstrap5 are built in HTML tags by default. You can create a page using Bootstrap5 just by writing an article with sentences.

Drupal Themes

3.Modules

These will be the modules have installed. The selection of modules includes modules that allow Meta tags that are not set by default in Drupal to be added arbitrarily, modules that allow breadcrumb lists to be set arbitrarily, modules related to reCAPTCHA for use with contact forms, and modules that allow external SMTP to be used. 

easy_breadcrumb 2.0.8

This module allows you to freely configure the breadcrumb list. The default layout of the theme places the breadcrumb list at the top of the page, but this module allows you to position the breadcrumb list as you wish. You can also freely set the hierarchy in which the breadcrumb list links are placed.

Drupal Modules

Metatag 2.0.2

When you create a page with Drupal's content functionality, Meta Discription is not placed by default. After installation, simply specify the content for which you want to use MetaTag. In addition to content, it can also be used on pages created with Views.

Drupal Modules

CAPTCHA 2.0.6

This module enables the CAPTCHA functionality in Drupal. It can be extended to use Google reCAPTCHA v3 and v2. The image CAPTCA module is also installed by default.

Drupal Modules

reCAPTCHA v3 2.0.3

This module enables Google reCAPTCHA v3 to be used with Drupal, and is an extension module for CAPTCHA, so CAPTCHA is required. It is easy to set up and can be used by registering a site key and secret key, setting thresholds and question formats.

Drupal Modules

reCAPTCHA 8.x-3.4

This module enables the use of Google reCAPTCHA v2 in Drupal, and is an extension module for CAPTCHA, so CAPTCHA is required. This module is easy to set up and can be used by registering a site key and secret key and configuring the question format display settings.

Drupal Modules

SMTP Authentication Support

This module is designed to use an external SMTP when sending emails in Drupal. This website uses AWS SES as the external SMTP. It can be used simply by configuring the port and authentication settings.

Drupal Modules

4.Conclude.

As you can see, the website has been built by adding the modules that we consider minimum necessary to the default state of Drupal and using the elements of Bootstrap5, the theme we use, which is also minimally prepared. I have also customised the design with CSS to the minimum, only changing the font size and colours. The text is a little larger to improve visibility as I myself have presbyopia, and although it is not a very cool design, it is just the right size for reading articles.

At the moment, the website is well formed, but I think it could be designed to be a little easier to read. The search functionality provided by default in Drupal is excellent, but there are also excellent modules such as SearchAPI that can be used to search for articles. I would like to introduce it when the volume of articles has reached a certain level.

Next article
Page Speed Insights.

In the next section, we would like to evaluate the performance of a website built with Drupal and Bootstrap5. Since it is almost in its default state, we will be able to get an idea of how well the Drupal and Bootstrap5 themes perform in terms of optimising page components and caching rendering and processes, which is inherent to the Drupal and Bootstrap5 themes.

Post
2024-11-04
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