From 7941aaec22a865e2149dca61b771f422f23353d0 Mon Sep 17 00:00:00 2001
From: "lina.wolf" <lwolf@w-commerce.de>
Date: Sat, 4 Jan 2025 12:36:35 +0100
Subject: [PATCH] [TASK] Add card images for Content element overview page

releases: main, 13.4
---
 Documentation/ContentElements/ContactForm/Index.rst   |  5 +++++
 Documentation/ContentElements/Content/Index.rst       |  5 +++++
 .../ContentElements/CreatingContent/Index.rst         | 11 +++++++++--
 Documentation/ContentElements/Media/Index.rst         |  5 +++++
 .../ContentElements/RichTextEditor/Index.rst          |  5 +++++
 5 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/Documentation/ContentElements/ContactForm/Index.rst b/Documentation/ContentElements/ContactForm/Index.rst
index d7043c96..7f227b6a 100644
--- a/Documentation/ContentElements/ContactForm/Index.rst
+++ b/Documentation/ContentElements/ContactForm/Index.rst
@@ -8,6 +8,11 @@
 Creating a contact form
 =======================
 
+..  image:: /Images/ManualScreenshots/ContentElements/ContactForm.png
+    :alt: Content element Contact Form in the TYPO3 backend
+    :class: img-thumbnail float-end ms-1 ms-1
+    :width: 250
+
 You can create a form from the :guilabel:`Web > Forms` module. This is a
 system extension which needs to be activated by your administrator. It is
 written in TypoScript and is fully documented in the :doc:`Form Framework <ext_form:Index>` system extension manual.
diff --git a/Documentation/ContentElements/Content/Index.rst b/Documentation/ContentElements/Content/Index.rst
index 2d7fec14..68a6f2bc 100644
--- a/Documentation/ContentElements/Content/Index.rst
+++ b/Documentation/ContentElements/Content/Index.rst
@@ -7,6 +7,11 @@
 Working with content
 ====================
 
+..  image:: /Images/ManualScreenshots/ContentElements/ManageContent.png
+    :alt: Manage content elements in the TYPO3 backend
+    :class: img-thumbnail float-end ms-1 ms-1
+    :width: 250
+
 In TYPO3, working with content happens mostly in the :guilabel:`Web > Page`
 module.
 
diff --git a/Documentation/ContentElements/CreatingContent/Index.rst b/Documentation/ContentElements/CreatingContent/Index.rst
index 362ce5de..d4218c34 100644
--- a/Documentation/ContentElements/CreatingContent/Index.rst
+++ b/Documentation/ContentElements/CreatingContent/Index.rst
@@ -7,16 +7,23 @@
 Creating content
 ================
 
+..  image:: /Images/ManualScreenshots/ContentElements/CreateContentElement.png
+    :alt: Creating content elements in the TYPO3 backend
+    :class: img-thumbnail float-end ms-1 ms-1
+    :width: 250
+
 In the :guilabel:`Web > Page` module, on any page, click the :guilabel:`+
 Create new content` button in the place where you want to insert content:
 
+The :guilabel:`New Page Content` wizard will then be displayed.
+
+In the following screenshot you see the location of that button:
+
 ..  figure:: /Images/ManualScreenshots/NewContentElement/CreateNew.png
     :alt: "Create new content button" in the Page module, column "Normal"
 
     Create a new Content Element by clicking the button
 
-The :guilabel:`New Page Content` wizard will then be displayed.
-
 ..  contents:: Table of contents:
 
 ..  _content-types:
diff --git a/Documentation/ContentElements/Media/Index.rst b/Documentation/ContentElements/Media/Index.rst
index 83e543cb..cc8b05f3 100644
--- a/Documentation/ContentElements/Media/Index.rst
+++ b/Documentation/ContentElements/Media/Index.rst
@@ -6,6 +6,11 @@
 Embedding video and audio
 =========================
 
+..  image:: /Images/ManualScreenshots/ContentElements/TextAndMedia.png
+    :alt: Content element Text and Media in the TYPO3 backend
+    :class: img-thumbnail float-end ms-1
+    :width: 250
+
 Like images, it's best practice to add new video and audio files using the
 :guilabel:`File > Filelist` module, which is covered in the :ref:`chapter about the file module <file-module>`. This method
 means files are stored centrally and any information or metadata you add to
diff --git a/Documentation/ContentElements/RichTextEditor/Index.rst b/Documentation/ContentElements/RichTextEditor/Index.rst
index 9ac4d4a3..f7ff725e 100644
--- a/Documentation/ContentElements/RichTextEditor/Index.rst
+++ b/Documentation/ContentElements/RichTextEditor/Index.rst
@@ -7,6 +7,11 @@
 The rich text editor
 ====================
 
+..  image:: /Images/ManualScreenshots/ContentElements/RegularText.png
+    :alt: Content element Regular Text in the TYPO3 backend
+    :class: img-thumbnail float-end
+    :width: 250
+
 The TYPO3 text editing interface is not much different from a word processor.
 The options available in the toolbars vary depending on how your TYPO3
 installation is configured.