सानुकूलित नेव्हिगेशन

नेव्हिगेशन कसे सानुकूलित करायचे याचे उदाहरण म्हणून डेमो साइट घेऊ 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 18x/src/i-h.js md/.i18n/htm/index.js मध्ये आहे, जो नेव्हिगेशन आणि तळटीप सानुकूलित सामग्री मजकूरासाठी वापरला जाणारा वेब घटक आहे.