Custöriteleşdirilen Nawigasiýa

Nawigasiýany nädip sazlamalydygyny düşündirmek üçin demo sahypasyny mysal hökmünde alalyň i18n-demo.github.io

Aboveokardaky şekilde sanly ýerlere gabat gelýän faýllar aşakdakylar:

1. Çep .i18n/htm/t1.pug
2. Sag .i18n/htm/t2.pug

pug - HTML -i döredýän şablon dili.

The grammatikasyny öwrenmek üçin şu ýere basyň pug

${I18N.sponsor} formaty faýlda halkaralaşmagy amala aşyrmak üçin ulanylýar we mazmuny deslapky dil bukjasyndaky degişli tekst bilen çalşylýar i18n.yml

Nawigasiýa çyzygynyň stiline gabat gelýän faýl : .i18n/htm/topbar.css

[!WARN] pug -da css we js ýazmaň , ýogsam ýalňyşlyk bolar.

Web Komponentleri

js pug bilen ýazyp bolmaýar. Eger özara täsir etmek zerur bolsa, web komponentini döretmek arkaly gazanyp bolar.

Komponentler web sahypasynyň komponentini md/.i18n/htm/index.js -da kesgitläp bilerler, soňra bolsa foot.pug de komponenti ulanyp bilerler.

Customörite <x-img> ýaly web komponentlerini döretmek aňsat.

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);
    }
  }
)

Häzirki wagtda x/i-h.js nawigasiýa we aşaky aýratynlaşdyrylan mazmun tekstini halkaralaşdyrmak üçin 18x/src/i-h.js web komponenti bolan md/.i18n/htm/index.js -da görkezilýär.