समुदाय केंद्र
Advertisement
समुदाय केंद्र
यह एक्सटेंशन फैनडम पर डिफ़ॉल्ट से सक्षम होता है।

इन्फोबॉक्स पत्रिकाओं के लेखों पर तथ्य पत्रों या साइडबार्स की तरह होते हैं; इन्हें पृष्ठ के विषय पर एक सारांश प्रदान करने के लिए डिज़ाइन किया जाता है। ये एक आयोजित और जल्द पढ़ने योग्य ज़रूरी संकेत सामने रखते हैं। आम तौर पर समुदाय में संगतता बनाए रखने के लिए इन्फोबॉक्सों को साँचों की मदद से बनाया जाता है।

एक इन्फोबॉक्स का उदाहरण

फैनडम ने इन्फोबॉक्स को कोड करने का एक संगत तरीका बनाया है, जिसे पोर्टेबल इन्फोबॉक्स कहा जाता है, ताकि इन्हें सभी डिवाइसों पर ठीक से दिखाया जा सके, और यह पृष्ठ उसी के बारे में है। लेख पर इन्फोबॉक्स के उपयोग में कोई बदलाव नहीं आता — दरअसल बदलाव इस बात पे आता है कि साँचे के पृष्ठ पर इसे किस तरह से लिखा जाता है। फैनडम पोर्टेबल इन्फोबॉक्स के उपयोग को अपने समुदायों के लिए मानक, सुरक्षित और साधारण उपयोग के लिए स्थिर मानता है।

मौजूदा इन्फोबॉक्सो को माइग्रेट करने के लिए एक उपकरण भी बनाया गया है। इसके बारे में अधिक जानकारी सहायता:इन्फोबॉक्स माइग्रेशन

काम की कड़ियाँ
  • विसुअल इन्फोबॉक्स संपादक के एक बुनियादी परिचय के लिए सहायता:इन्फोबॉक्स/संपादन देखें।
  • विकिटेक्स्ट के उदाहरण तथा HTML अंजाम सहित पोर्टेबल इन्फोबॉक्सों को उपलब्ध सभी साधारण विकल्पों के लिए, सहायता:इन्फोबॉक्स/टैग देखें।
  • विस्तारित गाइड के साथ इन्फोबॉक्स को थीम करने के लिए CSS के इस्तेमाल के बारे में अधिक जानकारी पाने के लिए सहायता:इन्फोबॉक्स/CSS देखें।
  • एक क्लासिक इन्फोबॉक्स से पोर्टेबल इन्फोबॉक्स पर माइग्रेट करने के लिए क्रमशः विधि के लिए सहायता:इन्फोबॉक्स माइग्रेशन
  • Portability Hub: अपने इन्फोबॉक्सों को माइग्रेट, अनुकूलित और थीम करने के बारे में विधियाँ, उदाहरण, और निजी सलाह

लेख पर इन्फोबॉक्स कैसे जोड़ना है[]

विसुअलएडिटर में पोर्टेबल इन्फोबॉक्स जोड़ना

आप उसी तरह से लेख पर इन्फोबॉक्स जोड़ सकते हैं जिस तरह आप दूसरे साँचें जोड़ेंगे, या तो एडिटर के उपकरणों या फिर एडिटर के सोर्स मोड के ज़रिए। In the विसुअलएडिटर में पोर्टेबल इन्फोबॉक्सों को जल्दी से 'Insert' ड्रॉप डाउन मेन्यू पर से इन्फोबॉक्स विकल्प की मदद से जोड़ा जा सकता है।

सोर्स मोड में आप साँचे के प्रलेख (जो आम तौर पर साँचे के पृष्ठ के नीचे की तरफ पाया जाता है) से सिनटैक्स की प्रतिलिपि बनाकर, लेख पर चिपकाकर, बराबर चिह्न के बाद के टेक्स्ट को बदलकर आवश्यक जानकारी देकर शुरुआत कर सकते हैं। उदाहरणस्वरूप:

{{इन्फोबॉक्स पात्र
 | नाम = गुलबहार
 | चित्र = Example.jpg
 | कैप्शन = गुलबहार
 | पद = राजकुसुम
 | उम्र = 2 महीने
 | स्थिति = सक्रिय
 | ऊँचाई = 5 इंच
 | वज़न = 20 ग्राम
}}

