अनुकूलित नेविगेशन के बा

नेविगेशन के कस्टमाइज करे के तरीका बतावे खातिर डेमो साइट के उदाहरण के रूप में लिहल जाव i18n-demo.github.io

उपर दिहल आकृति में नंबर वाला इलाका सभ के अनुरूप फाइल सभ निम्नलिखित बाड़ी सऽ:

1. बाईं ओर .i18n/htm/t1.pug बा
2. सही .i18n/htm/t2.pug बा

pug एगो टेम्पलेट भाषा हवे जे HTML के जनरेट करे ले।

➔ के व्याकरण जाने खातिर इहाँ क्लिक करीं pug

फॉर्मेट स्ट्रिंग ${I18N.sponsor} के इस्तेमाल फाइल में इंटरनेशनलाइजेशन के लागू करे खातिर कइल जाला, आ एकर सामग्री के जगह स्रोत भाषा डाइरेक्टरी में संबंधित टेक्स्ट से बदल दिहल i18n.yml ।

नेविगेशन बार के स्टाइल के अनुरूप फाइल : .i18n/htm/topbar.css .

[!WARN] pug में css आ js मत लिखीं ना त त्रुटि हो जाई.

वेब घटक के बारे में बतावल गइल बा

js pug में ना लिखल जा सकेला अगर बातचीत के जरूरत होखे त एकरा के वेब घटक बना के हासिल कइल जा सकेला।

घटक md/.i18n/htm/index.js में वेब पन्ना घटक के परिभाषित कर सकेला आ ओकरा बाद foot.pug में घटक के इस्तेमाल कर सकेला .

वेब घटक बनावल आसान बा, जइसे कि कस्टम <x-img> ।

customElements.define(
  'x-img',
  class extends HTMLElement {
    constructor() {
      super();
      var img = document.createElement('img');
      img.src = '//p.3ti.site/i18n.svg';
      img.style = "height:99px;width:99px;";
      this.append(img);
    }
  }
)

वर्तमान में x/i-h.js के संदर्भ md/.i18n/htm/index.js में दिहल गइल बा, जवन एगो वेब घटक हवे जेकर इस्तेमाल नेविगेशन आ पाद लेख अनुकूलित सामग्री पाठ के अंतर्राष्ट्रीयकरण खातिर कइल जाला 18x/src/i-h.js