स्टाइल मैनेजर

क्या यह पृष्ठ करता है

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

इसके बारे में एक दृश्य संपादक की तरह सोचें जो आपकी साइट के शीर्ष पर बैठता है, आपको इंगित करने देता है और तुरंत डिजाइन परिवर्तन करने के लिए क्लिक करता है।

[Screenshot: पृष्ठ-overview]

कैसे यहाँ पाने के लिए

नेविगेट करने के लिए व्यवस्थापक पैनल टेम्पलेट्स स्टाइल मैनेजर

पृष्ठ को समझना

जब आप पहली बार स्टाइल मैनेजर को खोलते हैं, तो आपको दो मुख्य क्षेत्रों की ओर दिखाई देंगे:

लेफ्ट पैनल: स्टाइल संपादक

यह विभिन्न स्टाइल विकल्पों के लिए सात टैब के साथ आपका नियंत्रण कक्ष है:

रंग - पाठ रंग और पृष्ठभूमि (ग्रेडिएंट सहित)
Typography - फ़ॉन्ट्स, आकार और पाठ स्वरूपण
रिक्ति - पैडिंग और मार्जिन
सीमा - सीमा शैली, चौड़ाई, रंग और छाया
लेआउट - प्रदर्शन सेटिंग्स, पोजिशनिंग और फ्लेक्सबॉक्स
प्रभाव - Opacity, बदलता है, और फिल्टर
आकार - चौड़ाई, ऊंचाई और पहलू अनुपात

जब आप अपनी साइट पर एक तत्व चुनते हैं, तो यह पैनल वर्तमान शैलियों को दर्शाता है और आपको उन्हें बदलने देता है।

राइट पैनल: लाइव पूर्वावलोकन

यह आपकी वास्तविक वेबसाइट को एक पूर्वावलोकन विंडो में दिखाता है। आप कर सकते हैं:

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

शीर्ष नियंत्रण

हेडर बार में शामिल हैं:

लाइट मोड / डार्क मोड बटन - कौन सा मोड आप संपादन कर रहे हैं चुनें
सभी सहेजें - अपनी सभी शैली परिवर्तन सहेजें
सभी को रीसेट करें - सभी कस्टम शैलियों को निकालें और ताजा शुरू करें

युक्ति: शीर्ष नियंत्रण में मोड बटन जो शैली आप बचत कर रहे हैं। यदि आप अपनी साइट की अंधेरे उपस्थिति को अलग से अनुकूलित करना चाहते हैं तो डार्क मोड में स्विच करना सुनिश्चित करें।

सामान्य कार्य

कैसे एक तत्व को स्टाइल करने के लिए

यह मूल कार्यप्रवाह है जिसका आप सभी स्टाइलिंग कार्यों के लिए उपयोग करेंगे।

क्लिक करें संपादन मोड पूर्वावलोकन टूलबार में बटन (कर्सर आइकन)।
एक हरे रंग की "Edit Mode Active" सूचक आपकी स्क्रीन के शीर्ष पर दिखाई देता है।
अपने माउस को पूर्वावलोकन में तत्वों पर ले जाएँ - वे एक नीली रूपरेखा के साथ हाइलाइट करेंगे।
इसे चुनने के लिए एक तत्व पर क्लिक करें।
आप बाएं पैनल के शीर्ष पर चयनित तत्व के बारे में जानकारी देखेंगे।
टैब (Colors, Typography, etc) का उपयोग करके यह कैसे दिखता है।
देखें कि आपके बदलाव तुरंत पूर्वावलोकन में दिखाई देते हैं।
जब आप परिवर्तन से खुश हैं, तो क्लिक करें परिवर्तन सहेजें बाएं पैनल के नीचे।

[Screenshot: चयन और संपादन-element]

ध्यान दें: जब तक आप सेव चेंज क्लिक करते हैं तब तक आपको पूर्वावलोकन में ही दिखाई देते हैं। एक बार बचाया, वे सभी आगंतुकों के लिए आपकी लाइव साइट पर दिखाई देंगे।

रंग कैसे बदलें

एक तत्व चुनने के बाद:

