21.11.2013

HTML5 Boilerplate und Bootstrap Installation mit webEdition

2 Projekte, die man zum schnellen Erstellen einer neuen Site immer wieder einsetzt, sind HTML5 Boilerplate und Twitter Bootstrap. Um Zeit zu sparen, haben wir eine Blanko-Installation gemacht, mit ein paar webEdition-Extras, und bieten sie als webEdition Importdatei zum Download an. Wir werden versuchen, alle eingebundenen Frameworks aktuell zu halten.

Download Importpaket (Update am 30.07.2014) »

Das Projekt basiert auf HTML5 Boilerplate v4.3.0, aktuell sind enthalten:

Dateistruktur

Boilerplate:

  • /css
    • bootstrap.min.css
    • main.css
    • normalize.css
  • /doc
  • /img
  • /fonts
    • glyphicons-halflings-regular.woff2
    • glyphicons-halflings-regular.eot
    • glyphicons-halflings-regular.svg
    • glyphicons-halflings-regular.ttf
    • glyphicons-halflings-regular.woff
  • /js
    • /vendor
      • bootstrap.min.js
      • jquery.min.js
      • modernizr.min.js
    • main.js
    • plugins.js
  • 404.php
  • .gitattributes
  • .gitignore
  • .htaccess
  • apple-touch-icon-precomposed.png
  • CHANGELOG.md
  • CONTRIBUTING.md
  • crossdomain.xml
  • favicon.ico
  • humans.txt
  • index.php
  • LICENSE.md
  • README.md
  • robots.txt

Zusätzliche Dateien

  • /Module (Enthält Includes)
    • Footer.php
    • Hauptnavigation.php
    • Konfiguration.php (reine PHP-Datei, in der im Array $config globale Variablen gesetzt werden)

webEdition Templates

  • /Module
    • Footer.tmpl
    • Hauptnavigation.tmpl
  • 404.tmpl
  • Hauptvorlage.tmpl
  • Standard.tmpl

Hauptvorlage.tmpl

Enthält alle Daten aus der Boilerplate-index.html, mit webEdition spezifischen Anpassungen wie we:content-Tags etc.

Standard.tmpl

Einfache Untervorlage mit Datum, Textfeld und Überschrift und passende we:master-Tags als Gegenstücke zu den we:content-Tags aus der Hauptvorlage

404.tmpl

Vorlage für Fehlerseiten, basiert auf 404.html (Boilerplate).