Skip Navigation

This thread is resolved. Here is a description of the problem and solution.

Le problème :
J'ai besoin de faire un sélecteur de langue custom.

La solution:
- Allez à WPML > Languages > Options du sélecteur de langue > CSS additionnel.
- Ajoutez le CSS à continuation :

#menu-menu-principal .wpml-ls-item .menu-text {
    border: 1px #939598 solid !important;
    text-transform: uppercase;
    color: #939598;
    padding: 3px 7px;
    font-size: 12px;
}

Documentation:
https://wpml.org/fr/documentation-6/guide-de-demarrage-rapide/configuration-de-la-langue/selecteur-de-langue-personnalise/

Il s'agit du forum d'assistance technique de WPML, le plug-in multilingue pour WordPress.

Il est accessible à tous, toutefois seuls les clients de WPML peuvent y publier leurs messages. L'équipe du WPML répond sur le forum 6 jours par semaine, 22 heures par jour.

Marqué : 

This topic contains 8 réponses, has 2 participants.

Last updated by lucB-8 il y a 7 months et 2 weeks.

Assigned support staff: Andrés.

Auteur Messages
juin 10, 2020 à 1:37 #6342479

lucB-8

Tell us what you are trying to do?
Modifier visuellement le sélecteur de langue

Is there any documentation that you are following?
Pas vraiment selon mon cas

Is there a similar example that we can see?
Voir mes jpg de développement et maquette

What is the link to your site?

juin 10, 2020 à 2:05 #6342669

Andrés
Supporter

Languages: Anglais (English ) Espagnol (Español ) Français (Français )

Timezone: Europe/Paris (GMT+01:00)

Bonjour,

Bienvenue à l'assistance technique de WPML.

Créer un sélecteur personnalisé se trouve dehors du support mais je vais essayer de vous aider en tenant en compte nos limitations.

D'abord, vous devez placer votre sélecteur dans le bon endroit. Comme il s'agit d'un menu, vous pouvez aller à WPML > Langues et utiliser l'option du menu.
Est-ce que cela fonctionne ?

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

Cordialement,
Andrés

juin 10, 2020 à 2:15 #6342741

lucB-8

Oui, ça fonctionne mais je dois appliquer mon style par dessus.

juin 10, 2020 à 2:19 #6342809

Andrés
Supporter

Languages: Anglais (English ) Espagnol (Español ) Français (Français )

Timezone: Europe/Paris (GMT+01:00)

1. Changez l'étiquette de langue dans WPML > Langues > Langues du site :
https://wpml.org/documentation/support/editing-wpmls-languages-table/

2. Aller à WPML > Languages > Options du sélecteur de langue > CSS additionnel et ajouter du CSS similaire :

.wpml-ls-item a {
    border: 1px #939598 solid !important;
}

Documentation:
https://wpml.org/fr/documentation-6/guide-de-demarrage-rapide/configuration-de-la-langue/selecteur-de-langue-personnalise/

juin 10, 2020 à 2:29 #6342889

lucB-8

Je vais essayer, merci.

Est-ce qu'il y a moyen d'utiliser seulement l'abréviation EN et FR?

juin 10, 2020 à 2:41 #6342953

Andrés
Supporter

Languages: Anglais (English ) Espagnol (Español ) Français (Français )

Timezone: Europe/Paris (GMT+01:00)

En effet, en modifiant les étiquettes de langue dans WPML > Langues > Langues du site :
https://wpml.org/documentation/support/editing-wpmls-languages-table/

juin 10, 2020 à 5:10 #6344497

lucB-8

Bonjour,

Probablement ma dernière question... est-ce possible d'aller ajouter des class suplémentaire et enlever ce qui est là?

Comme vous pouvez voir, ça ne fonctionne pas tout à fait.

juin 11, 2020 à 6:09 #6347731

Andrés
Supporter

Languages: Anglais (English ) Espagnol (Español ) Français (Français )

Timezone: Europe/Paris (GMT+01:00)

Bonjour,

Ce class est ajouté par votre thème donc WPML ne peux pas la modifier.

Par contre, vous pouvez essayer un CSS comme le suivant :

#menu-menu-principal .wpml-ls-item .menu-text {
    border: 1px #939598 solid !important;
    text-transform: uppercase;
    color: #939598;
    padding: 3px 7px;
    font-size: 12px;
}
juin 11, 2020 à 1:31 #6351407

lucB-8

My issue is resolved now. Thank you!