क्लिक करें रंग बाएं पैनल में टैब।
विस्तार पाठ रंग पाठ रंग बदलने के लिए अनुभाग।
एक रंग पिकर खोलने के लिए रंग swatch (रंगीन वर्ग) पर क्लिक करें।
टेक्स्ट फ़ील्ड में एक हेक्स कोड चुनें या टाइप करें।
तत्व तुरंत पूर्वावलोकन में अद्यतन करता है।

पृष्ठभूमि बदलने के लिए:

में रंग टैब, विस्तार पृष्ठभूमि अनुभाग।
चुनें ठोस एक रंग के लिए या ग्रेडियेंट एक रंग मिश्रण के लिए।
ठोस पृष्ठभूमि के लिए, रंग swatch क्लिक करें और अपना रंग चुनें।
चेक पारदर्शी यदि आप सभी पर कोई पृष्ठभूमि नहीं चाहते हैं।

[Screenshot: color-picker-interface]

कैसे एक ढाल पृष्ठभूमि बनाने के लिए

ग्रेडिएंट आसानी से कई रंगों को मिश्रित करते हैं।

अपने तत्व का चयन करें और जाने के लिए रंग टैब
विस्तार पृष्ठभूमि और क्लिक करें ग्रेडियेंट बटन
8 दिशा बटन में से एक क्लिक करके एक दिशा चुनें (या एक कस्टम कोण दर्ज करें)।
आप कम से कम 2 रंग स्टॉप देखेंगे। रंग चुनने के लिए प्रत्येक रंग घड़ी क्लिक करें।
प्रत्येक रंग दिखाई देता है, जहां नियंत्रित करने के लिए स्थिति स्लाइडर (0-100%) समायोजित करें।
क्लिक करें + Add स्टॉप अपनी ढाल में अधिक रंग जोड़ने के लिए।
इसे हटाने के लिए एक रंग स्टॉप के बगल में एक्स बटन पर क्लिक करें (आपको कम से कम 2) रखना चाहिए।
जब आप बदलाव करते हैं तो gradient पूर्वावलोकन बार अद्यतन देखें।

[Screenshot: gradient-builder]

युक्ति: पहले दिशा से शुरू करें, फिर अपने रंगों को समायोजित करें। ढाल पूर्वावलोकन बार वास्तव में क्या आपके ढाल की तरह दिखेगा दिखाता है।

फ़ॉन्ट्स और टेक्स्ट कैसे बदलें

पाठ के साथ पाठ या किसी तत्व का चयन करने के बाद:

क्लिक करें Typography टैब
विस्तार फ़ॉन्ट परिवार और आकार।
से एक फ़ॉन्ट चुनें फ़ॉन्ट परिवार ड्रॉपडाउन (रोबोटो, इंटर, मॉन्टसेराट, आदि)।
सेट करें फ़ॉन्ट आकार संख्या इनपुट का उपयोग करके और इकाई (px, rem, em, or %) का चयन करें।
चुनें फ़ॉन्ट वजन पाठ पतले या बोल्डर बनाने के लिए (400 सामान्य है, 700 बोल्ड है)।

पाठ स्वरूपण के लिए:

विस्तार पाठ स्वरूपण अनुभाग।
बाएं, केंद्र, दाएं, या औचित्य को संरेखित करने के लिए संरेखण बटन पर क्लिक करें।
चुनें पाठ ट्रांसफॉर्म पाठ बनाने के लिए UPPERCASE, लोअरकेस, या कैपिटलाइज़ किया गया।
चुनें पाठ सजावट अंडरलाइन, स्ट्राइकथ्रू, या ओवरलाइन जोड़ने के लिए।

[स्क्रीनशॉट: टाइपोग्राफी-ऑप्शन]

स्पेस कैसे जोड़ें

स्पेसिंग तत्वों के आसपास और अंदर खाली स्थान को नियंत्रित करता है।

अपने तत्व का चयन करें और क्लिक करें रिक्ति टैब
विस्तार पैडिंग और तत्व के अंदर अंतरिक्ष जोड़ने के लिए एक नंबर दर्ज करें।
विस्तार मार्जिन और तत्व के बाहर अंतरिक्ष जोड़ने के लिए एक नंबर दर्ज करें।

