Page components

Page components
Summary
Title:	Page components
Description:	Page Components is the name I'm using for a visual design system that lets Users easily author pages with various "blocks" or "elements" on the page. The goal is to come up with a re-usable and easy-to-use system in MediaWiki software. MediaWiki is famously not a CMS, but more like a collaborative complex construction kit. Because the system is virtually unlimited and powerful, we would like to provide a pre-packaged "best way" to use that power without needing to be a power user and when there is TIMTOWTDI.
More

In Drupal, WordPress, and other CMSs, the terminology for "page components" varies, but the most common terms are Blocks, Modules, Widgets, and Elements.

A modular, component-based design is the modern standard in pretty much every CMS. In WordPress, for example, the newer "block" editor (Gutenberg) moved from the older system of static content to a modular, block-based approach for building pages.

Cross-CMS terminology

Term	Drupal	WordPress	Joomla	Other CMSs
Blocks	Blocks are collections of content that can be placed into different "regions" of a page layout.	A block is a single piece of content used in the Gutenberg editor, such as a paragraph, image, or button.	In some versions, "blocks" referred to files that hold module positions.	Often refers to reusable content elements for building pages.
Modules	A module is an add-on that provides specialized functionality to Drupal. It is not the content itself, but rather the feature that provides the content.	This term is generally associated with plugins and themes in WordPress, not content elements.	Similar to a Drupal block, a module is a lightweight extension that adds functionality to a page. Modules are commonly used for sidebars and footers.	Other CMSs may have their own equivalent, often referring to a functional extension.
Components	A component can be a building block of a site, but in a more technical context, a "Single-Directory Component" can refer to the HTML, CSS, and JavaScript for a UI element.	While not a core content term, some web publishing teams (like at Harvard) refer to custom blocks based on their design system as "components".	A component is a major functional unit, like a mini-application, that handles the main content of a page.	Often refers to the building blocks of a page, such as accordions, alerts, and grids.
Elements	The building blocks or fields that make up a content type (such as a title or body).	Refers to HTML elements (e.g., heading, paragraph), which are represented as blocks in the Gutenberg editor.	HTML elements like headings and paragraphs are formatted using the editor.	The actual content primitives (text, image, video) placed inside slots within a block.
Widgets	While less emphasized in modern versions, widgets were historically used for small content blocks.	Legacy name for small content blocks placed in sidebars or footers. The block editor now handles this functionality more flexibly.	Sometimes referred to as small block-like pieces of content.	Similar to legacy WordPress, sometimes refers to small blocks of content, often found in sidebars or footers.
Content Types	A predefined structure or template for a node (a unit of content) that determines its fields.	A broader term for content structures like Posts, Pages, or custom post types.	The templates that organize content.	Used to define the overall content structure, not individual components.

How these terms work together

In many modern systems, the architecture works like this:

• A Theme or Template defines the overall layout and where content goes.
• The layout is divided into Regions (in Drupal) or Template Parts (in WordPress block themes), like headers, footers, and sidebars.
• Within these regions, you place reusable Blocks or Modules.
• A block or module can be an Element itself (e.g., an image element) or a collection of other elements, which are configured via settings.

There Is More Than One Way To Do It wp:Perl Urban Dictionary Wiktionary:TIMTOWTDI

HyperText Markup Language = structured text that uses logical links (hyperlinks) between nodes containing text.

Cascading Style Sheets = A technology that deals with the presentation of content on the web