अनुकूलित नेभिगेसन

नेभिगेसनलाई कसरी अनुकूलित गर्ने भनेर व्याख्या गर्न डेमो साइटलाई उदाहरणका रूपमा लिनुहोस् 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