सामग्री पर जाएं
TubePress — मुफ़्त, स्व-होस्टेड & सक्रिय रूप से अनुरक्षित
रूप-रंग और थीम

रूप-रंग और ब्रांडिंग

लोगो, फ़ेविकॉन, रंग, डार्क मोड, बैकग्राउंड और कार्ड व वॉच-पेज के विस्तृत नियंत्रण।

Appearance स्क्रीन /admin/appearance पर आपका नो-कोड कंट्रोल रूम है। यहाँ सब कुछ सक्रिय थीम को पुनः स्टाइल करता है — लोगो, रंग, डार्क मोड, लेआउट, और वीडियो कार्ड तथा वॉच पेज पर बारीक विवरण — बिना किसी फ़ाइल को छुए। परिवर्तन सेटिंग के रूप में सहेजे जाते हैं और रेंडर के समय थीम द्वारा पढ़े जाते हैं, इसलिए आप स्वतंत्र रूप से प्रयोग कर सकते हैं और कुछ भी वापस ला सकते हैं।

स्क्रीन ऊपर सब-टैब में विभाजित है। यह पेज प्रत्येक समूह से गुज़रता है। यदि आप मार्कअप ही बदलना चाहते हैं, तो वह थीम का काम है; नीचे के मान टेम्पलेट कोड को $_-उपसर्ग वाले चर के रूप में उपलब्ध हैं, जो थीम API संदर्भ में पूरी तरह से प्रलेखित हैं।

ब्रांडिंग

अपनी पहचान सेट करने के लिए Appearance → Branding खोलें। आप लाइट और डार्क थीम के लिए अलग-अलग लोगो अपलोड कर सकते हैं — यदि आप अपने साइट का नाम सादे टेक्स्ट के रूप में दिखाना चाहते हैं तो दोनों खाली छोड़ें, और यदि आप केवल लाइट लोगो प्रदान करते हैं तो डार्क लोगो उसके उल्टे संस्करण पर वापस आ जाता है। एक favicon (वर्गाकार, कम से कम 32×32px) ब्राउज़र टैब में दिखाया जाता है।

सभी ब्रांडिंग फ़ाइलें /uploads/branding/ के अंतर्गत हैं। साइट की पृष्ठभूमि छवि भी समर्थित है, cover, contain या repeat के डिस्प्ले मोड के साथ; आपकी थीम इन्हें $_siteBackground और $_siteBackgroundMode के रूप में पढ़ती है। आप डेस्कटॉप (डिफ़ॉल्ट 36px) और मोबाइल (डिफ़ॉल्ट 28px) के लिए लाइव प्रीव्यू के साथ लोगो ऊंचाई भी समायोजित कर सकते हैं।

पारदर्शी PNG का उपयोग करें। पारदर्शी पृष्ठभूमि वाला लोगो लाइट और डार्क दोनों हेडर पर साफ़ दिखता है। प्रत्येक फ़ाइल को 5 MB से कम रखें।

रंग और डार्क मोड

Appearance → Colors के अंतर्गत आप दो पैलेट सेट करते हैं — एक Light थीम के लिए और एक Dark थीम के लिए — वैकल्पिक opacity के साथ एक कलर पिकर का उपयोग करके। प्रत्येक ओवरराइड CSS कस्टम प्रॉपर्टी में संकलित होता है और $_colorOverrides <style> ब्लॉक के रूप में इंजेक्ट किया जाता है, इसलिए कुछ मान पूरी थीम में कास्केड होते हैं। प्रत्येक पैलेट एक ही आठ भूमिकाएँ उजागर करता है:

प्राइमरी
बटन, लिंक और सक्रिय अवस्थाओं के लिए एक्सेंट रंग। डिफ़ॉल्ट रूप से दोनों थीम में साझा।
पृष्ठभूमि
पेज की पृष्ठभूमि।
सर्फेस
साइडबार, सेक्शन पृष्ठभूमि और इनपुट।
कार्ड
वीडियो कार्ड, टिप्पणियाँ और कंटेंट ब्लॉक।
डार्क BG
फुटर, ओवरले और प्लेसहोल्डर।
टेक्स्ट / मंद टेक्स्ट
बॉडी टेक्स्ट और शांत मेटा, लिंक और प्लेसहोल्डर टेक्स्ट।
बॉर्डर
विभाजक और कार्ड की रूपरेखा।

यही स्क्रीन डार्क मोड नियंत्रण भी रखती है। एक मास्टर यूज़र टॉगल तय करता है कि आगंतुकों को हेडर में लाइट/डार्क स्विच मिलता है या नहीं, और लाइट या डार्क का डिफ़ॉल्ट सेट करता है कि वे पहले क्या देखते हैं। यदि आप यूज़र टॉगल बंद करते हैं, तो साइट हमेशा आपके चुने हुए डिफ़ॉल्ट का उपयोग करती है और अप्रयुक्त पैलेट धुंधला हो जाता है।