ध्यान दें: पैडिंग तत्व के अंदर किनारों से सामग्री को दूर करता है। मार्जिन इसके चारों ओर अन्य तत्वों से दूर पूरे तत्व को धक्का देता है।

सीमा और छाया कैसे जोड़ें

एक तत्व चुनने के बाद:

क्लिक करें सीमा टैब
विस्तार सीमा सीमा को अनुकूलित करने के लिए
चुनें सीमा शैली (Solid, Dashed, Dotted, आदि)।
सेट करें सीमा चौड़ाई पिक्सेल
क्लिक करें सीमा रंग एक रंग चुनने के लिए घड़ी।
सेट सीमा त्रिज्या कोने को गोल करने के लिए।

एक छाया जोड़ने के लिए:

विस्तार बॉक्स छाया अनुभाग।
सामान्य छाया शैलियों के लिए एक छाया प्रीसेट बटन (कोई भी, SM, MD, LG, XL) पर क्लिक करें।
या में एक कस्टम छाया मान टाइप करें कस्टम छाया क्षेत्र।

[स्क्रीनशॉट: सीमा और छाया नियंत्रण]

युक्ति: छायाएं पृष्ठ के ऊपर तैरने के लिए दिखाई देती हैं। एमडी प्रीसेट के साथ शुरू करें और वहां से समायोजित करें।

कैसे स्टाइल होवर प्रभाव

जब कोई व्यक्ति अपने माउस को एक तत्व (जैसे बटन) पर ले जाता है तो होवर प्रभाव ट्रिगर होता है।

वह तत्व चुनें जिसे आप hover प्रभाव जोड़ना चाहते हैं।
के लिए देखो राज्य चयनकर्ता तत्व जानकारी के नीचे बार।
क्लिक करें : होवर बटन
चयनकर्ता प्रदर्शन अद्यतन दिखाने के लिए आप होवर शैलियों को संपादित कर रहे हैं।
अपना बदलाव करें - पृष्ठभूमि रंग बदलने या बदलने का प्रयास करें।
अपने माउस को प्रीव्यू में तत्व पर ले जाने के लिए होवर प्रभाव को देखने के लिए।
क्लिक करें परिवर्तन सहेजें जब किया जाता है।

[Screenshot: राज्य चयनकर्ता-hover]

चेतावनी: हॉवर प्रभाव केवल माउस के साथ उपकरणों पर काम करते हैं। मोबाइल उपयोगकर्ता तत्वों की दोहन करते समय इन प्रभावों को नहीं देखेंगे।

कैसे प्रकाश और डार्क मोड के लिए अलग से शैली के लिए

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

क्लिक करें लाइट मोड हेडर में प्रकाश मोड शैलियों को संपादित करने के लिए।
तत्वों का चयन करें और उन्हें वांछित के रूप में अनुकूलित करें।
क्लिक करें परिवर्तन सहेजें प्रत्येक तत्व के लिए।
क्लिक करें डार्क मोड हेडर में अंधेरे मोड संपादन के लिए स्विच करने के लिए।
पूर्वावलोकन स्वचालित रूप से अंधेरे मोड में स्विच करता है ताकि आप देख सकें कि आप क्या संपादन कर रहे हैं।
उसी तत्व का चयन करें और उन्हें अंधेरे मोड के लिए अनुकूलित करें।
अपने अंधेरे मोड में परिवर्तन सहेजें।

युक्ति: आपको दो बार प्रत्येक तत्व को अनुकूलित करने की आवश्यकता नहीं है। केवल उन चीजों को बदलने के लिए जिन्हें अंधेरे मोड में अलग दिखने की आवश्यकता होती है - आम तौर पर रंग और छाया।

विशिष्ट पृष्ठों पर शैलियों को कैसे लागू करें

डिफ़ॉल्ट रूप से, शैलियों आपकी पूरी साइट पर लागू होते हैं। लेकिन आप उन शैलियों को बना सकते हैं जो केवल कुछ पृष्ठों पर दिखाई देते हैं।

