[Resolved] Hilfe beim optischen anpassen

Hallo,

Vielen Dank, dass Sie das WPML Support Forum kontaktiert haben.

1. Gehen Sie zu WPML >> Languages ​​>> Edit Languages ​​und ändern Sie die Übersetzungen für alle Sprachen in (DE / EN anstelle von Deutsch / Englisch).

2. Gehen Sie dann zu WPML >> Languages ​​>> Menu language switcher und wählen Sie die Optionen aus, um das Menu als horizontale Liste anzuzeigen.

3. Überprüfen Sie dann die entsprechende CSS-Class für den Language Switcher auf Ihrer Website. Der folgenden CSS-Code sollte in der entpsrechenden style.css-Datei Ihres Themes eingefügt werden:

.menu-item.wpml-ls-item. {
    content: "|";
    position: absolute !important;
    right: 0 !important;
    top: 15px !important;
}

Ich kann leider nicht garantieren, dass der Code eventuell etwas angepasst werden muss. Senden Sie mir bitte den Link zur Website, sollten Sie weitere Hilfe benötigen.

Mit freundlichen Grüßen
Andreas

Hallo,

Ich sehe, dass bei einem Test der Header seine Einstellungen verliert, wenn der WPML Language Switcher hinzukommt. Ich habe dann mit einer Draft Test-Seite versucht das "|" Symbol in einem WPML Footer Language Switcher zu integrieren, was mir leider nicht gelungen ist.

Es ist hier auch so, dass es Probleme mit dem Theme geben kann, da das Theme einen eigenen Language Switcher verwendet. Ich habe in den Theme Options den Language Switcher des The7 Theme deaktiviert.

Wenn Sie mit bitte Serverzugriff geben, kann ich gerne versuchen den WPML Custom Language Switcher zu aktivieren.

Dazu muss der folgende Code an entsprechender Stelle, in die header.php Datei eingefügt werden:

do_action('wpml_add_language_selector'); 

Um daraufhin das Custom CSS anzuwenden, müssten Sie im Browser die den entsprechenden Selektor (CSS Class) für den Switcher überprüfen und die Änderungen dann entpsprechend in der style.css Datei des Themes einfügen oder Sie nutzen die entprechenden Felder zum hinzufügen von Custom CSS (Customizer oder WPML Language Optionen).

Der Custom Language Switcher (benutzerdefinierter Sprachwechsler) muss unter WPML - Languages, wie alle anderen Language Switcher, aktiviert und eingestellt werden.

https://wpml.org/documentation/getting-started-guide/language-setup/custom-language-switcher/

Mit freundlichen Grüßen
Andreas

Ich bin Ihnen gerne dabei behilflich.

Mit freundlichen Grüßen
Andreas

Hallo,

Im Grunde müsste der Code für den Custom Language Switcher vor Schluss der header.php eingefügt werden, um so als letzter Menüpunkt zu erscheinen.

Wenn Sie mir FTP Zugriff zum Server geben könnten, werde ich mir das gerne einmal genauer ansehen und am dazugehörigen CSS arbeiten.

Der Language Switcher im Footer, kann unter WPML -> Sprachen -> Footer-Sprachumschalter deaktiviert werden. Ich habe das nun für Sie getan.

Unter WPML -> Sprachen -> Benutzerdefinierte Sprachumschalter -> "Anpassen" können Sie grundlegende Änderungen des Custom Language Switchers angeben.

Ich habe das private Feld aktiviert, damit Sie mir den Zugang zum Server mitteilen können.

Mit freundlichen Grüßen
Andreas

Hallo,

Ich habe nun den passenden CSS Code mit einem Kollegen im Customizer unter Custom CSS eingefügt. Es passt nun alles.

Ich würde dazu raten den Code inder header PHP über die letzte Befehszeile vor der aktuellen Position zu setzen, um den Switcher ins Menu zu integrieren.

Mit freundlichen Grüßen
Andreas

Hallo,

Das CSS wurde unter Design -> Customizer -> Zusätyliches CSS eingefügt:

.wpml-ls-statics-shortcode_actions li a span:after {
    content: ' | ';
    position: relative;
    top: -1px;
    }

In Bezug auf den Language Switcher, versuch hier einmal den Code eine Zeile höher einzusetzen, so dass er über "get_template_part( 'header-single' );" steht.

Ist das alles, was in der header.php angezeigt wird?

Mit freundlichen Grüßen
Andreas

Hallo,

Tut mir leid, für die verspätete Antwort.

Ich habe die passende header-Datei gefunden, allerdings wird das "|"-Symbol nun hinter jedem Sprachtitel angezeigt und die Sprachtitel selbst sind nicht sichtbar, selbst dann wenn ich das CSS aus dem Customizer entferne. Irgendetwas überschreibt hier anscheinend die Design-Einstellungen.

Hast Du eventuell irgendwo in einer CSS-Datei zusätzliches CSS eingefügt?

Die Datei in welcher sich der Custom Language Switcher nun befindet ist im Ordner template-parts/header/ und heisst:

- header-classic.php

Ich werde mir die Sache mit dem CSS morgen nochmal genauer ansehen. Ich hoffe das ist in Ordnung? Bitte achte auch darauf, dass ich das design für den Custom Language Switcher unter WPML -> Languages dem Farbhintergrund des Themes angepasst habe und dass diese Einstellungen global für alle Custom Language Switcher gelten, die auf der Website eingebaut werden.

Mit freundlichen Grüßen
Andreas