पोर्टेबल इन्फोबॉक्स दूसरे साँचों की तरह ही काम करते हैं। साँचे के पृष्ठ का मार्कअप ज़रा-सा अलग है, जिसके बारे में नीचे बताया गया है।

इन्फोबॉक्स कैसे बनाएँ[]

Tutorialinfobox.png

पहले अपने मनपसंद नाम से एक साँचा बनाएँ। ऐसा करने के लिए नाम "साँचा:[आपकी पसंद का नाम]" नामक एक पृष्ठ बनाएँ (जैसे "साँचा:उदाहरण")। शायद आपने पहले टेबल और div का उपयोग किया हो, अब हम <infobox> टैग्स का उपयोग करते हैं। हम एक बुनियादी 'stacked' इन्फोबॉक्स से शुरुआत करेंगे और इसमें एक शीर्षक और चित्र डालेंगे:

<infobox layout="stacked">
  <title source="नाम">
    <default>{{PAGENAME}}</default>
  </title>
  <image source="चित्र" />
</infobox>

विकिटेक्सट आपके साँचे को 'नाम' और 'चित्र' वेरिएबलों का उपयोग title और image एलिमेंट्स के लिए करने को कहेगा। साथ ही आप <default> टैग भी दे सकते हैं जिसके वैल्यू को तब दिखाया जाएगा जब सदस्य लेख पर नाम/चित्र/आदि न जोड़े।

अब हमें दो और फील्ड्स चाहिए जिसमें अधिक जानकारी होगी, तो चलिए इसे बनाते हैं:

<data source="सीज़न"><label>सीज़न</label></data>

इसके बाद हम एक आखिरी फील्ड बनाएँगे जिसपर स्रोत 'प्रथम', 'प्रथम दिखावट' को दिया जाएगा और हमारा अंजाम होगा:

<infobox layout="stacked">
  <title source="नाम"><default>{{PAGENAME}}</default></title>
  <image source="चित्र" />
  <data source="सीज़न"><label>सीज़न</label></data>
  <data source="प्रथम"><label>प्रथम दिखावट</label></data>
</infobox>

अब हम लेख में इसका उपयोग कर सकते हैं और इसे काम करवाने के लिए यह कोड डाला जा सकता है:

{{Example
 |नाम   = एडार्ड स्टार्क
 |चित्र  = eddard.jpg
 |सीज़न = [[सीज़न 1|1]]
 |प्रथम  = "[[Winter is Coming]]"
}}

वैल्यूओं को छिपाना[]

