dev

यह फैनडम पर कोड स्थापना का गाइड है।

फैनडम पर CSS इम्पोर्ट

फैनडम पर, CSS @import कई स्टाइशीटों को:

सकता है।

नीचे के उदाहरण देखें।

@import प्रयोग के उदहारण

बाए तरफ क्लासिक @import रूल के इस्तेमाल से कई इम्पोर्ट किए गए स्टाइलशीटों का एक उदाहरण है। दाए तरफ एक उदाहरण है कि आप इन्हें एक ही इम्पोर्ट के अंदर कैसे ला सकते हैं, जो इसे छोटा कर देगा और प्रदर्शन बढ़ाएगा:

कई इम्पोर्ट — गन्दा और धीमा
@import url("/index.php?title=MediaWiki:LocalCSS1.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:LocalCSS2.css&action=raw&ctype=text/css");
@import url("https://dev.fandom.com/index.php?title=MediaWiki:InterWikiCSS.css&action=raw&ctype=text/css");
/* CSS */
एक इम्पोर्ट — साफ़ और कुशल
@import url("/load.php?mode=articles&only=styles&articles=MediaWiki:LocalCSS1.css|MediaWiki:LocalCSS2.css|u:dev:MediaWiki:InterWikiCSS.css");
/* CSS */

Note: That, however, would not work well for some stylesheets which import other stylesheets in their turn. Those "parent" stylesheets may break if combined with other stylesheets in the same @import statement.

CSS @import नियमों का स्थानन

CSS इम्पोर्ट नियमों को पृष्ठ के शुरुआत में, किसी भी और नियम से पहला जोड़ना चाहिए। वरना ये काम नहीं करते। यह सही स्थानन का एक उदाहरण है:

गलत स्थानन
/* CSS */
@import url("/load.php?mode=articles&only=styles&articles=MediaWiki:LocalCSS1.css|MediaWiki:LocalCSS2.css|u:dev:MediaWiki:InterWikiCSS.css");
सही स्थानन
@import url("/load.php?mode=articles&only=styles&articles=MediaWiki:LocalCSS1.css|MediaWiki:LocalCSS2.css|u:dev:MediaWiki:InterWikiCSS.css");
/* CSS */

importArticles की मदद से जावास्क्रिप्ट के ज़रिये CSS को भी इम्पोर्ट किया जा सकता है (और पढ़ें).

फैनडम पर जावास्क्रिप्ट इम्पोर्ट

importArticles स्टेटमेंट को कुशल रूप से स्क्रिप्टों को एक साथ इम्पोर्ट करने के लिए बनाया गया है:

अगर आप कई अलग-अलग स्क्रिप्ट इम्पोर्ट कर रहे हैं, आपके जावास्क्रिप्ट में ज़रूर बेकार के इम्पोर्ट स्टेटमेंट जमा हो गए हैं।

importArticles प्रयोग के उदाहरण

अगर आपके जावास्क्रिप्ट फाइल में importScript, importScriptPage, या importArticles बोलने वाले कई पंक्तियाँ हैं, आप इन्हें एक साथ जोड़ सकते हैं! नीचे का उदाहरण देखिए। बाए तरफ के उदाहरण है कि आपका जावास्क्रिप्ट फाइल इस समय कैसा लग रहा होगा। दे तरफ उदाहरण है कि आप इसे कैसे सुधार सकते हैं।

कई इम्पोर्ट — गन्दा और धीमा
importScriptPage('Script1.js', 'dev');
importScript('MediaWiki:Script2.js');
importArticle({
  type: 'script',
  article: 'u:dev:Script3/code.js'
});
importScriptPage('Page1.js', 'wiki');
importScriptPage('Page2.js', 'wiki');
एक इम्पोर्ट — साफ़ और कुशल
importArticles({
    type: 'script',
    articles: [
        'u:dev:Script1.js',
        'MediaWiki:Script2.js',
        'u:dev:Script3/code.js',
        'u:wiki:Page1.js',
        'u:wiki:Page2.js'
    ]
});

जावास्क्रिप्ट इम्पोर्ट करने के लिए नोट

नोट: इस उदाहरण में, कॉमा और विराम चिह्नों के स्थानन को गौर से देखें। उन लोगों के लिए जो प्रोग्रामिंग से ज़्यादा अनुकूल नहीं हैं, (और उनके लिए भी जो हैं!), एक आम गलती है गलती से कॉमा और कोटेशन मार्क जैसे ज़रूरी चिह्नों को डिलीट करना, भूल जाना या गलत जगह पर बिठा देना।यह एक सिंटेक्स त्रुटि बना सकता है जो कोड को तोड़ देता है। importArticles का इस्तेमाल करते वक्त यहाँ इस्तेमाल किए गए कोड कन्वेंशन का पालन करें।

दूसरा रास्ता है MediaWiki:ImportJS का इस्तेमाल करना। पर importArticles के लिए इससे भी ज़्यादा बहुत कुछ है!

फैनडम पर HTML और विकिटेक्स्ट मार्कअप

सोर्स मोड में बदलकर अपने कोड को और साफ़ कैसे बनाना है।

सोर्स मोड में बदलकर अपने कोड को और साफ़ कैसे बनाना है।

सोर्स मोड को आर्टिकल पर मुश्किल HTML को संभालने के लिए बनाया गया है।, जिससे अनचाहे कोड को निकाला जा सकता है जिसे कभी-कभी अपने आप जोड़ दिया जाता है। सोर्स मोड संपादन का सबसे अच्छा तरीका है अगर आप साँचे, या <span>, <p>, और <div> जैसे HTML टैग का इस्तेमाल कर रहे हैं।

ये कुछ काम के टिप्पणियाँ हैं:

See also