Wo bearbeitet man den HTML-Code?

[Tequito]

Hallo,

ich bin neu, werde aber nicht schlau daraus wo ich das HTML einer Seite (habe mir die Beispielseite Music Academy mitinstalliert) bearbeiten kann?

Mache ich das über das Backend oder nur über Dateien auf dem Server? Wenn ja wo liegen die?

[Bandyt]

Hallo,

die Idee von einem Content Management System ist gerade, dass du (größtenteils) kein HTML bearbeiten musst.

Inhalte werden über Inhaltselemente, Module und Seitenlayouts festgelegt.


Was würdest du denn gerne bearbeiten?

[Tequito]

Ich will aber ja mein eigenes HTML-Layout in dem CMS umsetzen und nicht nur diese Music Academy farblich ändern.

[chefprolet]

Das Layout einer Seite in Contao wird über CSS gesteuert.
Du solltest dir am Anfang ein Seitenlayout mit den gewünschten Spalten
anlegen. Dann wird dieses wie oben gesagt, mit Modulen und Inhaltselemten gefüllt.

Ohne CSS-Kenntnisse wird es etwas schwierig.

Und wie meinst du das mit dem eigene HTML-Layout?

Gruss
Sven

[Tequito]

Ich habe HTML- und CSS-Kenntnisse. Aber jede Website hat ein anderes HTML-Konstrukt, andere Klassen, hier ein DIV, dort 2 Span. Was auch immer.

Man muss doch irgendwo einen eigenen beliebigen HTML-Code benutzen, eingeben und bearbeiten können?

[chefprolet]

Ich habe HTML- und CSS-Kenntnisse. Aber jede Website hat ein anderes HTML-Konstrukt, andere Klassen, hier ein DIV, dort 2 Span. Was auch immer.

Man muss doch irgendwo einen eigenen beliebigen HTML-Code benutzen, eingeben und bearbeiten können?

Dafür gibt es dann das Inhalts-Element eigener HTML-Code.

Ansonsten wird jedem Modul, jeder Erweiterung automatisch eine Klasse oder Id zugewiesen. Z.B. ist eine Navigation .mod_navigation. Das kannst du dir dann im
CSS-Editor stylen wie du lustig bist. Mit Firebug oder der Webdeveloper Erweiterung zu Firefox findest das ganz schnell raus, wie welcher DIV heisst.

Ansonsten gibt es im Handbuch oder im Wiki eine Aufstellung glaube ich...

http://www.contao.org/board/topic/10032.html

http://www.typolight-handbuch.de/index.html

[psren]

Dafür gibt es das HTML-Modul. EInfach neues Modul anlegen, Code eingeben und dann ins Seitenlayout einbinden.

Theoreitsch könntest du das html per bearbeitung der Templates anzupassen was ich aber nur in Ausnahmefännen (und für Contao-Neulinge erstmal garnicht) empfehle.

Die HTML-Struktur ist sowieso sehr gut anpassbar, damit kann man beinahe alles umsetzen. Deine CSS-Selektoren passt du auf die Standart-Contao-Klassen an.

[Tequito]

Wo kann ich denn z.B. das erzeugte HTML der Beispielseite einsehen und ggf. etwas daran ändern?

[Bandyt]

Ich fürchte du hast den Punkt nicht ganz verstanden.

Du legst über Seitenlayouts fest wie dein Grundgerüst aussieht:
z.b. Header, Link Spalte, Hauptspalte, Fußzeile

Danach erstellst du Inhaltselemente:
z.b. Eine Überschrift mit etwas Text


Anschließend erstellt dir Contao darauß ein HTML-Konstrukt, welches du per CSS anpasst. Dabei nutzt du die CSS-Klassen und IDs, die die jeweiligen Inhaltselemente und dein Grundgerüst von selbst mitbringen.

[Tequito]

Ich versteh das nicht. D.h. das CMS generiert den HTML Code und ich kann maximal das CSS dafür anpassen??

Wenn ich nichtmal an den Code rankomme um Teile der Beispielseite zu ändern, dann ist das System wohl nichts für mich. Ich dachte es wäre sehr flexibel und man hat es selbst in der Hand was für Code ausgegeben wird.

[lucina]

Das von Contao generierte XHTML ist templatebasiert. Selbstverständlich ist es möglich (und manchmal auch sinnvoll), dort Anpassungen vorzunehmen.

In den meisten Fällen ist das aber nicht nötig, und man kommt mit CSS genau so ans Ziel - und obendrein sollte man das System dann schon verstanden haben, wenn man die Ausgabetemplates anpasst.

Ich selbst verändere in meinen Projekten in der Regel eine einzige Zeile in einem einzigen Template (eine Codeergänzung um eine .class, die ich benötige und anders nicht dort hinein bekomme) - mehr muss nicht sein. Und ich kann mir persönlich nicht viele Anforderungen vorstellen die umfangreichere Änderungen erforderten.

Carolina.

[stefan-at-work]

Das Contao-Frontend ist vollständig auf Templates aufgebaut und generiert barrierefreien XHTML Strict-Code, der den W3C/WAI-Anforderungen genügt

Wo, was, wann und wie ausgegeben wird steuerst Du über die Templates (wenn Du dies denn unbedingt ändern musst). Das Aussehen dann über CSS.