बिना वैल्यू को किसी भी फील्ड या एलिमेंट को अपने आप छिपा दिया जाएगा। यह सभी टैग्स पर लागू होता है, सिवाय उन समूहों के जिन्हें हमेशा दिखाए जाने के लिए सेट किया गया हो (#समूह में सभी हिस्सें दिखाएँ देखें) और उन फील्ड्स के जहाँ <default> टैग का उपयोग किया गया हो। जब सभी एलिमेंट खाली हो, इन्फोबॉक्स ही नहीं दिखेगा। <image> टैग के अंदर जो चित्र मौजूद नहीं है उसे "लाल कड़ी" नहीं बनाया जाएगा, मगर चित्र का पृष्ठ विशेष:वांछित फ़ाइलें पर नज़र आएगा

इन्फोबॉक्स के लेआउट को कैसे बदलें[]

इस तरह के कोड वाले इन्फोबॉक्सों पर अपने आप स्टाइल जोड़ दिया जाता है, और यह समुदाय के अनुकूलित थीम से प्रेरणा लेती है। अगर कोई भी वेरिएबल खाली होता है, साँचे का संबंधित रो नहीं दिखाया जाएगा (जब तक <default> टैग का उपयोग न किया जाए।

लेआउट के विकल्प[]

इन्फोबॉक्स के लेआउट के लिए दो विकल्प मौजूद हैं:

डिफॉल्ट (टेबल) लेआउट
लोबलों को वैल्यूओं के बाए तरफ दिखाया जाता है
<infobox>
   ...
</infobox>

डिफॉल्ट (टेबल) लेआउट

स्टैक्ड लेआउट
लेबलों को वैल्यूओं के ऊपर दिखाया जाता है
<infobox layout="stacked">
   ...
</infobox>

"स्टैक्ड" लेआउट

अनुकूलित थीम[]

अपने इन्फोबॉक्स की दिखावट को बदलने के कई तरीके हैं। यह सुझाया जाता है कि आप इन्हें ज़्यादा मिलाएँ न जिससे सदस्यों को यह पता लगाना मुश्किल हो जाएगा कि स्टाइल किस तरह से जोड़े जा रहै हैं।

  1. इन्फोबॉक्स का डिफॉल्ट रंग स्कीम थीम डिज़ाइनर में चुने गए रंगों पर निर्भर है; बैकग्राउंड का रंग "Article background colour" पर निर्भर है, शीर्षक और हैडरों पर "Accent colour" बैकग्राउंड होगा, और बॉर्डर ऐक्सेंट के रंग का एक अर्ध-पारदर्शी संस्करण होगा। (कई और निर्भरताएँ भी हैं जो कि इस सहायता पृष्ठ के लक्ष्य से बाहर हैं। (विस्तार के लिए FandomDesktop पर आने की गाइड देखें।)
  2. इन्फोबॉक्स के ऊपर पूरा नियंत्रण पाने के लिए लोकल सामुदायिक CSS को बदलने की ज़रूरत होती है। portable-infobox क्लास का इस्तेमाल विकि पर सभी इन्फोबॉक्सों पर स्टाइल जोड़ने के लिए किया जा सकता है, और infobox टैग पर type, theme, या theme-source एट्रीब्यूट का इस्तेमाल करने से उनमें क्लास जोड़ दिए जाते हैं जिससे विशिष्ट इन्फोबॉक्सों पर स्टाइल जोड़ना आसान हो जाता है। (इन एट्रीब्यूटों के उपयोग और विस्तारित गाइड सहित इन्फोबॉक्स को थीम करने के बारे काफी सारी अधिक जानकारी के लिए सहायता:इन्फोबॉक्स/CSS देखें, या Portability Hub पर स्टाइल और थीम के उदाहरणों पर जाएँ।)
    • type एट्रीब्यूट का उपयोग इन्फोबॉक्स के प्रकार को परिभाषित करने के लिए किया जाता है (जैसे "पात्र" या "वस्तु")। समान type के सभी इन्फोबॉक्सों को एक ही CSS क्लास दिया जाएगा।
    • theme एट्रीब्यूट का उपयोग किसी एक विषय पर इन्फोबॉक्सों के समूह द्वारा किया जाता है (जैसे "सीज़न 1" या "हैलोवीन")। समान theme के सभी इन्फोबॉक्सों को एक ही CSS क्लास दिया जाएगा।
    • theme-source एट्रीब्यूट की मदद से आप किसी साँचे के पैरामीटर पर आधारित इन्फोबॉक्स के थीम को बदल सकते हैं। मान लीजिए आपके पास यूनानी पदार्थों से जन्मे जीव हैं। इन्फोबॉक्स के थीम को इस बात के अनुसार बदला जा सकता है कि पैरामीटर element को आकाश, पृथ्वी, अग्नि या फिर जल पर सेट किया जाता है।
  3. हैडर के टेक्स्ट और बैगग्राउंड के रंगों को ऐक्सेंट के रंग में दिखाई गई विधि से हर इन्फोबॉक्स के लिए अलग-अलग रखा जा सकता है। इस तरह से इनलाइन CSS की सृष्टि होती है जो सभी दूसरे तरीकों को ओवर्राइड कर जाती है मगर इसका इस्तेमाल सिर्फ शीर्षक और हैडरों पर ही किया जा सकता है।

ऐक्सेंट के रंग[]

ऐक्सेंट रंग सुविधा की मदद से हैडर और शीर्षक के बैकग्राउंड और टेक्स्ट के रंग को सभी इन्फोबॉक्सों के लिए बदला जा सकता है। theme-source की तरह, उपयुक्त रंग साँचे के पैरामीटर accent-color-source (बैकग्राउंडों) और accent-color-text-source (टेक्स्ट के लिए) में डाले गए वैल्यू होते है।

उदाहरणस्वरूप: अगर साँचा accent-color-source="bkg" को व्यक्त करता है और लेख का इन्फोबॉक्स bkg = #FFF व्यक्त करता है, शीर्षक और हैडर के बैकग्राउंड रंग #FFF होंगे (सफ़ेद रंग का HEX वैल्यू)। इस तरह से व्यक्त किए गए रंग या तो #FFF या #FFFFFF HEX प्रारूप में होने चाहिए, वरना रंग काम नहीं करेंगे।

ऐक्सेंट के रंग डिफॉल्ट के साथ-साथ थीम के ज़रिए व्यक्ति किए गए रंगों को भी ओवर्राइड कर देगा।

अगर सदस्य ऊपर के प्रारूप के अनुसार bkg पैरमीटर का उपयोग नहीं करता, इसके लिए एक डिफॉल्ट भी सेट किया जा सकता है। accent-color-default="#FFF" की मदद से सभी शीर्षकों और हैडरों के बैकग्राउंडों के लिए रंग को सेट किया जा सकता है, और accent-color-text-default="#000000" उसी तरीके से काम करता है जैसे से डिफॉल्ट टेक्स्ट के रंग को काले रंग पर सेट करना।

आइटम के अनुसार स्टाइल करना[]

इन्फोबॉक्स में हर एक आइटम को HTML अंजामों के अंदर एक मार्कर दिया जाता है ताकि डेटा एट्रीब्यूट नामक CSS सिलेक्टरों की मदद से उन्हें स्टाइल दिया जा सके।

  • source स्रोत वाले सभी पोर्टेबल इन्फोबॉक्स एलिमेंटों को अब HTML में उस पैरामीटर नाम के सा एक data-attribute के साथ रेंडर किया जाएगा, जैसे कि data-source="ATK"। इससे आप .pi-item[data-source=ATK] की तरह CSS या jQuery सिलेक्टर लिख सकते हैं। इसका इस्तेमाल type के साथ किया जाता है और इससे अब nth-of-type स्टाइल सिलेक्शन की ज़रूरत नहीं होगी तथा डिज़ाइन, आदि के लिए नए विकल्प भी सामने आते हैं।
  • नए name एट्रीब्यूट की मदद से एलिमेंटों को एक-एक करके चुना जा सकता है, चाहे उनमें स्रोत इनपुट समर्थित हो न हो, और इसमें <title>, <group>, <data>, <header>, <image>, और <navigation> भी शामिल हैं। data-source डेटा एट्रीब्यूट की तरह ही, <data name="bar"> को .pi-item[data-item-name=bar] के रूप में चुना जा सकता है।

कई चित्रों या वीडियों का उपयोग कैसे करें[]

टैब में चित्र

किसी इन्फोबॉक्स में एक ही साथ कई चित्रों का उपयोग करने के लिए आप चित्र पैरामीटर पर <gallery> टैग जोड़ सकते हैं।

{{उदाहरण
 |नाम = एडार्ड स्टार्क
 |चित्र = <gallery>
Eddard 1.jpg|घोड़े पर एडार्ड
Eddard 2.jpg|घर में एडार्ड
Eddard 3.jpg|शववाहन के पास एडार्ड
</gallery>
}}

इस सुविधा के बारे में अधिक जानकारी के लिए, यह थ्रेड देखें।

इन्फोबॉक्स पर वीडियो जोड़ने के लिए बस <image> टैग का उसी तरह से इस्तेमाल करें जिस तरह से आप चित्र का करते। जब चित्र की जगह कोई वीडियो जोड़ा जाता है, इन्फोबॉक्स में प्ले बटन और समयांतराल दिखाया जाएगा और उसपर क्लिक करने पर वीडियो एक पॉप-अप प्लेयर में चलेगा। अगर आप एकाधिक वीडियो जोड़ना चाहते हैं, हर वीडियो के लिए एक नया <image> टैग जोड़ें।

डेटा को समूह में कैसे डालें[]

क्रम का उदाहरण

अब जब आपने एक साधारण इन्फोबॉक्स बनाना सीख लिया है, आप आधुनिक विकल्पों का उपयोग करना सीख सकते हैं। नीचे के सेक्शन में हम आपको दिखाएँगे कि दाए तरफ दिखाया गया इन्फोबॉक्स कैसे बनाया जा सकता है।

<data> फील्ड्स, और एक-एक <title> और <image> फील्ड्स के साथ एक इन्फोबॉक्स बनाएँ। जैसा कि आप देख सकते हैं, <title> फील्ड को पहला फील्ड होने की ज़रूरत नहीं।

<infobox layout="stacked">
  <data source="पिछला"><label>पिछला</label></data>
  <data source="वर्तमान"><label>वर्तमान</label></data>
  <data source="अगला"><label>अगला</label></data>
  <title source="नाम" />
  <image source="चित्र" />
</infobox>

group टैग के अंदर जानकारी को समूह में डालना[]

समूह जोड़ना

<group> टैग की मदद से आप फील्ड्स को एक समूह में डालकर उन्हें एक हैडर दे सकते हैं। याद रखें: बिना वैल्यू को व्यक्त किए गए फील्ड्स नहीं दिखेंगे। यह नियम समूहों पर भी लागू है। अगर एक समूह के अंदर किसी फील्ड के पास कोई वैल्यू नहीं है (<header> के अलावा), वह समूह नहीं दिखेगा।

<infobox layout="stacked">
  <data source="पिछला"><label>पिछला</label></data>
  <data source="वर्तमान"><label>वर्तमान</label></data>
  <data source="अगला"><label>अगला</label></data>
  <title source="नाम" />
  <image source="चित्र" />
  <group>
    <header>जानकारी</header>
    <data source="लड़ाई"><label>लड़ाई</label></data>
    <data source="दिनांक"><label>दिनांक</label></data>
    <data source="स्थान"><label>स्थान</label></data>
    <data source="अंजाम"><label>अंजाम</label></data>
  </group>
</infobox>

समूहों के लिए क्षैतिज लेआउट[]

क्षैतिज समूह

लंबरूप सूचियों की जगह, समूहों को एक क्षैतिज लेआउट दिया जा सकता है जहाँ सभी सामग्री को एक ही पंक्ति में एक के बाद एक दिखाया जाता है। ऐसा <group> पर layout="horizontal" जोड़कर किया जा सकता है।

<group layout="horizontal">
   ...
</group>

समूहों के लिए स्मार्ट लेआउट[]

क्षैतिज लेआउट (जो मज़बूत रो बनाता है) की तरह ही एक "स्मार्ट" लेआउट मौजूद है। इससे एक ही समूह के अंदर डेटा एक रो से दूसरे रो तक जा सकता है। जब फील्ड्स की परिभाषित सीमा तक पहुँची जाती है, अगली डेटा फील्ड नए रो में आएगी। एक रो में सभी आइटम सारी चौड़ाई का उपयोग करने के लिए अपने आप को बदल लेंगे।

स्मार्ट समूहों का उपयोग करने के लिए, row-items="3" (या सीमा को परिभाषित करने वाली कोई भी और संख्या) जोड़ें। स्मार्ट समूह के सभी आइटम डिफॉल्ट से क्षैतिज लेआउट का उपयोग करते हैं, तो अगर आप स्मार्ट समूह का इस्तेमाल कर रहे हैं जो वह एट्रीब्यूट जोड़ने की ज़रूरत नहीं। हालाँकि, <data> पर layout="default" जोड़कर इसे लंबरूप फॉर्मेट में लाया जा सकता है, जिससे क्षैतिज और लंबरूप फील्ड्स को साथ में भी लिखा जा सकता है।

किसी एक डेटा फील्ड में एकाधिक स्थानों का उपयोग करने के लिए <data> में span="2" एट्रीब्यूट जोड़ें, उसी तरह से जिस तरह HTML टेबल कॉलम में colspan का उपयोग किया जाता है।

<infobox>
  <title source="नाम" />
  <image source="चित्र" />
  <group row-items="3">
    <header>जानकारी</header>
    <data source="लड़ाई"><label>लड़ाई</label></data>
    <data source="दिनांक"><label>दिनांक</label></data>
    <data source="स्थान"><label>स्थान</label></data>
    <data source="अंजाम"><label>अंजाम</label></data>
  </group>
</infobox>

समूह में सभी हिस्सें दिखाएँ[]

एट्रीब्यूट show="incomplete" को सेट करने से आप सभी समूह के एलिमेंटों को दिखा सकते हैं, चाहे वो खाली ही क्यों न हो, लेकिन अगर सभी खाली हैं, समूह को रेंडर नहीं किया जाता।

<group layout="horizontal" show="incomplete">
  <header>योद्धा</header>
  <data source="पक्ष 1" />
  <data source="पक्ष 2" />
</group>

अब इन सब को साथ जोड़कर हमें मिलता है साँचे का पूरा कोड:

पूरा इन्फोबॉक्स

<infobox layout="stacked">
  <data source="पिछला"><label>पिछला</label></data>
  <data source="वर्तमान"><label>वर्तमान</label></data>
  <data source="अगला"><label>अगला</label></data>
  <title source="नाम" />
  <image source="चित्र" />
  <group>
    <header>जानकारी</header>
    <data source="लड़ाई"><label>लड़ाई</label></data>
    <data source="दिनांक"><label>दिनांक</label></data>
    <data source="स्थान"><label>स्थान</label></data>
    <data source="अंजाम"><label>अंजाम</label></data>
  </group>
  <group layout="horizontal" show="incomplete">
    <header>योद्धा</header>
    <data source="पक्ष 1" />
    <data source="पक्ष 2" />
  </group>
  <group layout="horizontal" show="incomplete">
    <header>कमांडर</header>
    <data source="कमांडर 1" />
    <data source="कमांडर 2" />
  </group>
  <group layout="horizontal" show="incomplete">
    <header>सेना</header>
    <data source="पक्ष 1" />
    <data source="पक्ष 2" />
  </group>
  <group layout="horizontal" show="incomplete">
    <header>मृत्युएँ</header>
    <data source="मृत्यु 1" />
    <data source="मृत्यु 2" />
  </group>
  <data source="नागरिक"><label>नागरिक मृत्यु</label></data>
</infobox>

अब हम लेखों में इसका उपयोग कर सकते हैं:

{{लड़ाई
 |पिछला = [[Battle of Fair Isle]]
 |वर्तमान = [[Siege of Old Wyk]]
 |अगला = [[Siege of Pyke]]
 |नाम = [[Siege of Great Wyk]]
 |चित्र = Stannis Great Wyk.png
 |लड़ाई = [[Greyjoy Rebellion]]
 |दिनांक = 289 AL
 |स्थान = [[Great Wyk]], the [[the Iron Islands]]
 |अंजाम = [[Iron Throne]] victory
 |पक्ष 1 = [[चित्र:Greyjoy.png|20px|link=House Greyjoy]] [[House Greyjoy]]
 |पक्ष 2 = [[चित्र:Baratheon.png|20px|link=House Baratheon]] [[Iron Throne]]
 |कमांडर 1 = अनजान
 |कमांडर 2 = Lord [[Stannis Baratheon]]
 |मृत्यु 1 = अनजान
 |मृत्यु 2 = अनजान
}}

छिपाने-योग्य समूह[]

Collapsible groups in action

समूहों को <group> टैग में या तो collapse="open" या collapse="closed" जोड़कर छिपाने-योग्य बनाया जा सकता है। इससे समूह के हैडर रो पर क्लिक करना संभव होगा (समूह को छिपाने या दिखाने के लिए), और समूह क्रमशः पहले खुला या बंद रहेगा।

<group collapse="closed">
  <header>दिखावट</header>
  <data source="फिल्म" />
  <data source="कॉमिक्स" />
</group>

नोट: <group> के अंदर कंटेंट वाले एक <header> टैग को पहली चीज़ होनी होगी।

पैनल[]

PortableInfobox-Panel-Orc.gif

डेटा आइटम्स और समूहों को अब टैब वाले पैनलों में सजाया जा सकता है जिससे डिवाइसों पर अनुकूलता बढ़ती है, और डेस्कटॉप और मोबिल पर्यावरणों में टैब्स को आसानी से देखा जा सकता है। टैब सेट बनाने के लिए <infobox> के चाइल्ड टैग <panel> को लेबल किया जा सकता है (<label> से) और उसमें एक या एकाधिक <section> एलिमेंट जोड़े जा सकते हैं। वह हर एलिमेंट डो <infobox> का चाइल्ड हो सकता है, <section> का भी चाइल्ड हो सकता है। इससे अव्यवस्था और एक ही पृष्ठ पर कई इन्फोबॉक्सों की आवश्यकता करीब खत्म हो जाएगी, और इसकी मदद से इन्फोबॉक्सों को और भी डायनामिक तरीके से बनाया जा सकता है।

<section> टैग में टैब की सामग्री होती है। <label> टैग टॉगल है जिसपर क्लिक किया जा सकता है। अगर लेबल्स को छोड़ दिया जाता है, वे अपने शून्य-आधारित संख्या पर आ जाते हैं; अगर पैनल में किसी भी टैग को लेबल नहीं किया जाता है, उन्हें इन्फोबॉक्स में समूहों की तरह रखा जाता है।

<infobox>
  <title source="title">
    <default>{{PAGENAME}}</default>
  </title>
  <panel>
    <section>
      <label>5E</label>
      <data source="size1">
        <label>Size</label></data>
      <data source="type1">
        <label>Type</label></data>
    </section>
    <section>
      <label>4E</label>
      <data source="origin2">
        <label>Origin</label></data>
      <data source="type2">
        <label>Type</label></data>
      <group>
        <header>Details</header>
        <data source="input2">
          <label>Input</label></data>
        <data source="output2">
          <label>Output</label></data>
      </group>
    </section>
  </panel>
</infobox>

आधुनिक विकल्प[]

फॉर्मेट करना[]

अगर आप अपने डेटा पर अधिक जानकारी जोड़ना चाहते हैं – जैसे कोई आईकॉन, श्रेणी आदि जोड़ना – या पास किए गए वैल्यूओं को प्रोसेस करना चाहते हैं, आप ऐसा फील्ड प्रारूप विकल्प की मदद से कर सकते हैं।

  • जब <format> टैग का इस्तेमाल किया जाता है, <data> टैग के source में दिए गए वेरिएबल को विकिटेक्स्ट की मदद से बदला जा सकता है। इसके लिए पैरामीटर के वैल्यू के आस-पास तीन ब्रेस; जैसे, source="price" के लिए {{{price}}}, जोड़े जाते हैं, बिलकुल किसी साँचे की तरह।
  • अगर source= में दिया गया वेरिएबल खाली है, <default> टैग में कोई वैल्यू न दिए जाने तक फील्ड को रेंडर नहीं किया जाता।

कुछ उपयोग के मामले:

  • अधिक टेक्स्ट जोड़ना: <format>₹{{{मूल्य}}}</format>
  • एक डिफॉल्ट वैल्यू देना: <format>₹{{{मूल्य}}}</format><default>बिक्री के लिए नहीं</default>
  • किसी पृष्ठ का कड़ी जोड़ना: <format>[[{{{स्थान}}}]]</format>
  • श्रेणी का कड़ी जोड़ना: <format>[[:श्रेणी:{{{वाहन प्रकार}}}]]</format>
  • पृष्ठ को श्रेणी में डालना: <format>{{{वाहन प्रकार}}}[[श्रेणी:{{{वाहन प्रकार}}}]]</format>

उदाहरणस्वरूप, हम एक {{money icon}} साँचा जोड़ सकते हैं:

<data source="price">
  <label>Price</label>
  <format>{{{मूल्य}}} {{money icon}}</format>
</data>

दाए तरफ का अंजाम नीचे के सिनटैक्स की मदद से दिया जा सकता है:

प्रारूप वाले फील्ड्स

<header>Price to buy</header>
<data source="buyhaggle">
  <label>Price with Haggling</label>
  <format>{{{buyhaggle}}} {{money icon}}</format>
</data>
<data source="buy">
  <label>Undiscounted price</label>
  <format>{{{buy}}} {{money icon}}</format>
</data>
<data source="sell">
  <label>Price to sell</label>
  <format>{{{sell}}} {{money icon}}</format>
</data>
<data source="weight">
  <label>Weight</label>
  <format>{{{weight}}} {{weight icon}}</format>
</data>

पार्सर फंक्शन[]

पार्सर फंक्शन किसी भी इन्फोबॉक्स पर जोड़े जा सकते हैं। हालाँकि, अगर पैरमीटर, टैग या डेटा स्रोत में कोई टेक्स्ट नहीं होता, अंजाम को अपने आप छुपा दिया जाएगा।

<data source="level">
  <label>Rank</label>
  <format>Orc {{#switch:{{{level}}}
              |1=peon
              |2=grunt
              |#default=(unrecognized rank)
              }}
  </format>
  <default>Orc (अनजान पद)</default>
</data>

Switch स्टेटमेंट में खाली स्ट्रिंग पर परीक्षण करने का कोई मतलब नहीं बनता; उदाहरणस्वरूप, |level= , क्योंकि यह पहले से ही <default> टैग के अंदर है।

उदाहरण[]

सहायता और फीडबैक[]

Advertisement