Lewati ke konten
TubePress — gratis, self-hosted & aktif dikembangkan
Tampilan & tema

Tampilan & branding

Logo, favicon, warna, mode gelap, latar belakang dan kontrol kartu serta halaman tonton yang terperinci.

Layar Appearance di /admin/appearance adalah pusat kendali tanpa kode Anda. Semua yang ada di sini mengubah tampilan tema aktif — logo, warna, mode gelap, tata letak, dan detail halus pada kartu video serta halaman tonton — tanpa menyentuh satu pun file. Perubahan disimpan sebagai pengaturan dan dibaca oleh tema saat rendering, sehingga Anda dapat bereksperimen dengan bebas dan membatalkan apa pun.

Layar ini dibagi menjadi sub-tab di bagian atas. Halaman ini memandu setiap kelompok. Jika Anda lebih memilih mengubah markup itu sendiri, itulah tugas dari themes; nilai-nilai di bawah ini diekspos ke kode template sebagai variabel dengan awalan $_, yang didokumentasikan sepenuhnya dalam referensi theme API.

Branding

Buka Appearance → Branding untuk mengatur identitas Anda. Anda dapat mengunggah logo terpisah untuk tema terang dan gelap — biarkan keduanya kosong untuk menampilkan nama situs Anda sebagai teks biasa, dan logo gelap akan menggunakan versi terbalik dari logo terang jika Anda hanya menyediakan yang terakhir. Sebuah favicon (persegi, minimal 32×32px) ditampilkan di tab browser.

Semua file branding disimpan di /uploads/branding/. Gambar latar belakang situs juga didukung, dengan mode tampilan cover, contain, atau repeat; tema Anda membacanya sebagai $_siteBackground dan $_siteBackgroundMode. Anda juga dapat menyesuaikan tinggi logo untuk desktop (default 36px) dan mobile (default 28px) dengan pratinjau langsung.

Gunakan PNG atau SVG transparan. Logo dengan latar belakang transparan akan terlihat rapi di header terang maupun gelap. Jaga ukuran setiap file di bawah 5 MB.

Warna & mode gelap

Di Appearance → Colors Anda menetapkan dua palet — satu untuk tema Light dan satu untuk tema Dark — menggunakan pemilih warna dengan opasitas opsional. Setiap penggantian dikompilasi menjadi properti kustom CSS dan disuntikkan sebagai blok $_colorOverrides <style>, sehingga beberapa nilai memengaruhi seluruh tema. Setiap palet mengekspos delapan peran yang sama:

Utama
Warna aksen untuk tombol, tautan, dan status aktif. Digunakan bersama di kedua tema secara default.
Latar Belakang
Latar belakang halaman.
Surface
Sidebar, latar belakang seksi, dan input.
Kartu
Kartu video, komentar, dan blok konten.
BG Gelap
Footer, overlay, dan placeholder.
Teks / Teks Redup
Teks utama serta meta, tautan, dan teks placeholder yang lebih redup.
Batas
Pemisah dan garis tepi kartu.

Layar yang sama juga berisi kontrol mode gelap. Tombol pengguna utama menentukan apakah pengunjung mendapatkan sakelar terang/gelap di header, dan Default Light atau Dark mengatur apa yang mereka lihat pertama kali. Jika Anda mematikan tombol pengguna, situs selalu menggunakan default yang Anda pilih dan palet yang tidak digunakan akan menjadi abu-abu.

Tata Letak

Appearance → Layout mengontrol ukuran kisi-kisi. Opsi utama adalah video per baris — pilih 4, 5, atau 6 (default 5), yang diekspos ke template sebagai $_videosPerRow. Bagian bertab juga memungkinkan Anda mengatur jumlah per halaman dan urutan default untuk video, kategori, pornstar, dan channel, serta blok Site Dimensions menetapkan lebar maksimum keseluruhan (default 1800px) dan padding halaman.

Urutan Trending membutuhkan plugin CTR. Opsi urutan default Trending tetap terkunci sampai Anda mengaktifkan peringkat klik-tayang. Lihat CTR ranking.

Opsi kartu video

Di Appearance → Video Cards Anda menyempurnakan setiap thumbnail dalam daftar, dengan pratinjau langsung yang tetap terlihat dan diperbarui setiap kali Anda mengubah kontrol.

OpsiVariabelFungsinya
Tampilkan lencana durasi$_cardShowDurationLencana durasi di pojok kanan bawah thumbnail.
Tampilkan judul$_cardShowTitleJudul video di bawah thumbnail.
Baris judul$_cardTitleLinesBatasi judul menjadi 1 atau 2 baris.
Meta kiri / kanan$_cardMetaLeft / $_cardMetaRightPilih apa yang ditampilkan di setiap sisi: views, likes, time (waktu lalu) atau none.
Jarak kisi$_cardGridGapJarak antar kartu, 0–30px.
Radius tepi$_cardBorderRadiusPembulatan sudut, 0–24px.
Zoom saat hover$_cardThumbnailHoverPerbesar thumbnail saat hover.

Opsi-opsi ini mengikuti pengaturan halaman tonton di bawah. Jika Anda menyembunyikan durasi atau nilai meta di halaman tonton, opsi kartu yang sesuai akan dinonaktifkan secara otomatis agar keduanya tetap konsisten.

Opsi halaman tonton

Sub-tab Watch Page menentukan apa yang muncul di sekitar pemutar. Setiap item adalah sakelar independen; bagian yang tidak memiliki data akan disembunyikan sendiri.

  • Info videoPenayangan, Durasi, Tanggal publikasi, Suka / Tidak Suka dan tombol Favorit.
  • Detail videoPerformers, Channels, Kategori dan Tag.
  • Komentar — aktifkan atau nonaktifkan thread komentar di seluruh situs ($_commentsEnabled). Lihat comments.

Layar yang sama juga mengonfigurasi pemutar (kualitas default, kecepatan pemutaran, tombol unduh, putar ulang, dan layar penuh dengan klik ganda) serta jumlah video terkait di sidebar. Ini dipetakan ke variabel $_watchShow* dalam theme API.

Navigasi & pencarian

Sub-tab Menu membangun navigasi header Anda. Aktifkan atau nonaktifkan bilah pencarian ($_menuSearch), lalu susun menu dari tujuan bawaan atau tautan kustom Anda sendiri. Setiap item ($_menuItems) memiliki label, url, flag enabled, dan daftar templates opsional agar tautan hanya muncul pada jenis halaman tertentu. Ketika Anda menerbitkan lebih dari satu bahasa, pemilih bahasa muncul secara otomatis.

Untuk halaman statis yang mengisi menu dan footer Anda, lihat pages & menus.

Langkah selanjutnya

Masih kesulitan?

Buka tiket dari dasbor Anda dan tim kami akan membantu Anda.

Coba demo langsung → Unduh TubePress →