Ich würde aber vorschlagen, Du machst Dich erst einmal grundlegend mit Contao vertraut, schaust mal ins Benutzerhandbuch und studierst die Online-Demo.

[Tequito]

Wo, was, wann und wie ausgegeben wird steuerst Du über die Templates (wenn Du dies denn unbedingt ändern musst).

Das war meine Frage die mir aber leider niemand beantworten konnte wo ich diese mir mal anschauen kann und finde.

[Bandyt]

Im Backend gibt es den Eintrag "Themes" und dort kannst du u.a. das Seitenlayout und die Module ändern.

Über den Eintrag Artikel kannst du weitere Inhaltselemente bearbeiten.



Aber ganz ehrlich: Bei deinem Wissensstand würde ich dringend ein Buch zu dem Thema empfehlen. Wenn du dann konkrete Fragen hast, kannst du gerne wieder hier fragen.

[Tequito]

Im Backend gibt es den Eintrag "Themes" und dort kannst du u.a. das Seitenlayout und die Module ändern.

Ich sehe da Eingabemasken, aber keinerlei HTML-Code.

Aber ganz ehrlich: Bei deinem Wissensstand würde ich dringend ein Buch zu dem Thema empfehlen. Wenn du dann konkrete Fragen hast, kannst du gerne wieder hier fragen.

D.h. hier ist man nur willkommen, wenn man sich schon mit dem System auskennt? Enttäuschend, dass man hier keinerlei konkrete Antworten bekommt sondern seit Stunden um das Thema herumschreibt statt zu zeigen wo konkret ich das HTML des Templates sehen und bearbeiten kann.

[Sebastian]

HI

In der Tat ist diese Diskussion leider ein wenig in die falsche Richtung gedriftet. Auch Neulinge sind bei uns natürlich willkommen
Ich bitte also alle, den Ton nicht zu vergessen.

@Tequito: Der entscheidende Hinweis kam allerdings bereits zweimal in dieser Diskussion: Die Templates kannst du bearbeiten, wenn du unbedingt möchtest. Und im Backend ist dir unterhalb von „Themes“ gewiss der Punkt „Templates“ aufgefallen.

Doch auch dazu gibt es eine Dokumentation, sodass der Hinweis auf das lesen derselben nicht unbedingt unangebracht ist.

Ich hoffe, die Anforderungen lassen sich gemeinschaftlich lösen.

Sebastian

[tril]

Leute macht es ihm doch nicht so kompliziert, er hat eine einfache Frage gestellt und die kann man doch auch einfach beantworten. Naja, zugegeben, zu 50% habt ihr das ja schon *hehe*

Die Templates kannst du über den Menüpunkt Templates ändern.
contao.png
Du musst dafür aber schon wissen, welches Template wo zu gehört.

In Templates kannst du ein Neues Template erstellen, korrekterweise kannst du hier nur ein vorhandenes Template kopieren und dan für deine Seite updatesicher anpassen.
Die Templates haben einen Präfix, der sie kategoriesiert, da gibt es z.B.:
fe_ - Das ist das Grundgerüst der Seite
ce_ - Das ist ein Template für ein Inhaltselement (Artikel -> Artikel bearbeiten -> für z.B. Text währe das ce_text)
mod_ - Das ist ein Template für ein Modul (Theme -> Frontend-Module)
be_ -> Das ist ein Template für das Backend (kurz BE)

Welches Template du konkret benötigst, kann man dir erst sagen, wenn du einen konkreten Fall hast, denn wie du an der Liste sehen wirst, gibt es eine ganze Menge Templates

Ich würde mich aber den Empfehlungen der anderen anschließen:
- Erstmal ohne Anpassungen der Templates arbeiten
- Wenn das nicht reicht, ließ ein Buch oder wühle dich durch die Dokumentation und Forenbeiträge zu dem Thema

MfG Tristan

[MacKP]

Hier noch schnell der Link zum Wiki:
http://de.contaowiki.org/Templates_bearbeiten

Viele Grüße

[Tequito]

Ich verstehe das nicht. Habe die Music Academy Beispielseite und kann die auch schön aufrufen, aber unter "Templates" ist bei mir leer?


Wollte mir nämlich davon mal die Tempaltes anschauen, nur finde sie nicht.

[Bandyt]

Das Problem ist, dass du keine konkrete Frage stellst.


Du willst den HTML-Code bearbeiten. Von was? An welcher Stelle? Was stört dich?

Natürlich helfen hier alle auch Anfängern gerne, aber ohne eine klare Fragestellung, quasi "ins blaue" hinein, können wir nicht helfen. Daher wäre es aus meiner Sicht geschickt, du würdest dich erstmal mit den Grundlagen befassen und dann schauen wo deine Probleme sind.

[MacKP]

Ich verstehe das nicht. Habe die Music Academy Beispielseite und kann die auch schön aufrufen, aber unter "Templates" ist bei mir leer?


Wollte mir nämlich davon mal die Tempaltes anschauen, nur finde sie nicht.

Guck dir das Wiki an (link ist oben von mir). Da steht wie das geht.
Wenn du dir nur die Templates anschauen willst, dann mach das per FTP. Tipps auch im Wiki ;-)

Viele Grüße