Zum Inhalt springen
TubePress — kostenlos, selbst gehostet & aktiv gepflegt
Erscheinungsbild & Themes

Erscheinungsbild & Branding

Logo, Favicon, Farben, Dark Mode, Hintergründe und feingranulare Steuerung für Karten und die Wiedergabeseite.

Der Bereich Appearance unter /admin/appearance ist Ihre No-Code-Steuerzentrale. Alles hier gestaltet das aktive Theme um — Logos, Farben, Dark Mode, Layout und die Details auf Videokarten und Watch-Seiten — ohne eine einzige Datei anzufassen. Änderungen werden als Einstellungen gespeichert und vom Theme zur Renderzeit gelesen, sodass Sie frei experimentieren und alles rückgängig machen können.

Der Bereich ist in Sub-Tabs am oberen Rand unterteilt. Diese Seite führt durch jede Gruppe. Wenn Sie lieber das Markup selbst ändern möchten, ist das die Aufgabe von Themes; die folgenden Werte werden dem Template-Code als $_-Präfix-Variablen zugänglich gemacht, vollständig dokumentiert in der Theme-API-Referenz.

Branding

Öffnen Sie Appearance → Branding, um Ihre Identität festzulegen. Sie können ein separates Logo für das helle und das dunkle Theme hochladen — lassen Sie beide leer, um Ihren Sitenamen als einfachen Text anzuzeigen; das dunkle Logo fällt auf eine invertierte Version des hellen zurück, wenn Sie nur das letztere angeben. Ein Favicon (quadratisch, mindestens 32×32 Pixel) wird im Browser-Tab angezeigt.

Alle Branding-Dateien befinden sich unter /uploads/branding/. Ein Hintergrundbild für die Site wird ebenfalls unterstützt, mit einem Anzeigemodus cover, contain oder repeat; Ihr Theme liest diese als $_siteBackground und $_siteBackgroundMode. Sie können auch die Logo-Höhe für Desktop (Standard 36px) und Mobilgeräte (Standard 28px) mit einer Live-Vorschau anpassen.

Verwenden Sie ein transparentes PNG oder SVG. Ein Logo mit transparentem Hintergrund passt sauber auf beide, die hellen und dunklen Header. Halten Sie jede Datei unter 5 MB.

Farben & Dark Mode

Unter Appearance → Colors legen Sie zwei Paletten fest — eine für das Light-Theme und eine für das Dark-Theme — mit einem Farbwähler mit optionaler Deckkraft. Jede Überschreibung wird in CSS-Custom-Properties kompiliert und als $_colorOverrides-<style>-Block injiziert, sodass einige Werte durch das gesamte Theme kaskadieren. Jede Palette legt dieselben acht Rollen offen:

Primary
Akzentfarbe für Schaltflächen, Links und aktive Zustände. Standardmäßig von beiden Themes geteilt.
Background
Der Seitenhintergrund.
Surface
Seitenleisten, Abschnittshintergründe und Eingabefelder.
Card
Videokarten, Kommentare und Inhaltsblöcke.
Dark BG
Fußzeile, Overlays und Platzhalter.
Text / Muted Text
Fließtext und der gedämpftere Meta-Text, Links und Platzhaltertext.
Border
Trennlinien und Kartenumrisse.

Derselbe Bereich enthält die Dark-Mode-Steuerelemente. Ein übergeordneter Benutzer-Umschalter entscheidet, ob Besucher einen Hell-/Dunkel-Schalter im Header erhalten, und ein Standard-Wert von Light oder Dark legt fest, was sie zuerst sehen. Wenn Sie den Benutzer-Umschalter deaktivieren, verwendet die Site immer Ihren gewählten Standard und die ungenutzte Palette wird ausgegraut.

Layout

Appearance → Layout steuert die Größe der Raster. Die wichtigste Option ist Videos pro Reihe — wählen Sie 4, 5 oder 6 (Standard 5), für Templates zugänglich als $_videosPerRow. Tabbed-Abschnitte ermöglichen es Ihnen außerdem, die Anzahl pro Seite und Standardsortierung für Videos, Kategorien, Pornstars und Channels festzulegen, und ein Block Site Dimensions legt die maximale Gesamtbreite (Standard 1800px) und den Seitenabstand fest.

Trending-Sortierung erfordert das CTR-Plugin. Die Standard-Sortieroption Trending bleibt gesperrt, bis Sie das Click-through-Ranking aktivieren. Siehe CTR-Ranking.

Videokarten-Optionen

Unter Appearance → Video Cards passen Sie jedes Thumbnail in einer Auflistung fein an, mit einer fixierten Live-Vorschau, die sich bei jeder Änderung eines Steuerelements aktualisiert.

OptionVariableFunktion
Dauer-Badge anzeigen$_cardShowDurationDas Dauer-Label unten rechts am Thumbnail.
Titel anzeigen$_cardShowTitleDer Videotitel unter dem Thumbnail.
Titelzeilen$_cardTitleLinesDen Titel auf 1 oder 2 Zeilen begrenzen.
Meta links / rechts$_cardMetaLeft / $_cardMetaRightWählen Sie, was auf jeder Seite angezeigt wird: views, likes, time (Zeit vergangen) oder none.
Rasterabstand$_cardGridGapAbstand zwischen Karten, 0–30 Pixel.
Eckenradius$_cardBorderRadiusEckenrundung, 0–24 Pixel.
Hover-Zoom$_cardThumbnailHoverDas Thumbnail beim Hovern vergrößern.

Diese Optionen berücksichtigen die folgenden Watch-Page-Einstellungen. Wenn Sie die Dauer oder einen Meta-Wert auf der Watch-Seite ausblenden, wird die entsprechende Kartenoption automatisch deaktiviert, damit beide konsistent bleiben.

Watch-Page-Optionen

Der Sub-Tab Watch Page entscheidet, was rund um den Player angezeigt wird. Jedes Element ist ein unabhängiger Umschalter; Abschnitte ohne Daten werden unabhängig davon ausgeblendet.

  • VideoinfoAufrufe, Dauer, Veröffentlichungsdatum, Gefällt mir / Gefällt mir nicht und die Schaltfläche Favorit.
  • VideodetailsDarsteller, Channels, Kategorien und Tags.
  • Kommentare — Schalten Sie den Kommentarbereich seitenübergreifend ein oder aus ($_commentsEnabled). Siehe Kommentare.

Derselbe Bereich konfiguriert auch den Player (Standardqualität, Wiedergabegeschwindigkeit, Download-Schaltfläche, Schleife und Doppelklick-Vollbild) und die Anzahl der verwandten Videos in der Seitenleiste. Diese entsprechen den $_watchShow*-Variablen in der Theme-API.

Navigation & Suche

Der Sub-Tab Menu erstellt Ihre Header-Navigation. Schalten Sie die Suchleiste ein oder aus ($_menuSearch), und stellen Sie das Menü aus integrierten Zielen oder eigenen benutzerdefinierten Links zusammen. Jedes Element ($_menuItems) enthält ein label, eine url, ein enabled-Flag und eine optionale templates-Liste, sodass ein Link nur auf bestimmten Seitentypen angezeigt werden kann. Wenn Sie mehr als eine Sprache veröffentlichen, erscheint automatisch ein Sprachschalter.

Für die statischen Seiten, die Ihr Menü und Ihre Fußzeile speisen, siehe Seiten & Menüs.

Nächste Schritte

Noch Hilfe benötigt?

Erstellen Sie ein Ticket in Ihrem Dashboard und unser Team hilft Ihnen gerne weiter.

Live-Demo ausprobieren → TubePress herunterladen →