T)
Themes
Eine Einführung für Webdesigner
Wenn Sie als Webdesigner Odoo zum ersten Mal verwenden, sind Sie hier richtig. In dieser Einführung werden die Grundlagen der Erstellung von Odoo-Themen umrissen. Das Team von odoo hat ein Framework geschaffen, das leistungsstark und einfach zu benutzen ist. Es ist nicht notwendig, spezielle Syntaxen zu kennen, um diesen Werkzeugsatz zu verwenden.
Vom allgemeinen CMS zu odoo
Wenn Sie immer auf die gleiche Weise denken und arbeiten, werden Sie wahrscheinlich die gleichen Ergebnisse erzielen. Wenn Sie etwas völlig Neues wollen, dann versuchen Sie etwas anderes.
Wo ist meine Datei header.php? Dies ist normalerweise die erste Frage von einem Webdesigner, der es gewohnt ist, mit Wordpress oder Joomla zu arbeiten und zum ersten Mal zu odoo kommt.
In der Tat müssen Sie bei der Verwendung gängiger CMS mehrere Dateien (wie header.php, page.php, post.php usw.) codieren, um eine Grundstruktur für Ihre Website zu erstellen. Bei diesen Systemen dient diese Grundstruktur als Designgrundlage, die Sie im Laufe der Zeit aktualisieren müssen, um die Kompatibilität innerhalb Ihres CMS zu gewährleisten. So haben Sie selbst nach stundenlangem Kodieren der Dateien noch nicht einmal mit dem Design begonnen.
odoo Standard-Themesstruktur
Odoo kommt mit einer Standard-Themesstruktur. Es handelt sich um ein sehr grundlegendes "Thema", das minimale Struktur und Layout bietet. Wenn Sie ein neues Thema erstellen, erweitern Sie dieses eigentlich. Tatsächlich ist es in Ihrem Setup immer aktiviert und verhält sich genau wie die oben erwähnte Basisstruktur des CMS, außer dass Sie es nicht erstellen oder pflegen müssen. Es wird innerhalb Ihrer Odoo-Installation automatisch aktualisiert, und da es im Website Builder-Modul enthalten ist, ist standardmäßig alles reibungslos integriert.
Folglich können Sie sich völlig frei auf das Design konzentrieren, während diese Struktur die Aufgabe übernimmt, Integrationen und Funktionalität bereitzustellen.
Hauptmerkmale:
- Grundlegende Layouts für Seiten, Blog und eCommerce
- Website-Builder-Integration
- Grundlegende Schnipsel
- Automatische Less/Sass-Kompilierung
- Automatische Js und CSS-Minifizierung und -Kombination
Wichtigste Technologien:
- Twitter-Bootstrap
- jQuery
- jQuery-UI
- Unterstrich.js
"modular" denken
Ein Odoo-Thema ist kein Ordner mit HTML- oder PHP-Dateien, sondern ein in XML geschriebenes modulares Framework. Sie haben noch nie mit XML-Dateien gearbeitet? Keine Sorge, nach dem Tutorial werden Sie in der Lage sein, Ihr erstes Thema mit nur Grundkenntnissen in HTML zu erstellen.
Mit klassischen Webdesign-Workflows programmieren Sie normalerweise das Layout der gesamten Seite. Das Ergebnis ist eine "statische" Webseite. Sie können den Inhalt natürlich aktualisieren, aber Ihr Kunde wird Sie benötigen, um selbst grundlegende Änderungen vorzunehmen. Das Erstellen von Themen für Odoo ist ein totaler Perspektivwechsel. Anstatt das komplette Layout für eine Seite zu definieren, können Sie Blöcke (Snippets) erstellen, bei denen der Benutzer wählen kann, wohin er sie "ziehen und ablegen" möchte, und so das Seitenlayout selbst erstellen. Wir nennen dies modulares Design. Stellen Sie sich ein Odoo-Thema als eine "Liste" von Elementen und Optionen vor, die Sie erstellen und gestalten müssen. Als Designer ist es Ihr Ziel, diese Elemente zu stylen, um ein wunderbares Ergebnis zu erzielen, unabhängig davon, wo der Endbenutzer sie platzieren möchte. Lassen Sie uns einen Rundgang durch unsere "Listen"-Elemente machen:
Schnipsel (oder Bausteine)
Ein Stück HTML-Code. Der Benutzer kann sie per Drag&Drop verschieben, modifizieren und kombinieren, indem er unsere integrierte Website Builder-Schnittstelle verwendet. Sie können Sätze von Optionen und Stilen für jedes Snippet definieren. Der Benutzer wählt daraus je nach Bedarf aus.
Seiten
Dies sind normale Webseiten, mit der Ausnahme, dass sie vom Endbenutzer bearbeitet werden können und dass Sie einen leeren Bereich definieren können, den der Benutzer "füllen" kann, indem er Schnipsel hineinzieht.
Stile
Stile werden mit Hilfe von Standard-CSS-Dateien (oder Less/Sass) definiert. Sie können einen Stil als Standard oder optional definieren. Die Standardstile sind in Ihrem Thema immer aktiv, die optionalen Stile können vom Benutzer aktiviert oder deaktiviert werden.
Templates
Das Generieren von HTML in Python ist nicht sehr angenehm.
Die übliche Lösung sind Templates, Pseudo-Dokumente mit Platzhaltern und Anzeigelogik. Odoo erlaubt jedes Python-Templating-System, stellt aber ein eigenes QWeb-Templating-System zur Verfügung, das sich mit anderen Funktionen integrieren lässt.
Erstellen Sie eine Vorlage und stellen Sie sicher, dass die Vorlagendatei im Manifest __manifest__.py registriert ist, und ändern Sie den Controller so, dass er unsere Vorlage verwendet.