स्टाइल मैनेजर स्वचालित रूप से पता लगाता है कि आप किस पृष्ठ को देख रहे हैं:

आप देख रहे हैं	कहाँ शैलियाँ लागू
होमपेज (index.php)	केवल मुखपृष्ठ
पृष्ठ	केवल वीडियो पेज
गैलरी	केवल पृष्ठ
मॉडल पेज	केवल मॉडल पेज
कोई अन्य पेज	हर जगह (global)

पृष्ठ-विशिष्ट शैलियों को लागू करने के लिए:

उन पृष्ठ पर जाने के लिए पूर्वावलोकन नेविगेशन का उपयोग करें जिन्हें आप अनुकूलित करना चाहते हैं।
क्लिक करें संपादन मोड और उस पृष्ठ पर तत्वों का चयन करें।
अपनी शैली में परिवर्तन करें।
क्लिक करें परिवर्तन सहेजें।
ये शैली केवल उस विशिष्ट पृष्ठ पर लागू होगी।

ध्यान दें: यदि आप कई पृष्ठों पर एक ही तत्व को स्टाइल करते हैं, तो पृष्ठ-विशिष्ट शैलियों ने वैश्विक शैलियों को ओवरराइड किया।

कैसे शैलियाँ रीसेट करने के लिए

एक एकल तत्व रीसेट करें:

वह तत्व चुनें जिसे आप रीसेट करना चाहते हैं।
क्लिक करें तत्व रीसेट करें बाएं पैनल के नीचे।
क्लिक करके पुष्टि करें ठीक पॉपअप में।
उस तत्व के लिए सभी कस्टम शैलियों को हटा दिया जाता है।
तत्व अपनी मूल उपस्थिति में वापस आता है।

सब कुछ रीसेट करें:

क्लिक करें सभी को रीसेट करें हेडर में
ध्यान से चेतावनी पढ़ें - यह आपकी सभी कस्टम शैलियों को हटा देता है।
क्लिक करें ठीक पुष्टि करना
आपकी पूरी साइट पर सभी कस्टम शैलियों को हटा दिया जाता है।
आपकी साइट डिफ़ॉल्ट उपस्थिति में वापस आती है।

त्रुटि: सभी रीसेट नहीं किया जा सकता है। प्रमुख बदलाव करने से पहले, थीम मैनेजर का उपयोग करके बैकअप के रूप में अपने वर्तमान थीम को निर्यात करने पर विचार करें।

पूर्वावलोकन नियंत्रण

पूर्वावलोकन के शीर्ष पर टूलबार आपको पूर्वावलोकन को नेविगेट और नियंत्रित करने देता है:

बटन	यह क्या है
वापस तीर	पूर्वावलोकन में पिछले पृष्ठ पर वापस जाएं
फॉरवर्ड तीर	पूर्वावलोकन इतिहास में आगे बढ़ें
रिफ्रेश	वर्तमान पूर्वावलोकन पृष्ठ को पुनः लोड करें
यूआरएल बार	वर्तमान पृष्ठ URL प्रदर्शित करता है (केवल पढ़ें)
संपादन मोड	पर या बंद तत्व चयन बारी

डिवाइस पूर्वावलोकन

टेस्ट कैसे अपनी शैलियों प्रीव्यू हेडर में इन बटन पर क्लिक करके विभिन्न स्क्रीन आकारों पर नजर डालते हैं:

बटन	स्क्रीन का आकार	सर्वश्रेष्ठ
डेस्कटॉप	पूर्ण चौड़ाई	डिफ़ॉल्ट दृश्य, डेस्कटॉप कंप्यूटर
टैबलेट	768px चौड़ा	आईपैड और टैबलेट
मोबाइल	375px चौड़ा	iPhone और मोबाइल उपकरणों

पूर्वावलोकन एक छाया सीमा के साथ चयनित आकार को सिकुड़ता है ताकि आप ठीक से देख सकें कि मोबाइल उपयोगकर्ता आपकी साइट को कैसे देखेंगे।

