Fərdi Naviqasiya

Naviqasiyanı necə fərdiləşdirməyi izah etmək üçün nümunə olaraq demo saytını götürək i18n-demo.github.io

Yuxarıdakı şəkildəki nömrələnmiş sahələrə uyğun gələn fayllar aşağıdakılardır:

1. Sol .i18n/htm/t1.pug
2. Sağ .i18n/htm/t2.pug

pug HTML -ləri yaradan şablon dilidir.

➔ qrammatikasını öyrənmək üçün bura klikləyin pug

${I18N.sponsor} format sətri faylda beynəlmiləlləşdirməni həyata keçirmək üçün istifadə olunur və onun məzmunu i18n.yml dil kataloqunda müvafiq mətnlə əvəz olunacaq.

Naviqasiya panelinin üslubuna uyğun fayl .i18n/htm/topbar.css : dır.

[!WARN] pug -da css və js yazmayın , əks halda xəta olacaq.

Veb Komponentləri

js pug ilə yazıla bilməz. Əgər qarşılıqlı əlaqə tələb olunarsa, buna veb komponenti yaratmaqla nail olmaq olar.

Komponentlər veb səhifə komponentini md/.i18n/htm/index.js -da müəyyən edə bilər və sonra foot.pug də komponentdən istifadə edə bilər.

Xüsusi <x-img> kimi veb komponentləri yaratmaq asandır.

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

Hal-hazırda md/.i18n/htm/index.js -da x/i-h.js ə istinad edilir, bu, naviqasiya və altbilgilərə uyğunlaşdırılmış məzmun mətninin beynəlmiləlləşdirilməsi üçün istifadə olunan veb komponentidir. Mənbə koduna baxın 18x/src/i-h.js