Navigazione Persunalizata

Pigliemu u situ i18n-demo.github.io cum'è un esempiu per spiegà cumu persunalizà a navigazione.

I schedari chì currispondenu à e zone numerate in a figura sopra sò i seguenti:

A manca .i18n/htm/t1.pug
Giustu .i18n/htm/t2.pug

pug hè una lingua di mudellu chì genera HTML 's.

➔ Cliccate quì per amparà a grammatica di pug

A stringa di furmatu ${I18N.sponsor} hè aduprata in u schedariu per implementà l'internazionalizazione, è u so cuntenutu serà rimpiazzatu cù u testu i18n.yml in u cartulare di lingua fonte.

U schedariu chì currisponde à u stilu di a barra .i18n/htm/topbar.css :

[!WARN] Ùn scrivite micca css è js in pug , altrimenti ci sarà un errore.

Cumpunenti Web

js ùn pò micca esse scrittu in pug Se l'interazzione hè necessaria, pò esse ottenuta creendu un cumpunente web.

I cumpunenti ponu definisce un cumpunente di pagina web in md/.i18n/htm/index.js è dopu aduprà u cumpunente in foot.pug .

Hè facilitu per creà cumpunenti web, cum'è <x-img> persunalizati0 .

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

Attualmente x/i-h.js hè riferitu in md/.i18n/htm/index.js , chì hè un cumpunente web utilizatu per l'internazionalizazione di a navigazione è u testu di cuntenutu persunalizatu di u pede Vede u codice fonte 18x/src/i-h.js