लेआउट

Appearance → Layout नियंत्रित करता है कि ग्रिड कैसे आकारित होते हैं। मुख्य विकल्प है प्रति पंक्ति वीडियो — 4, 5 या 6 चुनें (डिफ़ॉल्ट 5), टेम्पलेट को $_videosPerRow के रूप में उपलब्ध। टैब्ड सेक्शन आपको वीडियो, कैटेगरी, पोर्नस्टार और चैनल के लिए प्रति-पेज गिनती और डिफ़ॉल्ट सॉर्ट भी सेट करने देते हैं, और एक Site Dimensions ब्लॉक समग्र अधिकतम चौड़ाई (डिफ़ॉल्ट 1800px) और पेज पैडिंग सेट करता है।

ट्रेंडिंग सॉर्ट के लिए CTR प्लगइन की आवश्यकता है। Trending डिफ़ॉल्ट-सॉर्ट विकल्प तब तक लॉक रहता है जब तक आप क्लिक-थ्रू रैंकिंग सक्षम नहीं करते। देखें CTR ranking।

वीडियो कार्ड विकल्प

Appearance → Video Cards के अंतर्गत आप एक लिस्टिंग में हर थंबनेल को ठीक-ठाक करते हैं, एक स्टिकी लाइव प्रीव्यू के साथ जो प्रत्येक नियंत्रण बदलने पर अपडेट होती है।

विकल्पचरयह क्या करता है
अवधि बैज दिखाएँ$_cardShowDurationथंबनेल के नीचे-दाईं ओर अवधि पिल।
शीर्षक दिखाएँ$_cardShowTitleथंबनेल के नीचे वीडियो शीर्षक।
शीर्षक पंक्तियाँ$_cardTitleLinesशीर्षक को 1 या 2 पंक्तियों तक सीमित करें।
मेटा बाएँ / दाएँ$_cardMetaLeft / $_cardMetaRightप्रत्येक ओर क्या दिखाना है चुनें: views, likes, time (कितने समय पहले) या none।
ग्रिड गैप$_cardGridGapकार्ड के बीच की दूरी, 0–30px।
बॉर्डर रेडियस$_cardBorderRadiusकोने की गोलाई, 0–24px।
होवर ज़ूम$_cardThumbnailHoverहोवर पर थंबनेल को ज़ूम करें।

ये विकल्प नीचे दिए गए वॉच पेज सेटिंग का सम्मान करते हैं। यदि आप वॉच पेज पर अवधि या मेटा मान छुपाते हैं, तो मिलान करने वाला कार्ड विकल्प स्वचालित रूप से अक्षम हो जाता है ताकि दोनों सुसंगत रहें।

वॉच पेज विकल्प

Watch Page सब-टैब तय करता है कि प्लेयर के आसपास क्या दिखता है। प्रत्येक आइटम एक स्वतंत्र टॉगल है; बिना डेटा वाले सेक्शन स्वयं छुप जाते हैं।

  • वीडियो जानकारी — व्यूज़, अवधि, प्रकाशन तिथि, लाइक / डिसलाइक और पसंदीदा बटन।
  • वीडियो विवरण — कलाकार, चैनल, श्रेणियाँ और टैग।
  • टिप्पणियाँ — पूरी साइट पर टिप्पणी थ्रेड चालू या बंद करें ($_commentsEnabled)। देखें टिप्पणियाँ।

यही स्क्रीन प्लेयर (डिफ़ॉल्ट गुणवत्ता, प्लेबैक गति, डाउनलोड बटन, लूप और डबल-क्लिक फुलस्क्रीन) और साइडबार में संबंधित वीडियो की संख्या भी कॉन्फ़िगर करती है। ये थीम API में $_watchShow* चर से मेल खाते हैं।

नेविगेशन और खोज

Menu सब-टैब आपकी हेडर नेविगेशन बनाता है। search bar को चालू या बंद करें ($_menuSearch), फिर अंतर्निहित गंतव्यों या अपने कस्टम लिंक से मेनू असेंबल करें। प्रत्येक आइटम ($_menuItems) एक label, url, एक enabled फ्लैग और एक वैकल्पिक templates सूची रखता है ताकि एक लिंक केवल कुछ पेज प्रकारों पर दिखाई दे सके। जब आप एक से अधिक भाषा प्रकाशित करते हैं, तो एक भाषा स्विचर स्वचालित रूप से प्रकट होता है।

आपके मेनू और फुटर को भरने वाले स्थिर पेजों के लिए, देखें पेज और मेनू।

अगले चरण

अभी भी अटके हैं?

अपने डैशबोर्ड से टिकट खोलें और हमारी टीम आपकी मदद करेगी।

लाइव डेमो आज़माएं → TubePress डाउनलोड करें →