Configuration WEGLOT

Traductions automatiques pour les sites web Jimdo

Créer un compte Weglot gratuit :


Configurer le widget de traduction de Weglot

- Intégration de sous-domaines -

 

Tutoriel pour la mise en place du widget Weglot sur un site web Jimdo (...avec gestion externe du domaine) 

 

Important : pour cette méthode d'intégration, tu as besoin d'un domaine hébergé sur un serveur externe ! Si tu confies la gestion de ton domaine directement à Jimdo, tu ne peux pas utiliser de DNS. (Domain Name Service), tu ne peux pas le configurer. Si tu as configuré ton domaine de cette manière, tu devrais le transférer chez un fournisseur externe qui gère ses propres DNS. et reconnecter ton site web au domaine. 

 

Avantage : après une intégration réussie de Weglot via des sous-domaines, tous les contenus de la version anglaise sont indexés par Google & Co et des programmations spéciales peuvent déjà reconnaître la version linguistique actuelle lorsque la page est chargée.

 

Instructions pas à pas (HowToDo) :

 

Créer son propre domaine (fournisseur externe)

 


Connecter le domaine (paramètres DNS)

 


Configurer A-Record

 


Configurer une adresse e-mail 

 


 

Créer un compte gratuit chez Weglot

 

Weglot Asset

weglot-Translation Solution widget
Enregistrer votre compte Weglot


Weglot : Configurer le projet et
Définir les paramètres DNS

...Weglot attend les réglages DNS au niveau du domaine (sous-domaine)


Configurer un sous-domaine (fournisseur de domaine)

Définir l'entrée CNAME(websites.weglot.com.)

 

Sous-domaines configurés


Retour à Weglot :

Utiliser Weglot dans un site web Jimdo 

Zone d'en-tête (Menu > Paramètres > Modifier l'en-tête > Ensemble du site/sous-pages)

 

Pour terminer la configuration du widget Weglot, il ne reste plus qu'à utiliser le widget Weglot sur le site Jimdo dans une dernière étape. Pour ce faire, Weglot met à disposition un script qui est disponible sur la page de configuration dans le tableau de bord Weglot :

Détail - View Info :


 

Ce script doit être placé en mode édition dans la zone d'en-tête de la page Jimdo (Menu > Paramètres > Éditer l'en-tête > page web entière/sous-pages) (...de préférence tout en bas ou en dessous des entrées éventuellement déjà existantes).

 

Le widget est ensuite disponible sur le site Jimdo et peut déjà être utilisé en mode visiteur. Il est maintenant possible de procéder à d'autres réglages, comme par exemple

  • le positionnement des boutons de traduction(voir ci-dessous)
  • le cas échéant, les adaptations nécessaires des traductions(vidéo)
  • Traduction de contenus dynamiques(vidéo)

 

 

Positionner le widget Weglot sur la page Jimdo

Exemple de mise en place : Boutons de traduction dans le menu Jimdo

 

  • Préparer le design
    La plupart des designs Jimdo sont optimisés pour les affichages mobiles. Pour placer les boutons de traduction dans le menu du site web, il faut les placer à deux endroits différents du design. afin qu'ils apparaissent dans les deux modes d'affichage (mobile et desktop).

    Pour insérer les boutons, Weglot met à disposition un outil : le "Visual Editor". Pour que les boutons puissent être insérés aux endroits corrects/voulus dans le "Visual Editor", il faut que le site mobile il faut toutefois préparer le menu mobile et le menu de l'écran de bureau pour l'insertion des boutons de traduction. Pour ce faire, nous avons créé sur ce site site Web, nous avons ajouté un espace réservé au design Jimdo pour chacune des différentes versions de menu à l'aide d'un script jQuery.

    Le script est simplement inséré au-dessus du script Weglot dans la zone d'en-tête de la page Web. Après avoir effacé le cache du navigateur (hard reload), les espaces réservés sont alors visibles dans l'éditeur de pages. Weglot "Visual Editor" et les boutons peuvent être insérés/placés aux endroits souhaités.

Script jQuery pour les espaces réservés

  • Le code jQuery* pour cela dans notre exemple est le suivant :

<script src="https://code.jquery.com/jquery-2.2.4.js" type="text/javascript"></script>

 

<script type="text/javascript">

$(document).ready(fonction () {

               

// Weglot Placeholder mobil/Desktop einsetzen

$('.jtpl-navigation__inner').after('<div class="weglot_placeholder">  weglot_placeholder  </div> ');

$('.jtpl-mobile-topbar').after('<div class="weglot_mobile_placeholder">  weglot_mobile_placeholder  </div> ');

}) ;

</script>

 

 

*...die Beschriftungen der Placeholder später ausblenden mit <!-- weglot_placeholder  --> bzw. <!--  weglot_mobile_placeholder  ..> oder löschen!

 

  • Démarrer l'éditeur visuel (tableau de bord Weglot)
  • Configurer l'attribution des boutons de traduction

  • Le positionnement final des espaces réservés se fait via un script CSS qui est également utilisé dans l'en-tête de la page web.