.. include:: /Includes.rst.txt .. image:: https://poser.pugx.org/buepro/typo3-pizpalue/v/stable.svg :alt: Latest Stable Version :target: https://extensions.typo3.org/extension/pizpalue/ .. image:: https://img.shields.io/badge/TYPO3-12-orange.svg :alt: TYPO3 12 :target: https://get.typo3.org/version/12 .. image:: https://img.shields.io/badge/TYPO3-11-orange.svg :alt: TYPO3 11 :target: https://get.typo3.org/version/11 .. image:: https://poser.pugx.org/buepro/typo3-pizpalue/d/total.svg :alt: Total Downloads :target: https://packagist.org/packages/buepro/typo3-pizpalue .. image:: https://poser.pugx.org/buepro/typo3-pizpalue/d/monthly :alt: Monthly Downloads :target: https://packagist.org/packages/buepro/typo3-pizpalue .. image:: https://github.com/buepro/typo3-pizpalue/workflows/CI/badge.svg :alt: Continuous Integration Status :target: https://github.com/buepro/typo3-pizpalue/actions?query=workflow%3ACI .. _introduction: ============ Introduction ============ What does it do? ================ The extension builds upon the extension `bootstrap_package from Benjamin Kott `__ and serves as a base template for the creation of websites or `distributions `__ using the `bootstrap framework `__. It extends and configures TYPO3 and selected extensions to provide better structured and attracting content while maintaining or improving speed and seo performance. It provides the following main features: `Easy website setup `__ -------------------------------------------------------------------------- The extension `easyconf `__ has been configured to provide an easy way for non technical website owners to setup their website. The following is taken care of automatically: - Domain related settings used in the content and site configuration - SEO related settings in the site configuration for "page not found", `robots.txt` and `sitemap.xml` - News related configurations in site configuration - Logo and app icon configurations - Google font configurations .. figure:: /Images/Introduction/Easyconf.jpg :alt: Website configuration form Website configuration form `Flexible page design `__ ----------------------------------------------------------------------- - Page layouts allowing to add content inside columns with a menu - Background image to cover the entire page - CSS field to easily fine tune individual page styles .. figure:: /Images/Introduction/PageSettings.png :alt: Page settings with additional fields from pizpalue Page settings with additional fields from pizpalue `Attractive structure elements `__ ------------------------------------------------------------------------------------------- Support for structure elements provided by `container_elements `__. Example structure elements are: columns, grid, accordion, tabs, card, tile unit and randomizer. For better search engine ranking all images are optimized to each structure element (see :ref:`templating `). .. figure:: /Images/Introduction/StructureElements.png :alt: Structure elements for attractive content arrangements Structure elements for attractive content arrangements `Versatile content elements `__ --------------------------------------------------------------------------------------- - Fields to optimize image scaling dependent on the screen size - Layouts to create tiles - Fields to further adjust vertical spacing - Fields to assign custom classes, styles and attributes - Fields to create a :ref:`scroll menu ` - Animation effects provided by `animate.css `__ - Scroll animation effects provided by `Twikito/onscroll-effect `__, or `Josh.js `__ .. figure:: /Images/Introduction/ContentElementAttributes.png :alt: Fields to further define content element attributes Fields to further define content element attributes `Additional content elements `__ ----------------------------------------------------------------------------------------------------- - Image with overlay - Emphasize media - Card - Modal dialogs - List of categorized content elements - Structured data (JSON-LD data, see :ref:`user-contentElements-schema`) .. figure:: /Images/Introduction/AdditionalContentElements.svg :alt: Additional content elements Additional content elements `Supporting popular extensions `__ ---------------------------------------------------------------------------------------- The following extensions are supported: - `container_elements `__ - `easyconf `__ - `news `__ `Various `__ ------------------------------------------------------------------ - A feature to reveal the footer - A menu to be fixed on the side (fastmenu) Discover more regarding the features on the `demo site `__. Screenshots =========== The following screen shots were taken from a website created with the distribution `pizpalue_distribution `__. Structure elements ------------------ `See example `__ .. figure:: /Images/Introduction/StructureElementSamples.jpg :width: 700px :alt: Page embedding contents covering entire page width Page embedding contents covering entire page width Scroll animation ---------------- `See example `__ .. figure:: /Images/Introduction/ScrollAnimationPage.jpg :width: 700px :alt: Page embedding scroll animated content Page embedding scroll animated content Modal dialog ------------ See as well `demo site `__. .. figure:: /Images/Introduction/ModalDialog.jpg :width: 700px :alt: Modal dialog News ---- `See example `__ .. figure:: /Images/Introduction/NewsPage.jpg :width: 700px :alt: Page embedding news Page embedding news Demo site ========= `Log in `__ to the `demo site `__ to get first hands on experiences. Credits ======= This extension can be provided thanks to outstanding work from TYPO3 community members. A big thanks goes to: - Benjamin Kott, extension `bootstrap_package `__ - B13 GmbH, extension `container `__ - Georg Ringer, extensions `news `__, `eventnews `__ - tt_address Development Team, extension `tt_address `__