Support » Allgemeine Fragen » Reine Sprachumschaltung für Webseiten

Reine Sprachumschaltung für Webseiten

  • TaddyWP

    (@taddywp)


    vor 5 Jahren, 6 Monaten

    Hallo zusammen,

    für eine Seite, die ich jeweils auch in den Sprachen Englisch und Niederländisch (jeweils mit eigener TLD) habe, möchte ich einen reinen Sprachumschalter (auf jeder Seite für jede Seite) anbieten.

    Zur Zeit habe ich es so gelöst, dass ich über Design -> Menüs individuelle Links erstellt habe und als Link-Text die Kürzel der jeweiligen Länder eingegeben habe.

    Funktioniert zwar problemlos, aber optisch ansprechend ist es nicht unbedingt.

    Gibt es ein gutes Plug-In dass nur den Zweck der Sprachumschaltung erfüllt und dabei schöne Lösungen im Menü anbietet?

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Moderator Bego Mario Garde

    (@pixolin)

    vor 5 Jahren, 6 Monaten

    Hallo @taddywp,

    ich würde das vermutlich damit lösen, dem Link eine individuelle CSS-Klasse zuzuweisen und dann im Customizer > Zusätzliches CSS dieser Klasse ein Hintergrund-Bild „Schalter“ zuzuweisen (Design > Menüs > Ansicht anpassen > Erweiterte Menüeigenschaften anzeigen > CSS-Klassen, dann Individuellen Link hinzufügen, CSS-Klassennamen vergeben, z.B. english und CSS-Regel im Customizer hinzufügen:

    .english a {
    font-size: 0;
    width: 50px;
    height: 10px;
    display: inline-block;
 }
.english {
    display: block;
    background: url('https://example.com/wp-content/umschalter-bild.png') no-repeat;
}

    ).

    Ob das dann aber verständlicher und barrierefrei ist als ein Link „English“/“Nederlands“, steht dann auf einem anderen Blatt.

    Alternativ könntest du dafür auch z.B. das Plugin Menu Image verwenden.

    Thread-Starter TaddyWP

    (@taddywp)

    vor 5 Jahren, 6 Monaten

    Hallo Bego,

    danke soweit. Ich habe alles so gemacht wie du es beschrieben hast, aber das CSS hat keine Auswirkungen auf die Links. Beim untersuchen der Seite kann ich aber sehen dass die Klassen korrekt zugewiesen sind. Mit !important erreiche ich auch nichts.

    Moderator Bego Mario Garde

    (@pixolin)

    vor 5 Jahren, 6 Monaten

    Der CSS-Code war ja auch eher „sinnbildlich“ gemeint. Du wirst hoffentlich auch nicht den example.com-Link zum (nicht vorhandenen) Bild verwendet haben?
    Ohne URL zur Website kann ich das nicht beurteilen und !important sollte sowieso nur eine absolute Ausnahme sein, wenn sonst gar nichts mehr geht.

    Eine gute Einführung in CSS findest du z.B. beim Mozilla Developer Network.

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Das Thema „Reine Sprachumschaltung für Webseiten“ ist für neue Antworten geschlossen.

Themen-Schlagwörter

Ansichten