Vai al contenuto
TubePress — gratuito, self-hosted & attivamente mantenuto
Aspetto e temi

Aspetto e branding

Logo, favicon, colori, modalità scura, sfondi e controlli dettagliati per card e pagina di visione.

Lo schermo Appearance su /admin/appearance è il tuo pannello di controllo senza codice. Tutto qui ridisegna il tema attivo — loghi, colori, modalità scura, layout e i dettagli sulle schede video e nelle pagine di visualizzazione — senza toccare un singolo file. Le modifiche vengono salvate come impostazioni e lette dal tema al momento del rendering, quindi puoi sperimentare liberamente e annullare qualsiasi cosa.

Lo schermo è suddiviso in sotto-schede nella parte superiore. Questa pagina illustra ciascun gruppo. Se preferisci modificare il markup stesso, questo è il compito dei temi; i valori seguenti sono esposti al codice del template come variabili con prefisso $_, documentate per intero nella documentazione di riferimento delle API del tema.

Branding

Apri Appearance → Branding per impostare la tua identità. Puoi caricare un logo separato per il tema chiaro e quello scuro — lascia entrambi vuoti per mostrare il nome del sito come testo semplice, e il logo scuro viene sostituito da una versione invertita di quello chiaro se fornisci solo quest'ultimo. Un favicon (quadrato, almeno 32×32px) viene mostrato nella scheda del browser.

Tutti i file di branding si trovano sotto /uploads/branding/. È supportata anche un'immagine di sfondo del sito, con una modalità di visualizzazione cover, contain o repeat; il tuo tema le legge come $_siteBackground e $_siteBackgroundMode. Puoi anche regolare l'altezza del logo per desktop (predefinito 36px) e mobile (predefinito 28px) con un'anteprima live.

Usa un PNG trasparente o SVG. Un logo con sfondo trasparente si adatta perfettamente sia all'intestazione chiara che a quella scura. Mantieni ogni file sotto i 5 MB.

Colori e modalità scura

Sotto Appearance → Colors si impostano due palette — una per il tema Chiaro e una per il tema Scuro — utilizzando un selettore di colori con opacità opzionale. Ogni sovrascrittura viene compilata in proprietà CSS personalizzate e iniettata come blocco <style> tramite $_colorOverrides, così pochi valori si propagano attraverso l'intero tema. Ogni palette espone gli stessi otto ruoli:

Primary
Colore principale per pulsanti, link e stati attivi. Condiviso tra entrambi i temi per impostazione predefinita.
Background
Lo sfondo della pagina.
Surface
Barre laterali, sfondi di sezione e input.
Card
Schede video, commenti e blocchi di contenuto.
Dark BG
Piè di pagina, overlay e segnaposto.
Text / Muted Text
Testo del corpo e testo meta, link e segnaposto più discreti.
Border
Separatori e contorni delle schede.

La stessa schermata contiene i controlli per la modalità scura. Un interruttore utente principale decide se i visitatori hanno un pulsante chiaro/scuro nell'intestazione, e un valore Predefinito di Light o Dark imposta ciò che vedono per primi. Se disattivi l'interruttore utente, il sito usa sempre il predefinito scelto e la palette inutilizzata viene disattivata.

Layout

Appearance → Layout controlla le dimensioni delle griglie. L'opzione principale è video per riga — scegli 4, 5 o 6 (predefinito 5), esposta ai template come $_videosPerRow. Le sezioni con schede consentono anche di impostare il conteggio per pagina e l'ordinamento predefinito per video, categorie, pornstar e canali, e un blocco Dimensioni sito imposta la larghezza massima complessiva (predefinito 1800px) e il padding della pagina.

L'ordinamento per tendenze richiede il plugin CTR. L'opzione di ordinamento predefinito Trending rimane bloccata finché non si abilita il ranking per click-through. Vedi CTR ranking.

Opzioni schede video

Sotto Appearance → Video Cards puoi regolare ogni miniatura in un elenco, con un'anteprima live fissa che si aggiorna al variare di ogni controllo.

OpzioneVariabileCosa fa
Mostra badge durata$_cardShowDurationIl badge durata in basso a destra della miniatura.
Mostra titolo$_cardShowTitleIl titolo del video sotto la miniatura.
Righe titolo$_cardTitleLinesLimita il titolo a 1 o 2 righe.
Meta sinistra / destra$_cardMetaLeft / $_cardMetaRightScegli cosa mostrare su ogni lato: views, likes, time (tempo trascorso) o none.
Spazio griglia$_cardGridGapSpaziatura tra le schede, 0–30px.
Raggio bordo$_cardBorderRadiusArrotondamento degli angoli, 0–24px.
Zoom al passaggio del mouse$_cardThumbnailHoverIngrandisce la miniatura al passaggio del mouse.

Queste opzioni rispettano le impostazioni della pagina di visualizzazione riportate di seguito. Se nascondi la durata o un valore meta nella pagina di visualizzazione, la corrispondente opzione della scheda viene disabilitata automaticamente in modo che le due rimangano coerenti.

Opzioni pagina di visualizzazione

La sotto-scheda Watch Page decide cosa appare intorno al player. Ogni elemento è un interruttore indipendente; le sezioni senza dati si nascondono comunque.

  • Informazioni videoVisualizzazioni, Durata, Data di pubblicazione, Mi piace / Non mi piace e il pulsante Preferiti.
  • Dettagli videoPerformer, Canali, Categorie e Tag.
  • Commenti — attiva o disattiva il thread dei commenti a livello di sito ($_commentsEnabled). Vedi commenti.

La stessa schermata configura anche il player (qualità predefinita, velocità di riproduzione, pulsante download, loop e schermo intero con doppio clic) e il numero di video correlati nella barra laterale. Questi corrispondono alle variabili $_watchShow* nell'API del tema.

Navigazione e ricerca

La sotto-scheda Menu costruisce la navigazione dell'intestazione. Attiva o disattiva la barra di ricerca ($_menuSearch), poi assembla il menu con destinazioni integrate o link personalizzati. Ogni elemento ($_menuItems) contiene un label, un url, un flag enabled e un elenco opzionale templates in modo che un link possa apparire solo su certi tipi di pagina. Quando pubblichi più di una lingua, appare automaticamente un selettore di lingua.

Per le pagine statiche che alimentano il menu e il piè di pagina, vedi pagine e menu.

Prossimi passi

Ancora bloccato?

Apri un ticket dalla tua dashboard e il nostro team ti aiuterà.

Prova la demo live → Scarica TubePress →