So viele Sprachen hinzufügen, wie Sie möchten

Ich habe das Theme standardmäßig auf maximal zwei Sprachen ausgelegt, um die Bedienung für normale Nutzer so einfach wie möglich zu halten. Sie können jedoch so viele Sprachen hinzufügen, wie Sie möchten. Und so geht's:

💡 Hinweis: Richten Sie zuerst die ersten zwei Sprachen nach [diesem Tutorial] ein und folgen Sie anschließend dieser Anleitung.

💡 Wichtig: Nehmen Sie diese Anpassungen erst vor, nachdem Sie das Theme final angepasst và gespeichert haben. Bei zukünftigen Updates des Themes müssen diese manuellen Änderungen eventuell erneut durchgeführt werden.

Zwei Schritte zum Hinzufügen unendlicher Sprachen (Wiederholung pro Sprache)

#1. Datei language-dropdown.hbs bearbeiten

Suchen Sie die Datei language-dropdown.hbs unter dem Pfad ./partials/nav/language-dropdown.hbs und öffnen Sie diese. Suchen Sie den Codeblock ab Zeile 24:

Handlebars

...
    {{!-- Example of adding one more fr language --}}
    {{!-- 1. Change https://yourdomain.com/fr/ into your specific language you want --}}
    {{!-- 2. Change "fr" text as well --}}

    {{!--
    {{#match @site.locale "!=" "fr"}} 
    <div class="...">
        <a class="btn-language-items"
            href="https://yourdomain.com/fr/">
            <svg viewBox=...">
                <use href="..."></use>
            </svg>
            fr
        </a>
    </div>
    {{/match}}
    --}}
    {{!--  Example of adding one more fr language --}}
...

Sie müssen die Kommentar-Tags {{!-- und --}} (in Zeile 28) entfernen. Der finale Block sollte wie folgt aussehen (ersetzen Sie dabei die 3 Stellen durch Ihre gewünschte Sprache, z. B. de für Deutsch hoặc tr für Türkisch):

1. {{#match @site.locale "!=" "de"}}
2. href="[https://yourdomain.com/de/](https://yourdomain.com/de/)"
3. de (Text)

Speichern Sie die Datei.

💡 Tipp: Um weitere Sprachen hinzuzufügen, duplizieren Sie diesen Codeblock einfach so oft wie nötig.

#2. Datei multilingual-tags.hbs bearbeiten

Suchen Sie die Datei multilingual-tags.hbs unter dem Pfad ./partials/site-wide/multilingual-tags.hbs und öffnen Sie diese.

Handlebars

{{#has tag="#multilingual"}}
...
    {{!-- <link rel="alternate" href="https://yourdomain.com/fr/{{slug}}/" hreflang="fr" /> --}}
...
{{/has}}

Entfernen Sie die Kommentar-Tags {{!-- und --}} (in Zeile 7). Ändern Sie die URL [https://yourdomain.com/fr/](https://yourdomain.com/fr/){{slug}}/ und den Sprachcode fr entsprechend Ihrer Domain và der dritten Sprache ab.

Beispiel: <link rel="alternate" href="[https://ghostfam.com/de/](https://ghostfam.com/de/){{slug}}/" hreflang="de" />

Speichern Sie die Datei und Sie sind fertig!