ALLES ÜBER layout UND WIE ES AUF WEBSITES EINGESETZT WIRD

Untersuchte Extension

layout

Layout

Bietet wiederverwendbare layout-Funktionen für eigene Inhaltselemente.

Verwendung

Verwenden Sie beim Erstellen Ihrer Inhaltselemente eine dieser Paletten:

  • vitd_layout
  • vitd_layout_animation

In Ihrer Konfiguration/TCA/Overrides/tt_content.php:

$GLOBALS['TCA']['tt_content]['types']['yourext_yourcontentelement']] = [
    showitem' => ' '
            foo;Foo,
            ...
        --div--;Layout,
            --Palette--;Layout Optionen;vitd_layout,
            ....
    ',
];

Später, wenn Sie die Inhaltselementvorlagen (Fluid) ausführen, lassen Sie die das mitgelieferte ViewHelper macht seine Magie:

<html
    xmlns:layout="http://typo3.org/ns/VITD/Layout/ViewHelpers"
    xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers">
<head>
    <title>Demovorlage</title>>Temovorlage
    <f:layout name="Standard" />
</head>
<body&gt  

<f:section name="Main">
    <layout:section row="{data}">
        <h1>{data.title}</h1>>
        ...
    </layout:Abschnitt>
</f:section>

</body>
</html>

was dazu führt

<section id="c123" data-parallax="1.23" data-whatever-ist-notwendig="editors choice">
    <div class="container">
        <h1>Inhaltselement Titel </h1>Inhaltselement Titel </h1>
        .. 
    </div>
</section>

Hinweis: Alle Felder von tt_content sind auschließbar. Abhängig von Ihrer Zugangskontrollkonfiguration ($GLOBALS['TYPO3_CONF_VARS']['BE']['BE']['explicitADmode']) Sie müssen entweder die Felder, die Ihre Editoren sind, auf die Whitelist setzen erlaubt zu verwenden oder im Falle des explicitDeny-Modus können Sie diejenigen auf die schwarze Liste setzen, die Sie nicht verwenden möchten.

Merkmale

  • Animation
  • Boxen (Grenzbreite)
  • Hintergrund (Textur, Farbe, Bild, Stil)
  • Padding-Konfiguration
  • Parallaxeffekt
  • Reagierender Überblick (separat auf dem Desktop/Tablett/Mobiltelefon anzeigen/verbergen)

Benötigen Sie schnelle Hilfe mit dieser Extension? Unser Team von erfahrenen TYPO3-Entwicklern löst Probleme unkompliziert und zum Stundensatz.

Verteilung:LAYOUT ist auf

0 % aller TYPO3 installiert.

  • 0.02 % aller TYPO3 8.7.x Installationen installiert

Aktualität:LAYOUT ist auf dem neusten Stand (v.unknown) bei

100 % aller TYPO3 Installationen

  • 0 % aller TYPO3 9.5.x Installationen
  • 0 % aller TYPO3 9.3.x Installationen
  • 0 % aller TYPO3 9.2.x Installationen
  • 0.02 % aller TYPO3 8.7.x Installationen
  • 0 % aller TYPO3 7.6.x Installationen
  • 0 % aller TYPO3 7.5.x Installationen
  • 0 % aller TYPO3 7.4.x Installationen
  • 0 % aller TYPO3 7.3.x Installationen
  • 0 % aller TYPO3 7.2.x Installationen
  • 0 % aller TYPO3 7.1.x Installationen
  • 0 % aller TYPO3 7.0.x Installationen
  • 0 % aller TYPO3 6.2.x Installationen
  • 0 % aller TYPO3 6.1.x Installationen
  • 0 % aller TYPO3 6.0.x Installationen
  • 0 % aller TYPO3 5.0.x Installationen
  • 0 % aller TYPO3 4.7.x Installationen
  • 0 % aller TYPO3 4.6.x Installationen
  • 0 % aller TYPO3 4.5.x Installationen
  • 0 % aller TYPO3 4.4.x Installationen
  • 0 % aller TYPO3 4.3.x Installationen
  • 0 % aller TYPO3 4.2.x Installationen
  • 0 % aller TYPO3 4.1.x Installationen
  • 0 % aller TYPO3 4.0.x Installationen
  • 0 % aller TYPO3 3.5.x Installationen

responsive - image 4

Gosign-Responsive Index: TYPO3 Installationen nutzen LAYOUT zu

  • 100 % wenn der Gosign-Responsive-Index zwischen 80 % und 100 % ist
  • 0 % wenn der Gosign-Responsive-Index zwischen 60 % und 80 % ist
  • 0 % wenn der Gosign-Responsive-Index zwischen 40 % und 60 % ist
  • 0 % wenn der Gosign-Responsive-Index zwischen 20 % und 40 % ist
  • 0 % wenn der Gosign-Responsive-Index zwischen 0 % und 20 % ist

speed test - image 5

Pagespeed: TYPO3 Installationen nutzen LAYOUT zu

  • 100 % wenn der Pagespeed zwischen 80 % und 100 % ist
  • 100 % wenn der Pagespeed zwischen 60 % und 80 % ist
  • 0 % wenn der Pagespeed zwischen 40 % und 60 % ist
  • 0 % wenn der Pagespeed zwischen 20 % und 40 % ist
  • 0 % wenn der Pagespeed zwischen 0 % und 20 % ist


Stichprobe n=36801 von Gosign gecrawlte TYPO3-Seiten mit den Top-Level-Domains <.de>

Ran an die Resultate – unser Newsletter für Sie!

Damit Sie gleich Wind davon bekommen, wenn wir in unserem Magazin zu neuen Erkenntnissen kommen.

[wpforms id="1559"]