.. include:: /Includes.rst.txt .. _content-creating: Creating Content ^^^^^^^^^^^^^^^^ Click any of the "Add content" icons. You will then be presented with a wizard for choosing the type of content element that you want to add to your page. This list may vary depending on your setup and on extensions that may be installed. We will take this opportunity to briefly go through the various types of content elements as needed. The wizard itself already provides mostly self-explanatory descriptions. .. tip:: **Advanced topic:** this whole wizard is configurable using so-called :ref:`Page TSConfig `. .. _content-types: Types of content elements """"""""""""""""""""""""" .. _content-typical: Typical Page Content ~~~~~~~~~~~~~~~~~~~~ .. figure:: ../../Images/NewContentWizardTabTypical.png :alt: The Typical Page Content tab of the new content element wizard .. _content-special: Special Elements ~~~~~~~~~~~~~~~~ .. figure:: ../../Images/NewContentWizardTabSpecial.png :alt: The Special Elements tab of the new content element wizard The "Insert records" element is used to make references to other content elements. This way you can reuse content in an other page without duplicating it. .. _content-form: Form Elements ~~~~~~~~~~~~~ .. figure:: ../../Images/NewContentWizardTabForm.png :alt: The Form Elements tab of the new content element wizard .. _content-plugin: Plugins ~~~~~~~ .. figure:: ../../Images/NewContentWizardTabPlugins.png :alt: The Plugins tab of the new content element wizard Plugins are provided by extensions. Not all plugins appear in this tab. It depends on their architecture or on backend configuration. .. _content-bootstrap: Bootstrap ~~~~~~~~~ .. figure:: ../../Images/NewContentWizardTabBootstrap.png :alt: The Bootstrap tab of the new content element wizard The Bootstrap tab comes from the Introduction Package. It displays a list of all custom content elements provided by extension "bootstrap_package" on which the Introduction Package relies. .. _content-new-element: Creating a new content element """""""""""""""""""""""""""""" Go back to the "Typical Page Content" and choose "Text & Media", which is probably the most used content type. You should see the following input form: .. figure:: ../../Images/NewContentElement.png :alt: Empty input form for a Text & Media content element The most important fields are the "Header", which is going to be the title of your content element, and the "Text", which will be the content itself. This field uses a Rich-Text Editor (RTE), which is :ref:`described in more details later `. We will not look at the other fields in detail just yet. For now please enter some text in both the "Header" and "Text" fields and save your work. .. figure:: ../../Images/SaveRecordMenu.png :alt: The various options when saving Next to the "Save" icon is a dropdown menu which lets you choose combined actions: - "Save and view page" will both save your work and open the current page in the frontend. - "Save and create new one" will save your work and open a new empty input form. - "Save and close" will save your work and return you to wherever you were previously. In our case, the *Page* module. Choose "Save and close" (or just hit the "Close" icon next to the "Save" button if you have already saved), so that we get back to the *Page* module. You should be able to see your new content: .. figure:: ../../Images/NewContentElementSaved.png :alt: The new content element appears in the Page module .. note:: If you look at the result in the frontend, you will see an error. This is due to some configuration mismatch between the TYPO3 CMS Core and the Introduction Package. Hopefully it will be resolved at some point. We will use the next chapter about editing to do something about this situation.