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

डिज़ाइन स्टूडियो पेज संपादक के साथ वेबपेजों को अनुकूलित करें

  • आलेख

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

संपादक का उपयोग करना

संपादक का उपयोग करें:

  1. पोर्टल की सामग्री और घटकों को संपादित करने के लिए डिज़ाइन स्टूडियो खोलें.

  2. पृष्ठ कार्यस्थानपर जाएँ.

  3. वह पृष्ठ चुनें जहां आप घटक या अनुभाग जोड़ना चाहते हैं।

  4. एक अनुभाग जोड़ने के लिए, किसी भी संपादन योग्य अनुभाग क्षेत्र पर होवर करें, और फिर धन चिह्न (+) का चयन करें। फिर आप छह सेक्शन लेआउट विकल्पों में से चुन सकते हैं।

    छह सेक्शन लेआउट विकल्प.

  5. एक घटक जोड़ने के लिए, उस अनुभाग पर होवर करें जहां आप घटक रखना चाहते हैं, और फिर + चुनें। फिर आप उपलब्ध घटकों के बीच चयन कर सकते हैं।

    घटक जोड़ें मेनू विकल्प.

    नोट

    आप वेब टेम्प्लेट को वेब पेजों में घटकों के रूप में भी बना और उपयोग कर सकते हैं।
    अधिक जानकारी: कैसे करें: एक वेब टेम्पलेट घटक बनाएँ

    आप किसी पृष्ठ पर अनुभागों, स्तंभों और घटकों को पुनर्व्यवस्थित करने के लिए उन्हें खींच और छोड़ सकते हैं।

    किसी ऑब्जेक्ट को खींचने के लिए, माउस बटन पर बायाँ-क्लिक करें और दबाए रखें, या स्पेस बार को फ़ोकस करते समय दबाएँ। इसके बाद, माउस या कीबोर्ड तीरों का उपयोग करके ऑब्जेक्ट को लक्ष्य क्षेत्र पर खींचें। ड्रॉप ज़ोन यह इंगित करने के लिए प्रकट होते हैं कि वस्तु को कहाँ रखा जा सकता है। एक बार जब आप ड्रॉप ज़ोन पर पहुँच जाते हैं, तो बाईं माउस बटन को छोड़ दें या ऑब्जेक्ट को गिराने के लिए स्पेस बार दबाएँ।

    नोट

    • कुछ घटक खींचने योग्य नहीं हैं, जिनमें हेडर, फ़ुटर और कुछ नेस्टेड घटक (उदाहरण के लिए, टेक्स्ट घटक के भीतर लिंक) शामिल हैं।
    • ड्रैग एंड ड्रॉप कार्यक्षमता उन अनुभागों के लिए समर्थित नहीं है जिनमें flex-direction CSS गुण row-reverse पर सेट है।

  6. किसी घटक को हटाने के लिए, कैनवास पर घटक चुनें और फिर हटाएँ चुनें.

अधिक गहन संपादन अनुभव के लिए, आप संपादक के ऊपरी-दाएँ कोने में डबल तीर आइकन का चयन करके पूर्ण-स्क्रीन संपादन मोड का उपयोग कर सकते हैं।। आप Visual Studio Code पर भी स्विच कर सकते हैं, ज़ूम इन (+), ज़ूम आउट (-), या पेज डिज़ाइन कैनवास दृश्य को 100% पर रीसेट कर सकते हैं।

ज़ूम इन, ज़ूम आउट और रीसेट सहित इमर्सिव संपादन विकल्पों के लिए नियंत्रण।

घटक संपादित करें

सभी अनुभाग और घटक संदर्भ में संपादन की अनुमति देते हैं। आप किसी भी अनुभाग या घटक को सीधे कैनवास से संपादित कर सकते हैं।

किसी अनुभाग या घटक की शैलियों को समायोजित करने के लिए पेंटब्रश आइकन का चयन करें।

पेंटब्रश आइकन का स्क्रीनशॉट.

उपलब्ध शैलियाँ घटक के प्रकार पर आधारित होती हैं। वर्तमान में, अनुभाग, पाठ, बटन, चित्र और वीडियो समर्थित हैं। उपलब्ध शैलियाँ घटक के प्रकार के आधार पर भिन्न होती हैं और इनमें शामिल हैं:

  • लेआउट - पृष्ठ पर तत्वों की स्थिति और व्यवस्था को नियंत्रित करता है, जैसे मार्जिन, पैडिंग और स्थिति।

  • सजावट - तत्वों, जैसे बॉर्डर, छाया और कोने की त्रिज्या के दृश्य स्वरूप को बढ़ाती है।

  • टाइपोग्राफी - फ़ॉन्ट-फ़ैमिली, फ़ॉन्ट-आकार और अक्षर रिक्ति जैसे गुणों सहित पाठ की उपस्थिति बदलें।

नोट

जब आप शैलियाँ लागू करने के लिए पेंटब्रश आइकन का उपयोग करते हैं, तो ये समायोजन आमतौर पर स्टाइलिंग कार्यक्षेत्र और किसी भी मौजूदा कस्टम में कॉन्फ़िगर की गई सेटिंग्स पर वरीयता लेते हैं। CSS उदाहरण के लिए, पेंटब्रश टूल के साथ किसी टेक्स्ट घटक के फ़ॉन्ट को बदलने से आमतौर पर थीम (जैसे "शीर्षक 1") या अन्य विरासत में मिली शैलियों द्वारा निर्दिष्ट फ़ॉन्ट को ओवरराइड कर दिया जाएगा। हालाँकि, आपके कस्टम !important में CSS निर्देश के साथ परिभाषित शैलियों को ओवरराइड नहीं किया जाता है।

पूर्ववत् करें/पुन: करें

पेज कार्यस्थान में, कैनवास के ऊपर बाईं ओर पूर्ववत करें/फिर से करें बटन प्रदर्शित होते हैं। जब आप कोई परिवर्तन करते हैं तो पूर्ववत करें बटन सक्षम हो जाता है। जब आप किसी क्रिया को पूर्ववत करते हैं तो पुनः करें बटन सक्षम हो जाता है।

पूर्ववत करें और फिर से करें बटन के साथ पेज कार्यस्थान प्रदर्शित होता है।

किसी क्रिया को उलटने के लिए, पूर्ववत करें बटन का चयन करें।

पूर्ववत करने के लिए, पुनः करें बटन का चयन करें।

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

सीमाएँ

कार्यस्थान को सिंक करना, सहेजना, पूर्वावलोकन करना, ज़ूम करना, विस्तार करना/घटाना, कार्यस्थानों और पेजों के बीच नेविगेट करना और मीडिया और CSS फ़ाइलें अपलोड करना समर्थित नहीं है।

नोट

कोड घटकों को संपादित करें

कोड घटक गुण पेज कार्यस्थान के अंदर संपादन योग्य हैं।

किसी कोड घटक को संपादित करने के लिए:

  1. घटक का चयन करें और टूलबार से कोड घटक संपादित करें चुनें।

  2. अपने कोड घटक के लिए गुण सेट करें।

  3. पूर्ण चयन करें.

फ़ॉर्म और पृष्ठों में कोड घटकों को जोड़ने के बारे में अधिक जानकारी के लिए, Power Pages में कोड घटकों का उपयोग करें देखें।

भी देखें