[Screenshot: उत्तरदायी पूर्वावलोकन मोड]

डार्क मोड टॉगल

प्रीव्यू हेडर में चंद्रमा आइकन प्रकाश और अंधेरे मोड के बीच पूर्वावलोकन को टॉगल करता है। यह मुख्य शीर्षलेख में मोड बटन से अलग है:

हैडर मोड बटन - यह नियंत्रित करें कि आप किस शैली को सेव कर रहे हैं (प्रकाश या अंधेरा)
चंद्रमा बटन पूर्वावलोकन - वह नियंत्रण जो आप देख रहे हैं

युक्ति: आमतौर पर आप इन्हें सिंक में रख सकते हैं, लेकिन यदि आप तुलना करना चाहते हैं तो आप प्रकाश मोड शैलियों को संपादित करते समय डार्क मोड देख सकते हैं।

स्टाइल टैब्स को समझना

बाएं पैनल में प्रत्येक टैब विभिन्न दृश्य गुणों पर केंद्रित है।

रंग टैब

पाठ रंग - तत्व के अंदर पाठ का रंग
पृष्ठभूमि - ठोस रंग, ढाल, या पारदर्शी पृष्ठभूमि
ग्रेडिएंट बिल्डर - एकाधिक रंग स्टॉप के साथ चिकनी रंग मिश्रण बनाएं

Typography Tab

फ़ॉन्ट परिवार - पेशेवर वेब फोंट से चुनें
फ़ॉन्ट आकार - लचीला इकाइयों (px, rem, em, %) के साथ पाठ का आकार
फ़ॉन्ट वजन - कैसे पतली या बोल्ड पाठ दिखाई देता है
लाइन हाइट - पाठ की रेखाओं के बीच स्पेस
पत्र रिक्ति - व्यक्तिगत अक्षरों के बीच स्पेस
पाठ स्वरूपण - संरेखण, पूंजीकरण, underlines, आदि।

स्पेसिंग टैब

पैडिंग - तत्व के अंदर अंतरिक्ष (सामग्री और सीमा के बीच)
मार्जिन - तत्व के बाहर अंतरिक्ष

बॉर्डर टैब

सीमा शैली - ठोस, छींक, बिंदीदार, या सजावटी रेखाएं
सीमा चौड़ाई - सीमा कितनी मोटी है
सीमा रंग - सीमा रेखा का रंग
सीमा त्रिज्या - कैसे गोल कोने हैं
बॉक्स छाया - गहराई बनाने के लिए ड्रॉप छाया

लेआउट टैब

प्रदर्शन - तत्व कैसे व्यवहार करता है (ब्लॉक, इनलाइन, फ्लेक्स, ग्रिड, आदि)
स्थिति - तत्व कैसे स्थित है (स्थिर, सापेक्ष, पूर्ण, आदि)
फ्लेक्सबॉक्स - पंक्तियों या स्तंभों में बाल तत्वों की व्यवस्था के लिए नियंत्रण

प्रभाव टैब

Opacity - तत्व कितना पारदर्शी है (0% = अदृश्य, 100% = ठोस)
रूपांतरण - स्केल, घुमाएं, या तत्व को स्थानांतरित करें
फिल्टर - ब्लूर, चमक, विपरीत, और ग्रे स्केल प्रभाव

आकार टैब

चौड़ाई - तत्व कितना चौड़ा है
ऊंचाई - तत्व कितने लंबा है
मिन / मैक्स चौड़ाई और ऊंचाई - आकार बाधाएं
वस्तु फिट - कैसे छवियों और वीडियो अपने कंटेनर के अंदर फिट
पहलू अनुपात - अनुपात बनाए रखने (वर्ग, 16: 9, आदि)

नए उपयोगकर्ताओं के लिए युक्तियाँ

युक्ति:

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

समस्या निवारण

पूर्वावलोकन लोड नहीं करता है या एक खाली पृष्ठ दिखाता है

आप क्या देखते हैं: सही पैनल खाली, सफेद या त्रुटि दिखाता है।

इसे कैसे ठीक करें:

