Aller au contenu
TubePress — gratuit, auto-hébergé & activement maintenu
Apparence et thèmes

Apparence et identité visuelle

Logo, favicon, couleurs, mode sombre, arrière-plans et réglages fins des cartes et de la page de visionnage.

L'écran Appearance à /admin/appearance est votre espace de contrôle sans code. Tout ce qui se trouve ici redéfinit le style du thème actif — logos, couleurs, mode sombre, mise en page et les détails des fiches vidéo et des pages de lecture — sans toucher au moindre fichier. Les modifications sont enregistrées en tant que paramètres et lues par le thème au moment du rendu, vous pouvez donc expérimenter librement et annuler n'importe quelle modification.

L'écran est divisé en sous-onglets en haut. Cette page parcourt chaque groupe. Si vous préférez modifier le balisage lui-même, c'est le rôle des thèmes ; les valeurs ci-dessous sont exposées au code de template sous forme de variables préfixées par $_, documentées en intégralité dans la référence de l'API de thème.

Branding

Ouvrez Appearance → Branding pour définir votre identité visuelle. Vous pouvez téléverser un logo distinct pour le thème clair et le thème sombre — laissez les deux vides pour afficher le nom de votre site en texte brut, et le logo sombre revient à une version inversée du logo clair si vous ne fournissez que ce dernier. Un favicon (carré, au moins 32×32px) est affiché dans l'onglet du navigateur.

Tous les fichiers d'identité visuelle se trouvent sous /uploads/branding/. Une image d'arrière-plan du site est également prise en charge, avec un mode d'affichage cover, contain ou repeat ; votre thème les lit via $_siteBackground et $_siteBackgroundMode. Vous pouvez également ajuster la hauteur du logo pour le bureau (défaut 36px) et le mobile (défaut 28px) avec un aperçu en direct.

Utilisez un PNG ou SVG transparent. Un logo avec un arrière-plan transparent s'intègre parfaitement sur les en-têtes clairs et sombres. Gardez chaque fichier en dessous de 5 MB.

Couleurs & mode sombre

Sous Appearance → Colors, vous définissez deux palettes — une pour le thème Light et une pour le thème Dark — via un sélecteur de couleur avec opacité optionnelle. Chaque personnalisation est compilée en propriétés CSS personnalisées et injectée dans le bloc $_colorOverrides <style>, de sorte qu'un ensemble de valeurs se propage dans tout le thème. Chaque palette expose les huit rôles suivants :

Primary
Couleur d'accent pour les boutons, les liens et les états actifs. Partagée entre les deux thèmes par défaut.
Background
L'arrière-plan de la page.
Surface
Barres latérales, arrière-plans de section et champs de saisie.
Card
Fiches vidéo, commentaires et blocs de contenu.
Dark BG
Pied de page, superpositions et espaces réservés.
Text / Muted Text
Texte principal et les méta, liens et texte de remplacement plus discrets.
Border
Séparateurs et contours de fiches.

Le même écran contient les contrôles du mode sombre. Un User toggle principal détermine si les visiteurs disposent d'un interrupteur clair/sombre dans l'en-tête, et un Default de Light ou Dark définit ce qu'ils voient en premier. Si vous désactivez le toggle utilisateur, le site utilise toujours votre thème par défaut choisi et la palette inutilisée est grisée.

Layout

Appearance → Layout contrôle le dimensionnement des grilles. L'option principale est videos per row — choisissez 4, 5 ou 6 (défaut 5), exposé aux templates via $_videosPerRow. Les sections à onglets vous permettent également de définir le nombre par page et le tri par défaut pour les vidéos, catégories, pornstars et chaînes, et un bloc Site Dimensions définit la largeur maximale globale (défaut 1800px) et le rembourrage de la page.

Le tri Tendances nécessite le plugin CTR. L'option de tri par défaut Trending reste verrouillée tant que vous n'activez pas le classement par taux de clic. Voir CTR ranking.

Options des fiches vidéo

Sous Appearance → Video Cards, vous affinez chaque miniature dans une liste, avec un aperçu en direct fixe qui se met à jour à chaque modification.

OptionVariableRôle
Afficher l'indicateur de durée$_cardShowDurationL'indicateur de durée en bas à droite de la miniature.
Afficher le titre$_cardShowTitleLe titre de la vidéo sous la miniature.
Lignes du titre$_cardTitleLinesLimiter le titre à 1 ou 2 lignes.
Méta gauche / droite$_cardMetaLeft / $_cardMetaRightChoisissez ce qui s'affiche de chaque côté : views, likes, time (temps écoulé) ou none.
Espacement de grille$_cardGridGapEspacement entre les fiches, 0–30px.
Rayon de bordure$_cardBorderRadiusArrondi des coins, 0–24px.
Zoom au survol$_cardThumbnailHoverZoomer la miniature au survol.

Ces options respectent les paramètres de la page de lecture ci-dessous. Si vous masquez la durée ou une valeur de méta sur la page de lecture, l'option de fiche correspondante est désactivée automatiquement afin que les deux restent cohérents.

Options de la page de lecture

Le sous-onglet Watch Page détermine ce qui apparaît autour du lecteur. Chaque élément est un interrupteur indépendant ; les sections sans données se masquent d'elles-mêmes dans tous les cas.

  • Video infoViews, Duration, Date published, Like / Dislike et le bouton Favourite.
  • Video detailsPerformers, Channels, Categories et Tags.
  • Comments — activez ou désactivez le fil de commentaires sur l'ensemble du site ($_commentsEnabled). Voir commentaires.

Le même écran configure également le lecteur (qualité par défaut, vitesse de lecture, bouton de téléchargement, boucle et plein écran au double-clic) et le nombre de vidéos associées dans la barre latérale. Ces options correspondent aux variables $_watchShow* dans l'API de thème.

Navigation & recherche

Le sous-onglet Menu construit votre navigation d'en-tête. Activez ou désactivez la barre de recherche ($_menuSearch), puis assemblez le menu à partir de destinations intégrées ou de vos propres liens personnalisés. Chaque élément ($_menuItems) possède un label, une url, un indicateur enabled et une liste optionnelle templates pour qu'un lien n'apparaisse que sur certains types de pages. Lorsque vous publiez dans plusieurs langues, un sélecteur de langue apparaît automatiquement.

Pour les pages statiques qui alimentent votre menu et votre pied de page, voir pages & menus.

Prochaines étapes

Toujours bloqué ?

Ouvrez un ticket depuis votre tableau de bord et notre équipe vous assistera.

Essayer la démo en direct → Télécharger TubePress →