अगर डिज़ाइन सेटिंग्स काफ़ी नहीं हैं, तो आप अपनी वेबसाइट में अपना CSS और HTML जोड़ सकते हैं। कोड को क्या करना है, उसके हिसाब से इसके लिए चार जगहें हैं। ये सभी हर पैकेज में उपलब्ध हैं।
आपका कोड कहाँ जाता है
- पूरी वेबसाइट के लिए अपनी स्टाइलशीट: सेटिंग्स → हेडर क्षेत्र, सेक्शन अपनी, अतिरिक्त CSS स्टाइलशीट। आपके CSS नियम हर पेज पर और मोबाइल लेआउट पर भी लागू होते हैं।
- हेड क्षेत्र में कोड: सेटिंग्स → हेडर क्षेत्र, सेक्शन अपना, अतिरिक्त HTML कोड (<head> और </head> के बीच)। यह
<style>और<link>टैग, अतिरिक्त मेटा टैग या वेब फ़ॉन्ट के लिए सही जगह है। - हर पेज की शुरुआत या अंत में HTML: सेटिंग्स → सामान्य, सेक्शन साइट-व्यापी, फ़ील्ड हर पेज की शुरुआत और हर पेज का अंत। काउंटर कोड और ऐसे ही स्निपेट के लिए उपयुक्त, जिन्हें हर पेज पर दिखना चाहिए।
- किसी एक पेज के अंदर कोड: कंटेंट एडिटर में ब्लॉक जोड़ें → विशेष → एम्बेड किया गया HTML के ज़रिए, जैसे किसी मैप, विजेट या वीडियो के एम्बेड कोड के लिए। टूलबार में HTML एडिटर से आप पेज कंटेंट का HTML सीधे भी संपादित कर सकते हैं।
अपनी स्टाइलशीट जोड़ें
- अपने CSS नियम किसी टेक्स्ट एडिटर में लिखें और फ़ाइल को
.cssएक्सटेंशन के साथ सहेजें। - फ़ाइल को फ़ाइलें → फ़ाइलें अपलोड करें के अंतर्गत अपलोड करें (देखें फ़ाइलें अपलोड करें)। CSS फ़ाइलें कोड फ़ाइलों वाले फ़ोल्डर में जाती हैं; फ़ोल्डर अपने-आप चुनें उन्हें वहीं रखता है।
- सेटिंग्स → हेडर क्षेत्र खोलें और अपनी, अतिरिक्त CSS स्टाइलशीट के अंतर्गत URL (.css फ़ाइल का): फ़ील्ड में फ़ाइल चुनें।
- सहेजें पर क्लिक करें और अपनी वेबसाइट को रीलोड करें।
अगर आपको सिर्फ़ कुछ नियम चाहिए, तो आप उन्हें अपना, अतिरिक्त HTML कोड (<head> और </head> के बीच) के अंतर्गत HTML कोड फ़ील्ड में एक <style>...</style> टैग के अंदर भी डाल सकते हैं।
किसी पेज पर कोड एम्बेड करें
- पेज को पेज → पेज प्रबंधित करें → पेज कंटेंट संपादित करें के अंतर्गत खोलें।
- ब्लॉक जोड़ें (या किसी मौजूदा एलिमेंट पर इसके बाद एलिमेंट जोड़ें) पर क्लिक करें, विशेष टैब खोलें और एम्बेड किया गया HTML चुनें।
- कोड पेस्ट करें और पेज सहेजें।
जानने योग्य बातें
- आपके बदलाव तुरंत लाइव हो जाते हैं; आपकी वेबसाइट का कोई अलग टेस्ट संस्करण नहीं है।
- अपना CSS मोबाइल लेआउट पर भी लागू होता है। तय चौड़ाई से बचें और
max-width: 100%का उपयोग करें, ताकि आपके एलिमेंट छोटी स्क्रीन पर भी फ़िट हों (देखें मोबाइल-फ़्रेंडली वेबसाइटें)। - पूरी HTML फ़ाइलें (
.htm,.html) सिर्फ़ Premium पैकेज के साथ अपलोड की जा सकती हैं। HTML की बुनियादी जानकारी के लिए देखें HTML क्या है?।