Navigazzjoni Personalizzata

Ejja nieħdu s-sit demo bħala eżempju biex tispjega kif tippersonalizza n-navigazzjoni i18n-demo.github.io

Il-fajls li jikkorrispondu għaż-żoni numerati fil-figura ta’ hawn fuq huma kif ġej:

1. Xellug .i18n/htm/t1.pug
2. Dritt .i18n/htm/t2.pug

pug hija lingwa mudell li tiġġenera HTML 's.

➔ Ikklikkja hawn biex titgħallem il-grammatika ta pug

Is-sekwenza tal-format ${I18N.sponsor} tintuża fil-fajl biex timplimenta l-internazzjonalizzazzjoni, u l-kontenut tagħha jiġi sostitwit bit- i18n.yml korrispondenti fid-direttorju tal-lingwa tas-sors.

Il-fajl .i18n/htm/topbar.css :

[!WARN] Tiktebx css u js pug , inkella jkun hemm żball.

Komponenti Tal-Web

js ma jistax jinkiteb f'0 pug Jekk l-interazzjoni hija meħtieġa, tista 'tinkiseb billi jinħoloq komponent tal-web.

Il-komponenti jistgħu jiddefinixxu komponent tal-paġna tal-web md/.i18n/htm/index.js u mbagħad jużaw il-komponent foot.pug .

Huwa faċli li toħloq komponenti tal-web, bħal <x-img> personalizzati0 .

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

Bħalissa x/i-h.js huwa referenzjat md/.i18n/htm/index.js , li huwa komponent tal-web użat għall-internazzjonalizzazzjoni tan-navigazzjoni u test tal-kontenut personalizzat fil-qiegħ Ara l-kodiċi tas-sors 18x/src/i-h.js