Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:create:multilang [01.06.2019 20:54] – [Mehrsprachige Befragungen] admin
+++ de:create:multilang [23.04.2025 14:26] (aktuell) – [Flagge austauschen] admin
@@ Zeile 139: / Zeile 139: @@
 Für andere Sprachversionen können Sie natürlich andere Definitionen hinterlegen. Wenn Sie nichts angeben, wird die Definition aus dem Layout verwendet.
+===== Auswahl der Sprache =====
+Es gibt unterschiedliche Möglichkeiten, um eine Sprache für das Interview auszuwählen:
+  * Sie können unter **Fragebogen zusammenstellen** im Karteireiter //Einstellungen// eine Sprache festgelegen.
+  * Sie können den Link um einen [[:de:survey:url#sprachversion_vorgeben_l|Parameter für die Sprache]] erweitern.
+  * Wenn Sie mit Serienmails arbeiten, können Sie im Adresseintrag eine Sprache festlegen.
+Wenn die Sprache durch keine der obigen Maßnahmen vorgegeben ist, zeigt SoSci Survey beim Aufruf des Fragebogens standardmäßig eine Auswahl der verfügbaren Sprachen, symbolisiert durch Flaggen.
+Sie können diese Auswahl unter **Sprachversionen** -> **Sprachauswahl im Fragebogen** anpassen. Dort ist für jede Sprache ein kurzer HTML-Code mit Platzhaltern hinterlegt.
+<code php>
+<div class="option">
+    <a href="%link%">
+        <div class="flag">%flag%</div>
+        <div class="desc">%lang%</div>
+    </a>
+</div>
+</code>
+Der Platzhalter ''%link%'' sorgt dafür, dass die Sprachauswahl funktioniert, ''%flag'' wird durch eine Flagge ersetzt und ''%lang%'' durch die Bezeichnung der Sprache in der jeweiligen Sprache.
+Wenn Sie keine Flaggen anzeigen möchten, können Sie einfach die Zeile mit ''%flag%'' entfernen, ggf. für jede Sprache.
+<code php>
+<div class="option">
+    <a href="%link%">
+        <div class="desc">%lang%</div>
+    </a>
+</div>
+</code>
+Wenn Sie eine andere Beschriftung anzeigen möchten, ersetzen Sie ''%lang%'', z.B.
+<code php>
+<div class="option">
+    <a href="%link%">
+        <div class="flag">%flag%</div>
+        <div class="desc">Boarisch</div>
+    </a>
+</div>
+</code>
+Wenn Sie eine andere Flagge verwenden möchten, laden Sie diese unter **Bilder und Mediendateien** hoch (verwenden Sie dabei __nicht__ die geschützte Dateiablage), und ergänzen Sie ein ''<img>''-Tag, welches auf die Bilddatei verweist. Die CSS-Klasse ''s2t-flag'' sorgt für die richtige Skalierung.
+<code php>
+<div class="option">
+    <a href="%link%">
+        <div class="flag"><img src="bavaria.png" alt="Boarisch" class="s2t-flag"></div>
+        <div class="desc">Boarisch</div>
+    </a>
+</div>
+</code>
+Um die Sprachen anders zu sortieren, stellen Sie einen Kommentar mit der gewünschten Position voran.
+<code php>
+<!-- 2 -->
+<div class="option">
+    <a href="%link%">
+        <div class="flag">%flag%</div>
+        <div class="desc">%lang%</div>
+    </a>
+</div>
+</code>
+Optional können Sie noch einen //Text über der Sprachauswahl// festlegen, welcher über den Flaggen angezeigt wird.
+===== Flagge austauschen =====
+Nicht immer ist die voreingestellte Flagge geeignet, um eine Sprache zu symbolisieren. Wenn Sie zum Beispiel traditionelles Chinesisch anbieten aber für Taiwan eine andere Flagge verwenden möchten, gehen Sie wie folgt vor:
+  * Suchen Sie auf [[https://www.wikipedia.de/|Wikipedia]] nach der passenden Flagge, klicken Sie diese an und verwenden Sie dann das Download-Symbol, um die Flagge im Format "klein" herunterzuladen.
+  * Laden sie die Datei in SoSci Survey unter **Bilder und Mediendateien** im Karteireiter //Bilder hochladen// hoch, markieren Sie __nicht__ die Option "Geschützte Dateiablage verwenden".
+  * Klicken Sie das Bild nach dem Hochladen an, dadurch wird unterhalb der Bilder in dem Texteingabefeld der Dateiname angezeigt. Kopiern Sie diesen in ein freies Textfeld (z.B. eine Notiz in [[https://notepad-plus-plus.org/|Notepad++]]), Sie benötige ihne gleich.
+  * Öffnen Sie in der Navigation von SoSci Survey **Sprachversionen** -> **Sprachauswahl im Fragebogen**. In dem Feld neben der Sprache, deren Symbol Sie ändern möchten, sollte folgender HTML-Code stehen:
+<code html>
+<div class="option">
+    <a href="%link%">
+        <div class="flag">%flag%</div>
+        <div class="desc">%lang%</div>
+    </a>
+</div>
+</code>
+  * Ersetzen Sie im in diesem HTML-Code den Platzhalter\\ ''%flag%''\\ durch den folgenden HTML-Code\\ ''%%<img src="flag_just_uploaded.png" alt="%lang%" class="s2t-flag">%%''\\ anstatt ''flag_just_uploaded.png'' setzen Sie den Dateinamen ein, den Sie vorhin notiert haben. Das ''%%class="s2t-flag"%%'' im HTML-Tag ist wichtig. Das Ergebnis könnte dann wie folgt aussehen.
+<code html>
+<div class="option">
+    <a href="%link%">
+        <div class="flag"><img src="flag_just_uploaded.png" alt="%lang%" class="s2t-flag"></div>
+    <div class="desc">%lang%</div>
+ </a>
+</div>
+</code>
+  * Darunter sehen Sie noch ein zweites Eingabefeld, in welchem nur der HTML-Code ''%flag%'' steht. Tragen sie dort statt dem Platzhalter den folgenden HTML-Code ein.
+<code html>
+<img src="flag_just_uploaded.png" class="langSymbol unselectable" style="width: 30px; height: 18px;" alt="ger" title="%lang%">
+</code>
+  * Speichern Sie die Änderungen ({{:button.save.png?nolink|Knopf zum Speichern der Änderungen}}).