क्या आप अपनी वेबसाइट पर किसी प्रकार के समाधान या निर्देश के साथ कोड पोस्ट करना चाहते हैं, लेकिन क्या आपको इसमें कोई समस्या आ रही है? पता लगाएं कि सब कुछ सही तरीके से कैसे करें और कोड को उसी तरह प्रदर्शित करें जैसा वह कोड संपादक में दिखाई देता है।
ऐसा प्रतीत होता है कि कोड सम्मिलित करना कोई कठिन कार्य नहीं है, लेकिन यदि आप कुछ नियमों के बारे में नहीं जानते हैं, जिन पर चर्चा की जाएगी तो कठिनाइयाँ उत्पन्न हो सकती हैं।
कोड को कोड के रूप में चिपकाएँ
किसी वेबसाइट में कोड डालने के लिए उसे टैग में लपेटा जाता है
और . इसके परिणामस्वरूप निम्नलिखित निर्माण होता है:
यहाँ कोड है
संक्षेप में और बिंदु तक समझाने के लिए, इस डिज़ाइन में कोड टैग ब्राउज़र को बताता है कि उसके अंदर क्या है प्रोग्राम कोड, और प्री टैग लाइन ब्रेक, लाइन टैब (इंडेंट), और रिक्त स्थान को संरक्षित करता है।
ऐसा लगता है कि सब कुछ स्पष्ट है और कुछ भी जटिल नहीं है, लेकिन समस्या यह है कि यदि आप HTML कोड या वर्ण युक्त कोड डालना चाहते हैं< , >, & , " , ` , तो समस्याएँ उत्पन्न हो सकती हैं - ब्राउज़र आपके कोड को HTML के रूप में संसाधित करेगा। उदाहरण के लिए, यदि आप कोड में एक बटन, इनपुट फ़ील्ड आदि के साथ किसी फॉर्म का कोड दिखाना चाहते हैं, तो ब्राउज़र ऐसा करेगा फॉर्म प्रदर्शित करें, न कि उसका कोड।
भागने वाला कोड
ऐसा होने से रोकने के लिए, वे तथाकथित कोड एस्केपिंग करते हैं - ऐसा तब होता है जब ऊपर उल्लिखित वर्णों को उनके यूटीएफ कोड से बदल दिया जाता है।
यूटीएफ कोड वाले पात्रों को बदलने की योजना
नीचे वे प्रतीक और कोड दिए गए हैं जो उन्हें प्रतिस्थापित करते हैं:
बेशक, कोई भी प्रतीकों को मैन्युअल रूप से प्रतिस्थापित नहीं कर रहा है - यह प्रोग्रामेटिक रूप से किया जाता है। इसके लिए सबसे सुलभ उपकरण ऑनलाइन कोड एस्केपिंग है, जहां एक पल में सभी वर्ण बदल दिए जाएंगे, और कोड सभी रिक्त स्थान और हाइफ़न बनाए रखेगा और टैग निर्माण में सम्मिलन के लिए पूरी तरह से तैयार हो जाएगा।
परिणामस्वरूप, भागने के बाद, आप कोड का कोई भी टुकड़ा डाल सकते हैं। आप नीचे दिए गए कोड से बचने के बाद इस तरह के इंसर्ट का एक उदाहरण देख सकते हैं:
शीर्षक
संबंधित पोस्ट
इसके अलावा, मैं तुरंत स्पष्ट करना चाहूंगा कि हम लेख में ही कोड डालेंगे, ताकि हमारे पाठक पाठ टाइप करने में समय बर्बाद किए बिना इसे कॉपी कर सकें। इस प्रकार, हम इस बार अपने संसाधन की सुविधा () बढ़ाएंगे। और लेख अधिक पेशेवर और संपूर्ण दिखेंगे - बस यही दो हैं।
मैं यह भी नोट करना चाहूंगा कि इस लेख की जानकारी उन लोगों के लिए उपयोगी होगी, जो या तो, जैसा कि हम आपको बताते हैं, साइट पर विभिन्न प्रकार के परिवर्धन कैसे करते हैं, या जो उपयोगकर्ता केवल साझा करना पसंद करते हैं उपयोगी जानकारी. और इससे कोई फर्क नहीं पड़ता कि यह जानकारी कोड है :) वैसे, मैं आपको एक छोटा सा रहस्य बताऊंगा कि इस प्रोजेक्ट में हम इसे Wp-Syntex प्लगइन का उपयोग करके प्रदर्शित करते हैं;
आप पूछ सकते हैं: "हम इसका उपयोग क्यों करते हैं?" उत्तर सरल है - स्वाद और रंग के अनुसार कोई साथी नहीं हैं। चुटकुला। वास्तव में, हमने इस प्लगइन को चुना क्योंकि इसका उपयोग करना आसान है, यह विभिन्न प्रकार की प्रोग्रामिंग भाषाओं (सीएसएस, एचटीएमएल, जावा, जावास्क्रिप्ट, पर्ल, एसक्यूएल इत्यादि) में दृश्य शैली को पूरी तरह से जोड़ता है, और हमारे सर्वर को ओवरलोड नहीं करता है .
खैर, चूंकि मैंने इसे Wp-Syntex के बारे में बताया है, आइए इसके उदाहरण का उपयोग करके दिखाएं कि वर्डप्रेस पर लेखों में कोड कैसे डाला जाए।
सबसे पहले आपको यह प्लगइन इंस्टॉल करना होगा। हमने लेख में इस बारे में बात की कि यह कैसे करना है .
अत: मैं यहां इस क्रिया का वर्णन नहीं करूंगा।
परिणामस्वरूप, आप निम्नलिखित देखेंगे:
वह कोड जिसे आप आउटपुट करना चाहते हैं
साथ ही, इस कोड में php के स्थान पर आप कोई अन्य प्रोग्रामिंग भाषा, उदाहरण के लिए css या java, डाल सकते हैं। साथ ही दिखने का अंदाज भी बदल जाएगा।
Wp-Syntex की अतिरिक्त विशेषताएं
यदि आप शुरुआती "प्री" टैग में विशेषता जोड़ते हैं रेखा, यानी, आपको जो कोड पेस्ट करना होगा वह इस तरह शुरू होगा:
वह कोड जिसे आप आउटपुट करना चाहते हैं
आशा है आपको अंतर नज़र आया होगा?
एक और छोटी विशेषता है जिसकी आपको आवश्यकता हो सकती है - यह भाग निकले. यह आपको वर्णों के HTML कोड को सीधे वर्णों में परिवर्तित करने की अनुमति देता है। उदाहरण के लिए, यह ">" को ">" में परिवर्तित करता है। पैसा कमाने के लिए यह फ़ंक्शन, शुरुआती "प्री" टैग में, निम्नलिखित विशेषता डालें:
बच गया='सच'
तदनुसार, टैग इस प्रकार शुरू होगा:
<
pre lang=
"php"
line=
"1"
escaped=
"true"
>
मुझे इंटरनेट पर यह भी जानकारी मिली कि आप एक अन्य प्लगइन (WP-सिंटैक्स बटन) इंस्टॉल कर सकते हैं, जो हमारे प्लगइन के साथ मिलकर काम करता है और WP संपादक में एक कोड इंसर्शन बटन जोड़ता है। मैं बहुत आलसी नहीं था और मैंने इसका परीक्षण करने का निर्णय लिया।
इसे स्थापित करते समय, मैं तुरंत इस तथ्य से चिंतित हो गया कि इसे काफी समय से अपडेट नहीं किया गया था और वर्डप्रेस के हमारे संस्करण के साथ इसका परीक्षण नहीं किया गया था। खैर, मैं क्या कह सकता हूं, मेरा डर जायज़ था।
WP-सिंटैक्स बटन को सक्रिय करने के बाद, मैंने अपने एक लेख में जावा स्क्रिप्ट डालने का प्रयास करने का निर्णय लिया। मैंने निर्देशों और सिफ़ारिशों के पहाड़ में बताए अनुसार सब कुछ किया। मैंने लेख में स्क्रिप्ट डाली, उसे चुना और "कोड" बटन दबाया।
फिर उन्होंने प्रोग्रामिंग भाषा और उस लाइन नंबर का संकेत दिया जहां से स्क्रिप्ट आउटपुट शुरू होना चाहिए।
आप पूछ रहे होंगे कि मैंने इस लेख में इस प्रयोग के बारे में क्यों लिखा? इससे मैं यह कहना चाहता था कि जब आप इंटरनेट पर कोई जानकारी खोज रहे हों तो प्रकाशन की तारीख पर ध्यान दें। आख़िरकार, इस बात की बहुत अधिक संभावना है कि पुराने लेख की जानकारी कई साल पहले भी प्रासंगिक थी, और इस पलयह बिल्कुल काम नहीं करता है, और इसका उपयोग या कार्यान्वयन आपके प्रोजेक्ट को असुरक्षित बना सकता है।
हमारे ब्लॉग पर, मैं सभी सामग्री को अद्यतन रखने का प्रयास करता हूँ। वर्तमान स्थिति, मैं लगातार अपडेट की निगरानी करता हूं और यदि आवश्यक हो, तो पहले से लिखे गए लेखों में समायोजन करता हूं।
यदि आप अपने बारे में नवीनतम जानकारी प्राप्त करना चाहते हैं ईमेल, तो मैं इसकी अनुशंसा करता हूं।
वीडियो "लेख में HTML कोड कैसे डालें"
दोस्तों, अगर कोई यह देखना चाहता है कि यह कैसे किया जाता है, तो मैंने आपके लिए एक वीडियो रिकॉर्ड किया है। और मैं आपको याद दिला दूं कि हमारा एक यूट्यूब चैनल भी है, जिसे आप सब्सक्राइब भी कर सकते हैं।
संबंधित आलेख:
खैर, मुझे आशा है कि लेख जटिल नहीं था, और मैं आपको इस बारे में विस्तार से बताने में सक्षम था कि आप अनावश्यक परेशानियों के बिना किसी वेबसाइट में HTML कोड कैसे डाल सकते हैं।
अपने ब्लॉग के सौंदर्यशास्त्र की उपेक्षा न करें. आख़िरकार, हमारा पाठक, जीवन की तरह, आपसे अपने कपड़ों से मिलता है और आपको अपने मन से विदा करता है।
मेरे लिए बस इतना ही!
अलविदा!
साभार, काल्मिकोव एंटोन
HTML कोड डालने का तरीका इस बात पर निर्भर करता है कि आपको इसे वास्तव में कहाँ चिपकाना है। इसके अनुरूप हम विभिन्न विकल्पों पर विचार करेंगे.
साइट में और विशेष रूप से साइट पेजों में से किसी एक लेख के पाठ में HTML कोड डालने के लिए, प्रशासनिक पैनल पर जाएं, संपादन के लिए वांछित लेख का चयन करें और खोलें। इसके बाद, विज़ुअल एडिटर मोड को संपादन मोड में बदलना होगा। सीएमएस सिस्टम के साथ काम करते समय, मोड बदलने के लिए बस क्लिक करें। फिर HTML कोड को कॉपी करके नियोजित स्थान पर पेस्ट करें।
अक्सर, डालने के बाद, आप कोड को थोड़ा प्रारूपित करना चाहते हैं, उदाहरण के लिए, टेक्स्ट को दूसरी तरफ कोड के चारों ओर लपेटने के लिए सेट करें। सीएसएस गुणों का उपयोग करके ऐसा करने का एक आसान तरीका है।
टैग का उपयोग करना
… , अपने कोड को एक कंटेनर में लपेटें। यह टेबल फॉर्म टैग का उपयोग करके भी किया जा सकता है। और इस कंटेनर के अंदर, सभी वांछित विशेषताओं को सेट करने के लिए "शैली" संपत्ति का उपयोग करें।
यह सुनिश्चित करने के लिए कि किसी लेख को सहेजते समय विज़ुअल एडिटर उन परिवर्तनों को नहीं काटता है, जो उसकी राय में, HTML कोड नहीं हैं, कोड डालते समय इसे अक्षम करना बेहतर है। संपादक द्वारा किए गए परिवर्तनों की कटिंग संभावित दुर्भावनापूर्ण कोड के खतरे को रोकने के लिए डिज़ाइन की गई है।
विज़ुअल एडिटर को कैसे निष्क्रिय करें?
प्रशासनिक पैनल में, "साइट" - "सामान्य सेटिंग्स" - "साइट" पर क्लिक करें और "विज़ुअल एडिटर" लाइन में "नो एडिटर" चुनें। अब HTML कोड को html कोड मोड में संपादित करना और सम्मिलित करना संभव होगा। कोड पेस्ट करने और अपने परिवर्तन सहेजने के बाद, विज़ुअल एडिटर को वापस चालू किया जा सकता है।
यदि आप लेख को दोबारा संपादित करना चाहते हैं तो HTML कोड भी दोबारा डालना होगा। कभी-कभी यह आवश्यक होता है कि साइट के प्रत्येक पृष्ठ पर HTML कोड प्रदर्शित किया जाए। HTML कोड सम्मिलित करना ताकि वह साइट के प्रत्येक पृष्ठ पर दिखाई दे।
इस समस्या को हल करने के लिए, मुख्य साइट फ़ाइल में प्रवेश करने के लिए नोटपैड या किसी अन्य संपादक का उपयोग करें (डिफ़ॉल्ट रूप से यह Index.php या Index.html है)। में खुली फाइलकोड चिपकाने के लिए अपना पसंदीदा स्थान चुनें। सुविधा के लिए, आप उस स्थान पर स्थित खोज में एक वाक्यांश सेट कर सकते हैं जहां आपको कोड डालने की आवश्यकता है, ताकि आप इसे तेज़ी से ढूंढ सकें। फिर कोड को कॉपी करें और इच्छित स्थान पर पेस्ट करें। यदि आवश्यक हो, तो कोड को उसी प्रकार फ़ॉर्मेट किया जा सकता है, जिस प्रकार लेख में कोड फ़ॉर्मेट करने के लिए वर्णित किया गया था।
पहले साइट में कोड डालेंआपको साइट की संरचना जानने की आवश्यकता है. आपको कोड को कहीं भी पेस्ट नहीं करना चाहिए. के लिए कुछ तत्वसाइट, उनके लिए निर्दिष्ट स्थान हैं। उदाहरण के लिए, वे साइट के शीर्ष पर विज्ञापन वाले बैनर और नीचे ट्रैफ़िक काउंटर लगाने का प्रयास करते हैं।
हम कौन सा कोड डालना चाहते हैं?
- उदाहरण के लिए, हम कुछ जावास्क्रिप्ट डालना (कनेक्ट) करना चाहते हैं, हमेशा की तरह, स्क्रिप्ट को या तो एक अलग फ़ाइल में रखा जाता है या साइट के शीर्ष पर रखा जाता है।
- यदि आप विज्ञापन के साथ बैनर लगाना चाहते हैं, तो साइट के शीर्ष भाग (साइट हेडर, नेविगेशन मेनू, पोस्ट के ऊपर का स्थान) का चयन करना बेहतर है, लेकिन कुछ मामलों में विज्ञापन बैनरपाठ के अंदर या अंत में डाला गया।
- सोशल बुकमार्क (आइकन) का कोड पोस्ट से पहले (पेज की शुरुआत में) और अंत में रखा जाता है।
- उपस्थिति काउंटर, यदि रखे भी गए हों, तो स्क्रीन के नीचे स्थित होते हैं।
यह तो उदाहरणों का एक छोटा सा हिस्सा है.
प्रत्येक विशिष्ट मामले में, साइट का एक या दूसरा भाग उसकी विशिष्टता के आधार पर चुना जाता है।
हम कोड डालने के लिए एक फ़ाइल की तलाश (निर्धारित) कर रहे हैं
एक नियम के रूप में, किसी साइट को प्रदर्शित करने के लिए कई फ़ाइलें ज़िम्मेदार होती हैं। यहां वर्डप्रेस में सबसे लोकप्रिय हैं: Index.php; एकल.php; पेज.php; हेडर.php; footer.php; साइडबार.php; स्टाइल.सीएसएस.
साइट के शीर्ष पर
फ़ाइल आमतौर पर ऊपरी भाग को आउटपुट करने के लिए ज़िम्मेदार होती है हेडर.php (साइट हेडर). इस फ़ाइल की शुरुआत आमतौर पर इस तरह दिखती है:
>
आप यहां स्क्रिप्ट पेस्ट कर सकते हैं
टैग के बीच
ऐसी स्क्रिप्ट रखें जो साइट के सभी पेजों पर काम करें।
इन टैग की सामग्री प्रत्येक विषय के लिए भिन्न हो सकती है।
साइट का मुख पृष्ठ
प्रति प्रदर्शन होम पेजसाइट फ़ाइल Index.php के साथ प्रतिक्रिया करती है, अक्सर PHP भाषा का उपयोग करते हुए, यह फ़ाइल अन्य फ़ाइलों से कोड जोड़ती है, उदाहरण के लिए (header.php, footer.php), जिससे ब्राउज़र में प्रदर्शित पृष्ठ कई फ़ाइलों से इकट्ठा होता है।
साइट का साइड मेनू
साइडबार.php फ़ाइल आमतौर पर किसी वेबसाइट पर साइटबार (साइड ब्लॉक) प्रदर्शित करने के लिए ज़िम्मेदार होती है; यहां आप विज्ञापन के साथ एक ब्लॉक डाल सकते हैं।
आउटपुट रिकॉर्ड
यदि आप ब्लॉग पोस्ट का प्रदर्शन बदलना चाहते हैं, तो Single.php फ़ाइल का उपयोग करें।
साइट पृष्ठ
साइट पेज बदलने के लिए, page.php फ़ाइल का उपयोग करें।
साइट पाद लेख
एक अन्य फ़ाइल जो लगभग हर टेम्पलेट में पाई जाती है वह है footer.php; आप इसमें स्क्रिप्ट भी डाल सकते हैं; इसका उपयोग अक्सर ट्रैफ़िक काउंटर डालने के लिए किया जाता है।
उपस्थितिपृष्ठों
यदि आप साइट के डिस्प्ले को संशोधित करना चाहते हैं, तो आपको एक style.css फ़ाइल की आवश्यकता होगी।
अब आप लगभग जानते हैं कि साइट के कुछ हिस्सों के आउटपुट के लिए कौन सी फ़ाइलें ज़िम्मेदार हैं।
यह निर्धारित करना कि कोड कहां डालना है
यह समझने के लिए कि कोड कहां डालना है, आप एक मानक टूल का उपयोग कर सकते हैं गूगल क्रोमऐसा करने के लिए, पृष्ठ के खाली हिस्से पर राइट-क्लिक करें और व्यू कोड टैब चुनें।
इसकी मदद से हम ऊपर, नीचे या जिस ब्लॉक की हमें जरूरत है उसका नाम निर्धारित कर सकते हैं अपना कोड पेस्ट करें.
वांछित ब्लॉक का चयन करने के लिए, लाल रंग में हाइलाइट किए गए बटन पर क्लिक करें और इसे साइट के वांछित क्षेत्र पर इंगित करें।
शीर्ष पर चित्र एक पैनल दिखाता है जिसमें आप साइट या चयनित ब्लॉक का कोड देख सकते हैं।
कृपया संपर्क करें कक्षा का नामऊपर, नीचे वह ब्लॉक, जिसमें आप कोड डाल सकते हैं।
अब आपको जो कोड चाहिए उसे डालें और परिवर्तनों की जांच करें।
