Navigation (Navigation) Min Bɛ Kɛ Ka Kɛɲɛ Ni Mɔgɔw Sago Ye

An ka demo site in ta ka kɛ i18n-demo.github.io ye walasa ka navigation customize cogo ɲɛfɔ.

Dosiyɛri minnu bɛ bɛn yɔrɔw ma minnu nimɔrɔ bɛ sanfɛ ja in kɔnɔ, olu filɛ nin ye:

1. Nɛgɛbere .i18n/htm/t1.pug
2. Niman .i18n/htm/t2.pug

pug ye jatebɔkan ye min bɛ HTML 'w Bɔ.

➔ Aw ye nin yɔrɔ digi walasa ka daɲɛgafe dɔn pug

Foromazi sɛrɛkili ${I18N.sponsor} bɛ Kɛ dosiye kɔnɔ walasa ka diɲɛnatigɛ waleyali Kɛ, wa a kɔnɔkow bɛna Blà sɛbɛnni na min bɛ Bɛn o ma i18n.yml nɔ na min bɛ sɔrɔyɔrɔkan ɲɛbilasɛbɛn kɔnɔ.

dosiye min bɛ bɛn navigatiɔn cogoya ma , o ye : .i18n/htm/topbar.css .

[!WARN] Aw kana css ni js sɛbɛn pug kɔnɔ , n’o tɛ fili bɛna kɛ.

Web Yɔrɔw

pug tɛ se ka sɛbɛn js Ni jɛɲɔgɔnya wajibiyalen don, a bɛ se ka sɔrɔ ni ɛntɛrinɛti yɔrɔ dɔ dabɔli ye.

dakunw bɛ se ka ɛntɛrinɛti yɔrɔ dɔ ɲɛfɔ md/.i18n/htm/index.js kɔnɔ ka sɔrɔ ka baara kɛ ni yɔrɔ ye foot.pug kɔnɔ .

A ka nɔgɔn ka ɛntɛrinɛti yɔrɔw dilan, i n’a fɔ custom <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);
    }
  }
)

Sisan x/i-h.js bɛ tali kɛ md/.i18n/htm/index.js kɔnɔ, o 18x/src/i-h.js ɛntɛrinɛti yɔrɔ ye min bɛ kɛ ka diɲɛnatigɛ kɛ ka ɲɛsin navigatiɔn ni footer customized content text ma.