.. include:: /Includes.rst.txt .. _content-creating: ================ Creating content ================ .. youtube:: RuQ4CikixdY ------------ In the :guilabel:`Web > Page` module, on any page, click the :guilabel:`+ Content` icon in the place where you want to insert content. .. figure:: /Images/ManualScreenshots/NewContentElement/CreateNew.png :alt: Create a new Content Element by clicking the button :class: with-shadow Create a new Content Element by clicking the button The :guilabel:`Create new content element` window will then be displayed. The content elements that are available depend on the setup of your TYPO3 installation and the extensions that are installed. .. _content-types: Types of content elements ========================= .. note:: If you are working with the `Introduction Package `__, you will see more content elements than described here. That's because the `Bootstrap Package `__ (which is a dependency of the `Introduction Package `__) comes with several content elements of its own. This page describes the **TYPO3 Core** content elements. .. _content-typical: Typical page content -------------------- Insert regular text and image content types to build standard web pages. .. figure:: /Images/ManualScreenshots/NewContentElement/WizardTabTypical.png :alt: The 'Typical page content' tab of the new content element window :class: with-shadow The :guilabel:`Typical page content` tab of the new content element window .. _content-form: Form elements ------------- Create a login form or a simple contact form. .. figure:: /Images/ManualScreenshots/NewContentElement/WizardTabForm.png :alt: The 'Form elements' tab of the new content element window :class: with-shadow The :guilabel:`Form elements` tab of the new content element window .. _content-menu: Menu elements ------------- Present a menu or list of page links in different ways. .. figure:: /Images/ManualScreenshots/NewContentElement/WizardTabMenu.png :alt: The 'Menu' tab of the new content element window :class: with-shadow The :guilabel:`Menu` tab of the new content element window .. _content-plugin: Plugins ------- Plugins are provided by extensions. Plugins that are available on this tab will depend on the individual plugin architecture or on the backend configuration. In some cases a plugin is made available by adding the "General Plugin" content element and then selecting the plugin itself on the :guilabel:`Plugin` tab. .. figure:: /Images/ManualScreenshots/NewContentElement/WizardTabPlugins.png :alt: The 'Plugins' tab of the new content element window :class: with-shadow The :guilabel:`Plugins` tab of the new content element window .. _content-special: Special elements ---------------- Insert plain HTML, or a horizontal divider on the page. The "Insert records" element lets you reference other content elements, i.e. reuse a content element from another page without duplicating it. .. figure:: /Images/ManualScreenshots/NewContentElement/WizardTabSpecialElements.png :alt: The 'Special elements' tab of the new content element window :class: with-shadow The :guilabel:`Plugins` tab of the new content element window .. _content-new-element: Add new content to a page ========================= #. On a page, click the :guilabel:`+ Content` icon in the place where you want to insert content. #. On the :guilabel:`Typical Page Content` tab, choose the "Text & Media" element. This is the most commonly used content type. The :guilabel:`Create new Page Content` screen appears. .. figure:: /Images/ManualScreenshots/NewContentElement/NewContentElement.png :alt: Empty input form for a Text & Media content element :class: with-shadow Empty input form for a Text & Media content element #. In the :guilabel:`Header` field, type *My new content element*. #. In the :guilabel:`Text` area, type in some text. This field uses a :ref:`Rich Text Editor` (RTE). #. Save and close the content element. You can see the newly added element on the page: .. figure:: /Images/ManualScreenshots/NewContentElement/ContentSaved.png :alt: The new content element appears in the Page module :class: with-shadow The new content element appears in the Page module