包简介

OPTIMIST Theme Bundle

README 文档

README

OPTIMIST ist ein kostenloses Contao Theme für einfache Websites.

1. Voraussetzungen und Abhängigkeiten

Die Erweiterungen automatisch bei Installation des Themes mitinstalliert. Bei der Installation der Ping-Erweiterung werden Informationen über Domain, Version des Themes und Datum der Installation (bzw. Aktualisierung) an uns übermittelt.

2. Download & Installation

Wie du das Theme installierst, erfährst du in dieser Video-Anleitung.

3. Tipps für Einsteiger

Du möchtest wissen, wie du die Farben und Schriften änderst, Abstände anpasst oder das Grid verwendest? Dann melde dich für den kostenlosen Kurs „Bessere Websites mit OPTIMIST“ an:

Zur Anmeldung

4. CSS-Klassen Übersicht

Gruppe	CSS-Klasse	Erklärung	zugehörige Datei
Abstände	`m-t-1` bis `m-t-5`	Einfacher bis Fünffacher Außenbstand nach oben (m-t = margin-top). Als Basis dient `--base-spacing-unit`	trumps/_helper
	`m-b-1` bis `m-b-5`	Einfacher bis Fünffacher Außenabstand nach unten	trumps/_helper
	`p-t-1` bis `p-t-5`	Einfacher bis Fünffacher Innenabstand nach oben	trumps/_helper
	`p-b-1` bis `p-b-5`	Einfacher bis Fünffacher Innenabstand nach unten	trumps/_helper
Überschriften	`heading--1` bis `heading--6`	Überträgt die Größe und Abstände einer Überschrift auf das verwendete Element. Beispiel: Um eine Überschrift H2 wie eine H1 aussehen zu lassen, gibt man der Überschrift die CSS-Klasse heading--1	base/_type
	`heading--left`	Überschrift linksbündig	base/_type
	`heading--center`	Überschrift zentriert	base/_type
	`heading--right`	Überschrift rechtsbündig	base/_type
Texte	`text--left`	Text linksbündig	base/_type
	`text--center`	Text zentriert	base/_type
	`text--right`	Text rechtsbündig	base/_type
	`text--attention`	Stellt den Text größer und mit 75% Deckkraft dar. Die Klasse kann auch direkt im TinyMCE-Editor ausgewählt werden	base/_type
	`text--alert`	Gibt dem Text einen 2px Rahmen und Innenabstand	base/_type
	`text--narrow`	Begrenzt die maximale Breite des Textes auf 9/12 bzw. 7/12 (je nach Viewport) und richtet ihn mittig aus	base/_type
	`checklist`	Fügt einer ungeordneten Liste ein Häckchen-Icon hinzu	base/_type
	`card`	Fügt dem Text einen Rahmen und Schatten bei Hover hinzu. Ändert außerdem die Reihenfolge von Bild und Überschrift (sofern vorhanden)	components/_card mixins/_general
	`fact`	Ändert die Reihenfolge von Bild und Überschrift (sofern vorhanden) und richtet das Bild linksbündig aus	components/_facts
Bilder		Bilder werden standardmäßig mittig ausgerichtet, sofern sie kleiner als der übergeordnete Container sind
	`image--left`	richtet das Bild linksbündig im Container aus	components/_media (Nutshell)
	`image--center`	richtet das Bild mittig im Container aus	components/_media (Nutshell)
	`image--right`	richtet das Bild rechts im Container aus	components/_media (Nutshell)
	`image--border`	Fügt dem Bild einen Rahmen hinzu	components/_media
Links	`btn--primary`	Macht aus dem Link einen Button in der Primärfarbe. Die Klasse kann auch direkt im TinyMCE-Editor ausgewählt werden	components/_links
	`btn--secondary`	Macht aus dem Link einen Button in der Sekundärfarbe. Die Klasse kann auch direkt im TinyMCE-Editor ausgewählt werden	components/_links
