यह फैनडम पर कोड स्थापना का गाइड है।
फैनडम पर 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 स्टेटमेंट को कुशल रूप से स्क्रिप्टों को एक साथ इम्पोर्ट करने के लिए बनाया गया है:
- प्रदर्शन तेज़ बनाने के लिए,
- आपके कोड को और साफ़ दिखाने के लिए,
- कई HTTP रिक्वेस्टों को एक ही डेटा स्थानांतरण में बदलने के लिए,
- और बहुत सारे स्क्रिप्टों को जल्द लोड होकर काम करने में सक्षम करने के लिए
अगर आप कई अलग-अलग स्क्रिप्ट इम्पोर्ट कर रहे हैं, आपके जावास्क्रिप्ट में ज़रूर बेकार के इम्पोर्ट स्टेटमेंट जमा हो गए हैं।
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 टैग का इस्तेमाल कर रहे हैं।
ये कुछ काम के टिप्पणियाँ हैं:
- जब आपको विसुअल मोड के सम्पादना क्षेत्र में
दिखे, इसका मतलब है एक साँचा, या कंटेंट जो विसुअलएडिटर के लिए असमर्थित या बहुत ज़्यादा मुश्किल है। सोर्स मोड में आपको यह कंटेंट पूरी तरह दिखेगा। - जब आपको विसुअल मोड के सम्पादना क्षेत्र में
दिखे, इसका मतलब है एक कमेंट। सोर्स मोड में आपको यह <!-- -->जैसा दिखेगा। - मीडियाविकि के पास एक विशेष भाषा है जिसे विकिटेक्सट कहा जाता है जो सम्पादना आसान बनाता है। यह भाषा विसुअल मोड में समर्थित है और HTML की तरह इतनी जल्दी नहीं टूटता।
<u>या<s>जैसे कुछ HTML टैग विसुअल मोड में समर्थित हैं।- आप साँचे बस सोर्स मोड में ही सम्पादित कर सकते हैं।