توطين شريط التنقل والرأس المخصص

مرحباً،
لقد قمت بإنشاء بعض أشرطة التنقل المخصصة عن طريق كتابة بعض أكواد HTML في خيار تحرير CSS/HTML. الآن أريد أن يتم توطينها بناءً على البلد. فهل هناك أي طريقة ممكنة لجعلها محلية؟
أرفقت الكود النموذجي الخاص بي. هل يمكنني استخدام أي واجهة برمجة تطبيقات (API) أو Handlebars أو أي شيء من هذا القبيل لجعله يعمل؟

<script type="text/x-handlebars" data-template-name="components/navigation-bar">
<div class="header-content">
    <div class="nav-content">
        <span class="digital-content">
      <a class="digital-talks-header" href='/'>Community</a>
        <span class="vertical-line sec-nav-vline ie-brand-vline"></span>
         <span class="browse-text-header">
        <a href='/categories'>Categories</a>
        </span>
        <span class="browse-text-header">
        <a  href='/c/announcements/6'>Announcement</a>
        </span>
        <span  class="browse-text-header">
        <a  href='/c/discussion/7'>Discussion</a>
        </span>
 </span>
    </div>
</div>
</script>

إذا قمت بإنشاء هذا كمكون سمة، فهناك دعم مدمج:

لقد أجريت تغييرات في HTML الخاص بالموضوع الحالي. انظر الكود المرفق. الآن أريد أن تكون قوائم التنقل محلية. هل يمكنني استدعاء واجهة برمجة التطبيقات الخاصة بي واستهلاك البيانات أو هل هناك طريقة أخرى للتحايل عليها؟

navbar.txt (693 Bytes)