TYPO3 Plugin:
louisenlund
Louisenlund Website Template TYPO3 Erweiterung
Frontend-Entwicklung
Die Frontend-Komponenten werden gebildet von schluck innerhalb der Erweiterungsstruktur:
- quelldateien befinden sich unter
/Resources/Private/Source/
und - gulp-Aufgaben finden Sie unter
/Ressourcen/Private/Gulp/
.
Das Frontend verwendet strongy:
- bootstrap 4 als saas enthalten
- jQuery v3.2.1.1
Für besondere Merkmale werden weitere Komponenten verwendet:
- lazySizes für faules Laden und Vorladen von Bildern
- Eulenkarussell 2 als Karussell für Galerien
- jQuery UI für einige Effekte
- jQuery Validation Plugin für die Formular-Validierung am Frontend
- CSS-Animationen und CSS-Transformationen für kleine Animationen
Um die Erstinstallation durchzuführen:
npm installieren
Um die Frontend-Ressourcen und den HTML-Prototypen zu erstellen:
schluckauf
Das Ergebnis wird in die Ordnerstruktur der TYPO3 Extensions übertragen, also:
- css geht an:
/Ressourcen/Public/Css/
- zu dem das js geht:
/Ressourcen/Public/JavaScript/
Andere Ressourcen befinden sich bereits unter /Resources/Public/
oder werden durch Schlucken aus den Quellknotenmodulen dorthin verschoben.
Das statische html des Frontend-Prototypen geht zu /Resources/Private/Prototyp/
.
Um einen Blick auf den statischen Prototypen zu werfen:
./serve.sh
Dadurch wird ein nginx-Server als Docker-Container gestartet und der Prototyp veröffentlicht:
- http://localhost:4000/typo3conf/ext/louisenlund/Resources/Private/Prototype/index.html
- http://localhost:4000/typo3conf/ext/louisenlund/Resources/Private/Prototype/content.html
- http://localhost:4000/typo3conf/ext/louisenlund/Resources/Private/Prototype/gallery.html
Um am Frontend zu arbeiten, können Sie eine Überwachungsaufgabe verwenden, die Markup, Styles und Skripte bei Änderungen neu rendert:
schluckuhr
Um die Nginx zu stoppen, verwenden Sie:
./stop.sh
Benötigen Sie schnelle Hilfe mit dieser Extension? Unser Team von erfahrenen TYPO3-Entwicklern löst Probleme unkompliziert und zum Stundensatz.
Verteilung:LOUISENLUND ist auf
0 % aller TYPO3 installiert.
- 0.02 % aller TYPO3 8.7.x Installationen installiert
Aktualität:LOUISENLUND 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
PHP Version:LOUISENLUND wird benutzt mit
- 100 % PHP/7.1
Gosign-Responsive Index: TYPO3 Installationen nutzen LOUISENLUND 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
Pagespeed: TYPO3 Installationen nutzen LOUISENLUND zu
- 0 % wenn der Pagespeed zwischen 80 % und 100 % ist
- 0 % wenn der Pagespeed zwischen 60 % und 80 % ist
- 100 % 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
[DependciesAndConflicts]