क्लिक करें रिफ्रेश पूर्वावलोकन टूलबार में बटन।
जांचें कि आपकी साइट एक नए ब्राउज़र टैब में खुलकर काम कर रही है।
यदि साइट काम करती है लेकिन पूर्वावलोकन नहीं करता है, तो अपने साइट व्यवस्थापक से संपर्क करें - यह एक विन्यास मुद्दा हो सकता है।

जब मैं उन्हें क्लिक करता हूं तो मैं तत्वों का चयन नहीं कर सकता

आप क्या देखते हैं: पूर्वावलोकन में तत्वों पर क्लिक करना कुछ नहीं करता है।

इसे कैसे ठीक करें:

सुनिश्चित करें संपादन मोड बटन (कर्सर आइकन) को हरे रंग में हाइलाइट किया गया है।
ताज़ा बटन का उपयोग करके पूर्वावलोकन को ताज़ा करने की कोशिश करें।
कुछ बहुत छोटे तत्व (5x5 पिक्सल से छोटा) चुना नहीं जा सकता - पास के तत्वों पर क्लिक करने का प्रयास करें।

मेरे बदलाव लाइव साइट पर दिखाई नहीं देते

आप क्या देखते हैं: बदलाव पूर्वावलोकन में दिखाई देते हैं लेकिन वास्तविक साइट पर नहीं।

इसे कैसे ठीक करें:

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

Hover प्रभाव काम नहीं करते

आप क्या देखते हैं: आपने :hover state को स्टाइल किया लेकिन जब आप hover करते हैं तो कुछ भी नहीं होता।

इसे कैसे ठीक करें:

सुनिश्चित करें कि आप क्लिक करें : होवर परिवर्तन करने से पहले राज्य चयनकर्ता में बटन।
हॉवर प्रभाव केवल माउस के साथ काम करते हैं - मोबाइल उपयोगकर्ता उन्हें नहीं देखेंगे।
जांचें कि आपकी मूल साइट शैलियों में विवादित होवर प्रभाव है जो आपके को ओवरराइड करता है।

रंग गलत दिखते हैं या मैं किस चीज से मेल नहीं खाता हूँ?

आप क्या देखते हैं: रंग पिकर एक रंग दिखाता है लेकिन तत्व दूसरे को दिखाता है।

इसे कैसे ठीक करें:

इसे फिर से चुनने और वर्तमान रंग मूल्यों को ताज़ा करने के लिए तत्व पर क्लिक करें।
सुनिश्चित करें कि आप सही संपत्ति का संपादन कर रहे हैं - पाठ रंग पृष्ठभूमि से अलग है।
अंतिम परिणाम देखने के लिए पूर्वावलोकन सहेजें और ताज़ा करें।

मैं अपने बदलाव को नहीं बचा सकता (सेव बटन ग्रे आउट है)

आप क्या देखते हैं: सभी को बचाने के लिए और सभी बटन को रीसेट करें अक्षम और ग्रे आउट हैं।

इसे कैसे ठीक करें:
पृष्ठ के शीर्ष पर एक नारंगी बैनर इंगित करता है कि डेमो मोड सक्षम है। डेमो मोड में परिवर्तन की बचत को रोकता है। यदि आपको परिवर्तनों को बचाने की आवश्यकता है, तो डेमो मोड को अक्षम करने के लिए अपने साइट प्रशासक से संपर्क करें।

मेरी ढाल नहीं दिखाती

आप क्या देखते हैं: आपने एक ढाल बनाई लेकिन तत्व अभी भी एक ठोस रंग दिखाता है।

इसे कैसे ठीक करें:

सुनिश्चित करें कि आप क्लिक करें ग्रेडियेंट पृष्ठभूमि अनुभाग में बटन (ठोस नहीं)।
जांचें कि आपके पास विभिन्न रंगों के साथ कम से कम 2 रंग स्टॉप हैं।
अपने बदलाव को सहेजें और पूर्वावलोकन को ताज़ा करें।

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

यह गाइड ComusThumbz साइट मालिकों और ऑपरेटरों के लिए है। यह बिना कोडिंग के अपनी साइट की उपस्थिति को अनुकूलित करने के लिए स्टाइल मैनेजर इंटरफ़ेस का उपयोग करने पर केंद्रित है।

