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

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

उपरोक्त आकृति मे संख्याबद्ध क्षेत्रक कें अनुरूप फाइल निम्नलिखित छै:

1. बाम .i18n/htm/t1.pug
2. सही .i18n/htm/t2.pug

pug एकटा टेम्पलेट भाषा अछि जे HTML 's उत्पन्न करैत अछि.

➔ के व्याकरण जानय लेल एतय क्लिक करू 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 लेल कैल जायत छै.