इसके माध्यम से साझा किया गया


CSS फ़ाइलों को प्रबंधित करें

कैस्केडिंग शैली पत्रक (CSS) की मदद से आप अपनी साइट के स्वरूप और शैली को नियंत्रित कर सकते हैं.

डिफ़ॉल्ट रूप से, नई Power Pages साइटों में bootstrap.min.css, theme.css और portalbasictheme.css फ़ाइलें साइट टेम्पलेट्स के भाग के रूप में स्थापित हैं.

आप स्टाइलिंग कार्यस्थान का उपयोग करके शैली को संशोधित कर सकते हैं या आप अपनी स्वयं की कस्टम CSS फ़ाइलें अपलोड कर सकते हैं.

जब आप एक नई कस्टम CSS फ़ाइल अपलोड करते हैं, तो यह पोर्टल प्रबंधन ऐप में एक वेब फ़ाइल के रूप में उपलब्ध होती है.

नोट

Power Pages साइट्स Bootstrap 3.3.x का उपयोग करती हैं. साइट डेवलपर को Bootstrap 3 को अन्य CSS लाइब्रेरी के साथ प्रतिस्थापित नहीं करना चाहिए, क्योंकि Power Pages में कुछ परिदृश्य Bootstrap 3.3.x पर निर्भर हैं. अधिक जानकारी: बूटस्ट्रैप अवलोकन.

स्टाइलिंग कार्यस्थान में कस्टम CSS फ़ाइलें प्रबंधित करें

  1. Power Pages पर जाएँ.

  2. उस साइट पर संपादित करें चुनें, जिसमें आप पेज जोड़ना चाहते हैं.

  3. स्टाइलिंग कार्यस्थान चुनें.

  4. स्टाइलिंग कार्यस्थान में अधिक विकल्पों के अंतर्गत CSS प्रबंधित करें विकल्प चुनें.

    डिज़ाइन स्टूडियो का उपयोग करके CSS फ़ाइलें प्रबंधित करें.

CSS फ़ाइलें अपलोड करें

CSS प्रबंधित करें पैनल में, डिफ़ॉल्ट CSS फ़ाइलों की एक सूची प्रदर्शित होती है:

  • bootstrapmin.css
  • theme.css
  • portalbasictheme.css

अपनी कस्टम CSS फ़ाइल अपलोड करने के लिए, अपलोड करें चुनें और अपनी कस्टम CSS फ़ाइल चुनें.

डिज़ाइन स्टूडियो का उपयोग करके CSS फ़ाइलें अपलोड करें.

नोट

  • आप 1 MB तक आकार की कस्टम CSS फ़ाइलें अपलोड कर सकते हैं.
  • एक बार कस्टम CSS फ़ाइल अपलोड हो जाने पर पूर्वावलोकन दाईं ओर दिखाई देगा.
  • अपलोड की गई कस्टम CSS फ़ाइलें सभी विषयों के लिए लागू होंगी.

अधिक विकल्प

कस्टम CSS फ़ाइल के दाईं ओर ... (दीर्घवृत्त) का चयन करें, जहाँ आप फ़ाइल को प्राथमिकता में ऊपर या नीचे ले जा सकते हैं और कस्टम CSS फ़ाइल को अक्षम कर सकते हैं.

नोट

नीचे सूचीबद्ध CSS फ़ाइलें उच्च प्राथमिकता लेती हैं, जिसका अर्थ है कि यदि दो फ़ाइलों में एक ही संपत्ति का अद्यतन होता है, तो सूची में नीचे की फ़ाइल में शामिल अद्यतन लागू किया जाएगा.

CSS फ़ाइलों के लिए प्राथमिकता का क्रम.

वास्तुकला

कोई भी कस्टम CSS फ़ाइल डिफ़ॉल्ट portalbasictheme.css से कम प्राथमिकता पर और theme.css से अधिक प्राथमिकता पर होती है. यह प्राथमिकता आउट-ऑफ़-बॉक्स स्टाइलिंग विकल्पों के लिए स्टाइल पैनल का उपयोग करके शैलियों को अनुकूलित करने के लिए प्रोत्साहित करना है.

नोट

हम की अनुशंसा करते हैं कि कस्टम CSS का उपयोग केवल उन शैलियों को प्रारूपित करने के लिए किया जाना चाहिए जो स्टाइल फलक में बॉक्स से बाहर प्रदान नहीं की जाती हैं.

चेतावनी

किसी भी डिफ़ॉल्ट CSS फ़ाइल (bootstrap.min.css, theme.css, or portalbasictheme.css) के डिस्प्ले ऑर्डर को निष्क्रिय करने, हटाने या बदलने का काम न करें. आपको डिज़ाइन स्टूडियो में एक त्रुटि दिखाई देगी.
पोर्टल प्रबंधन ऐप का उपयोग करके CSS फ़ाइलें अपडेट करें।
समस्या को हल करने के लिए पोर्टल प्रबंधन ऐप खोलें और डिफ़ॉल्ट CSS फ़ाइलों की डिफ़ॉल्ट स्थिति और प्रदर्शन क्रम को पुनर्स्थापित करें।

कस्टम CSS फ़ाइल हटाएँ

  1. CSS फ़ाइल्स वेब फ़ाइल्स के रूप में संग्रहीत होती हैं. कस्टम CSS फ़ाइल हटाने के लिए, पोर्टल प्रबंधन ऐप पर जाएँ और वेब फ़ाइल्स चुनें.

  2. कस्टम CSS फ़ाइल रिकॉर्ड का पता लगाएँ. आपको सही रिकॉर्ड का पता लगाने के लिए नाम तथा वेबसाइट मान पर फ़िल्टर करने की आवश्यकता हो सकती है.

  3. वेब फ़ाइल रिकॉर्ड का चयन करने के बाद, हटाएँ चुनें.

  4. डिज़ाइन स्टूडियो में, कस्टम CSS से स्टाइल परिवर्तन साफ़ करने के लिए सिंक कॉन्फ़िगरेशन चुनें.

भी देखें