Artikel	`article--bubble-left`	Fügt dem Artikel auf der linken Seite eine Blase als Hintergrundbild hinzu	base/_layout
	`article--bubble-right`	Fügt dem Artikel auf der rechten Seite eine Blase als Hintergrundbild hinzu	base/_layout
	`article--tint`	Fügt dem Artikel eine getönte Hintergrundfarbe hinzu, festgelegt in `--color-band-tint-background`	base/_layout
	`article--highlight`	Fügt dem Artikel eine kräftige Hintergrundfarbe hinzu, festgelegt in `--color-band-highlight-background`	base/_layout
	`article--dark`	Fügt dem Artikel eine dunkle Hintergrundfarbe hinzu, festgelegt in `--color-band-dark-background`	base/_layout
	`article-[viewport]-[cols]`	Gibt dem Artikel ab dem genannten Viewport eine maximale Breite auf Basis des zwölfspaltigen Grid. Beispiel: article-lg-10 bedeutet, dass der Inhalt des Artikels auf 10/12 Breite reduziert wird.	trumps/_helper
	`article-start-[viewport]-[cols]`	Wird in Verbindung mit article-[viewport]-[cols] genutzt. Legt fest, ab welcher Spalte das Element ab dem genannten Viewport in einem zwölfspaltigen Layout beginnen soll. Bsp.: article-start-lg-2 bedeutet, dass der Inhalt des Artikels ab dem LG-Viewport in der zweiten Spalte starten soll.	trumps/_helper
Hilfsklassen	`text--inverted`	Invertiert die Textfarbe, basierend auf der Variable `--color-text--inverted`	trumps/_helper
	`border-top`	Fügt dem Element/Artikel einen Rahmen oben hinzu	trumps/_helper
	`border-bottom`	Fügt dem Element/Artikel einen Rahmen unte hinzu	trumps/_helper
	`block--center`	Platziert das Element mittig (margin-left/-right: auto)	trumps/_helper

Development notes:

Code style:

vendor/bin/ecs check src --fix

erdmannfreunde/optimist-theme-bundle 适用场景与选型建议

erdmannfreunde/optimist-theme-bundle 是一款基于 SCSS 开发的 Composer 扩展包，目前已累计 590 次下载、GitHub Stars 达 17，最近一次更新时间为 2024 年 09 月 27 日，在 PHP 生态内属于活跃度较高的组件。

它主要适用于以下技术方向：「theme」「optimist」「contao」「erdmannfreunde」等业务场景。在实际项目中，围绕这些方向常见需要落地的问题包括：接口对接、性能调优、并发安全、与既有框架（Laravel / ThinkPHP / Yii / Webman 等）的兼容适配，以及生产环境的日志埋点与稳定性保障。

我们在过去多个企业项目中使用过 erdmannfreunde/optimist-theme-bundle 或与其功能相近的方案，如果你在选型或落地过程中遇到问题，例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查，欢迎联系我们协助评估。

围绕 erdmannfreunde/optimist-theme-bundle 我们能提供哪些服务？

定制开发 / 二次开发

基于 erdmannfreunde/optimist-theme-bundle 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。

BUG 修复 & 性能优化

线上偶发问题、内存泄漏、慢查询、并发异常等排查修复；针对高流量场景做缓存、队列、索引层面的调优。

项目外包 & 长期维护

承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维；也可按月提供技术保姆服务。

yvsm@zunyunkeji.com QQ：316430983 微信：yvsm316 西安尊云信息科技 · 专注 PHP / Go / 分布式系统研发

与 erdmannfreunde/optimist-theme-bundle 相关的其它包

同方向 / 同关键字的高下载量 PHP Composer 包推荐，方便对比选型：

contao/core 0

Contao Open Source CMS

rsm/rsm-googlerecaptcha-modul 3

Diese Contao 4 Erweiterung stellt Google reCAPTCHA V2 in Form eines neuen Formularfeldes im Formulargenerator bereit. This extension provides Google reCAPTCHA V2 in the form of a new form field in the form generator of Contao Open Source CMS.

bimthebam/silverstripe-theme-bs4base 0

A Bootstrap 4.x base theme for SilverStripe

pmvc-theme/lucency_html 0

Lucency Theme

dklemmt/contao_dk_caroufredsel 4

Implementation of carouFredSel as extension for Contao Open Source CMS

bugbuster/integrity_check 3

Contao CMS integrity check for some files