Napasadaan Ti Nabigasion

Alaentayo ti demo site kas i18n-demo.github.io tapno mailawlawag no kasano nga i-customize ti nabigasion.

Dagiti file a katupag dagiti nanumeroan a lugar iti pigura iti ngato ket kastoy:

  1. Kannigid nga .i18n/htm/t1.pug
  2. Kannawan nga .i18n/htm/t2.pug

pug ket maysa a pagsasao ti plantilia a mangpataud kadagiti HTML 's.

➔ I-click ditoy tapno maammuan ti gramatika ti pug

Ti kuerdas ti pormat ${I18N.sponsor} ket naus-usar iti papeles tapno maipatungpal ti internasionalisasion, ken ti linaonna ket masukatanto iti maitunos a teksto iti i18n.yml

Ti papeles a .i18n/htm/topbar.css iti estilo ti bara ti nabigasion ket :

[!WARN] Dimo isurat css ken js iti pug , ta no saan, addanto biddut.

Dagiti Paset Ti Web

pug ket saan a maisurat js No kasapulan ti pannakilangen, daytoy ket mabalin a maragpat babaen ti panagpartuat ti paset ti web.

Dagiti paset ket mabalinda a mangikeddeng ti maysa a paset ti panid ti web iti md/.i18n/htm/index.js ken kalpasanna usaren ti paset iti foot.pug .

Nalaka laeng ti mangpartuat kadagiti paset ti web, a kas dagiti kostumbre <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);
    }
  }
)

Iti agdama x/i-h.js ket naitudo iti md/.i18n/htm/index.js , nga isu daytoy ket maysa a paset ti web a maus-usar para iti internasionalisasion ti nabigasion ken footer a naipasayaat a teksto ti linaon Kitaen ti taudan a kodigo 18x/src/i-h.js