Documentation Menu

स्टाइल मैनेजर

क्या यह पृष्ठ करता है

कैसे यहाँ पाने के लिए

पृष्ठ को समझना

लेफ्ट पैनल: स्टाइल संपादक

राइट पैनल: लाइव पूर्वावलोकन

शीर्ष नियंत्रण

सामान्य कार्य

कैसे एक तत्व को स्टाइल करने के लिए

रंग कैसे बदलें

कैसे एक ढाल पृष्ठभूमि बनाने के लिए

फ़ॉन्ट्स और टेक्स्ट कैसे बदलें

स्पेस कैसे जोड़ें

सीमा और छाया कैसे जोड़ें

कैसे स्टाइल होवर प्रभाव

कैसे प्रकाश और डार्क मोड के लिए अलग से शैली के लिए

विशिष्ट पृष्ठों पर शैलियों को कैसे लागू करें

कैसे शैलियाँ रीसेट करने के लिए

पूर्वावलोकन नियंत्रण

डिवाइस पूर्वावलोकन

डार्क मोड टॉगल

स्टाइल टैब्स को समझना

रंग टैब

Typography Tab

स्पेसिंग टैब

बॉर्डर टैब

लेआउट टैब

प्रभाव टैब

आकार टैब

नए उपयोगकर्ताओं के लिए युक्तियाँ

समस्या निवारण

पूर्वावलोकन लोड नहीं करता है या एक खाली पृष्ठ दिखाता है

जब मैं उन्हें क्लिक करता हूं तो मैं तत्वों का चयन नहीं कर सकता

मेरे बदलाव लाइव साइट पर दिखाई नहीं देते

Hover प्रभाव काम नहीं करते

रंग गलत दिखते हैं या मैं किस चीज से मेल नहीं खाता हूँ?

मैं अपने बदलाव को नहीं बचा सकता (सेव बटन ग्रे आउट है)

मेरी ढाल नहीं दिखाती

Contents

Documentation Menu

स्टाइल मैनेजर

क्या यह पृष्ठ करता है

कैसे यहाँ पाने के लिए

पृष्ठ को समझना

लेफ्ट पैनल: स्टाइल संपादक

राइट पैनल: लाइव पूर्वावलोकन

शीर्ष नियंत्रण

सामान्य कार्य

कैसे एक तत्व को स्टाइल करने के लिए

रंग कैसे बदलें

कैसे एक ढाल पृष्ठभूमि बनाने के लिए

फ़ॉन्ट्स और टेक्स्ट कैसे बदलें

स्पेस कैसे जोड़ें

सीमा और छाया कैसे जोड़ें

कैसे स्टाइल होवर प्रभाव

कैसे प्रकाश और डार्क मोड के लिए अलग से शैली के लिए

विशिष्ट पृष्ठों पर शैलियों को कैसे लागू करें

कैसे शैलियाँ रीसेट करने के लिए

पूर्वावलोकन नियंत्रण

नेविगेशन टूलबार

डिवाइस पूर्वावलोकन

डार्क मोड टॉगल

स्टाइल टैब्स को समझना

रंग टैब

Typography Tab

स्पेसिंग टैब

बॉर्डर टैब

लेआउट टैब

प्रभाव टैब

आकार टैब

नए उपयोगकर्ताओं के लिए युक्तियाँ

समस्या निवारण

पूर्वावलोकन लोड नहीं करता है या एक खाली पृष्ठ दिखाता है

जब मैं उन्हें क्लिक करता हूं तो मैं तत्वों का चयन नहीं कर सकता

मेरे बदलाव लाइव साइट पर दिखाई नहीं देते

Hover प्रभाव काम नहीं करते

रंग गलत दिखते हैं या मैं किस चीज से मेल नहीं खाता हूँ?

मैं अपने बदलाव को नहीं बचा सकता (सेव बटन ग्रे आउट है)

मेरी ढाल नहीं दिखाती

संबंधित पृष्ठ

Related Pages

Contents