ڪسٽمائيز نيويگيشن

اچو ته i18n-demo.github.io سائيٽ کي مثال طور بيان ڪريون ته نيويگيشن ڪيئن ڪجي.

مٿين انگن اکرن ۾ ڄاڻايل علائقن سان لاڳاپيل فائلون هن ريت آهن:

1. کاٻي .i18n/htm/t1.pug
2. ساڄي .i18n/htm/t2.pug

pug هڪ ٽيمپليٽ ٻولي آهي جيڪا HTML جي ٺاهي ٿي.

➔ گرامر سکڻ لاءِ هتي ڪلڪ ڪريو pug

فارميٽ اسٽرنگ ${I18N.sponsor} فائل ۾ استعمال ڪيو ويندو آهي بين الاقواميت کي لاڳو ڪرڻ لاء، ۽ ان جي مواد سان لاڳاپيل متن سان مٽايو i18n.yml ماخذ ٻولي ڊاريڪٽري ۾.

نيويگيشن بار جي انداز سان لاڳاپيل فائل آهي .i18n/htm/topbar.css :

[!WARN] pug ۾ css ۽ js نه لکو ، ٻي صورت ۾ غلطي ٿيندي.

ويب اجزاء

js pug ۾ نه ٿو لکي سگھجي. جيڪڏھن رابطي جي ضرورت آھي، اھو حاصل ڪري سگھجي ٿو ويب جو حصو ٺاھيو.

اجزاء ويب پيج جي جزو کي md/.i18n/htm/index.js ۾ بيان ڪري سگھن ٿا ۽ پوء جزو کي foot.pug ۾ استعمال ڪريو.

اهو ويب اجزاء ٺاهڻ آسان آهي، جهڙوڪ 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);
    }
  }
)

في الحال x/i-h.js جو حوالو ڏنو ويو آهي md/.i18n/htm/index.js ، جيڪو هڪ ويب جزو آهي جيڪو نيويگيشن ۽ فوٽر ڪسٽمائيز مواد ٽيڪسٽ جي بين الاقواميت لاءِ استعمال ڪيو ويو 18x/src/i-h.js .