coba_bootstrap

Coba Bootstrap

Installieren

• $ cd coba_bootstrap
• $ npm installieren

JS erstellen

• $ npm run build-js ausführen

CSS erstellen

• $ npm run build-scss ausführen

Beobachten

• Achten Sie auf alle JS- und SCSS-Änderungen und kompilieren Sie diese direkt:
• $ npm run watch

Ideen Import Dokumentation

Die Klassen Classes/Command/IdeasCommanController verwalten den Ideas XML-Import.

Siehe die Variable $defaults für die Grundeinstellungen

Ordnerstruktur

• Magazinname (wird ein root page für dieses Magazin erstellen)
  • 000_first_article.xml (nummerierte Artikel, jeder erstellt eine Unterseite, geordnet nach der Bestellung auf FS)
  • ...
  • 300_letzter_Artikel.xml
  • bilder (Bildverzeichnis)
    • index.jpg (Indexbild, wird auf root page platziert und verlinkt)

In TYPO3 gibt es ein spezielles sys_storage für Zeitschriften. In diesem Speicher erhält jede Zeitschriftenausgabe einen eigenen Dateiordner. Alle Bilder, Assets werden in diesen Ordner verschoben.

[WIP] XML-Struktur

Jede XML-Datei hat ein <ROOT> Element. Unter diesem Element werden alle anderen Inhaltselemente platziert.

Jedes Inhaltselement wird in einem <Section> Tag platziert. Nach der Erstellung der Seite für diese spezielle XML-Datei wird jeder Abschnitt zu einem Inhaltselement auf dieser Seite

XML-Tags

• <Schnitt frame="greybox"> Inhaltselement Wrapper, Rahmen sind Presets (z.B. ein grauer Kasten mit weißer Textfarbe)
  • Rahmen: ["greybox"]
• <Schlagzeile> werden die Inhaltselemente Überschrift (h3) sein
• <Autor> wird eine Unterüberschrift sein, wenn gesetzt (h4)
• <Text>
  • Alle <Textabschnitt> Tags werden im bodyText platziert und in <p> Tags verpackt
  • Links werden durch gängige reguläre Ausdrücke in <a>-Tags umgewandelt
  • <Strong> wird eine neue Unterüberschrift innerhalb des Inhalts sein (h5)
• <Image align="left" > ändert den Inhaltstyp in textpic
  • Ausrichtungen: ["links", "rechts", "oben", "unten"]
• <Grafik align="left" > wie <Image>
  • Wenn es kein Bild gibt, wird die Grafik als Bild der Inhaltselemente verwendet
  • Wenn es bereits ein zugeordnetes Bild gibt. Die Grafik wird in ein anderes Inhaltselement mit seiner Ausrichtung eingefügt
• <Logo> wie <Bild>
• <BgImage> wie <Image>, wird aber als zusätzliches CE vor das CE gestellt
• [WIP] <Tabelle>Tabelle>