Comment ajouter l'adresse dans la barre de menu supérieur de Divi

Comment ajouter l'adresse dans la barre de menu supérieur de Divi

Si vous utilisez le thème Divi, vous avez remarqué que les options ne permettent que d’ajouter son adresse e-mail et son numéro de téléphone dans la barre supérieure située au dessus du menu principal.

Rappelons que dans Divi, l’activation de la barre de menu supérieure passe par la création d’un menu secondaire.
Cependant, il est parfois utile de renseigner également son adresse.
Pour remédier à cela, dans l’interface d’administration, allez dans Divi > Options du thème > Intégration > Ajoute du code dans la balise <body>.

Pour ajouter l’adresse AVANT le téléphone + mail

Pour ajouter l’adresse au début de la barre supérieure, entrez dans le champ le code suivant :

<script>

jQuery(function($){

  if (!$('#et-info').length) { $('#top-header .container').prepend(''); }

$('#et-info').prepend(

  '<span style="margin:0 10px" id="top-address"> 69 Grande Rue, 78550 Houdan</span>'

);

});

</script>

Pensez à remplacer l’adresse par la vôtre.
Si vous souhaitez en même temps créer un lien vers la page associée Google Maps associée, écrivez plutôt :

<script>

jQuery(function($){

  if (!$('#et-info').length) { $('#top-header .container').prepend(''); }

$('#et-info').prepend(

'<span style="margin:0 10px" id="top-address">

<a href="https://www.google.fr/maps/..." target="_blank"> 69 Grande Rue, 78550 Houdan</a>

</span>'

);

});

</script>

Pour faire apparaître l’icône  de localisation, il faut préciser dans l’éditeur de CSS les instructions suivantes :

#top-address:before{

  font-family: "ETmodules" !important;

  content: "\e081";

}

La liste des icônes installées par défaut ainsi que des codes associés est disponible sur cette page. Il est aussi possible d’utiliser la bibliothèque d’icônes Font Awesome mais cette dernière nécessite l’installation d’un plugin.
La fonction prepend() ajoute du contenu (ici l’adresse) au début de l’élément sélectionné (la barre supérieure dans notre cas).
Le résultat est le suivant :

Pour ajouter l’adresse APRÈS le téléphone + mail

Si vous souhaitez afficher votre adresse APRÈS l’e-mail et le téléphone, copiez-collez plutôt ce code au même endroit. Il suffit simplement de remplacer la fonction prepend() par la fonction append() :

<script>
jQuery(function($){
  if (!$('#et-info').length) { $('#top-header .container').append(''); }
$('#et-info').append(
'<span style="margin:0 10px" id="top-address">
<a href="https://www.google.fr/maps/..." target="_blank"> 69 Grande Rue, 78550 Houdan</a>
</span>'
);
});
</script>

La fonction append() ajoute du contenu à la fin de l’élément sélectionné.
Attention toutefois si vous décidez d’afficher les icônes des réseaux sociaux. L’adresse sera insérée après…

Merci au site de la Marmite pour l’aide à ce sujet…

Comment ajouter des polices personnalisées au thème Divi

Comment ajouter des polices personnalisées au thème Divi

Depuis la version 3.0.83 de Divi ( en date du 18 octobre 2017 ), il est désormais plus simple d’ajouter de nouvelles polices au thème. Auparavant, pour utiliser une police de caractère autre que celles présentes dans la liste proposée par Divi, il fallait soit insérer du code, soit passer par un plugin. Désormais, Divi intègre une fonctionnalité permettant d’ajouter très facilement des polices personnalisées.

Préparez vos fichiers de polices

Il faut uploader votre police personnalisée dans les formats .eot, .woff, .woff2, .ttf et .otf afin de maximiser la compatibilité avec les différents navigateurs.

Pour convertir votre fichier (souvent .otf ou .ttf) dans les autres formats, vous pouvez utiliser le convertisseur de polices en ligne Everything Fonts.

Sélectionnez le @font-face generator. Sélectionnez votre fichier en cliquant sur Pick Font File. Précisez ensuite que vous avez le droit d’inclure votre police sur des sites en switchant le bouton sur ON. Cliquez sur Convert et téléchargez le fichier .zip généré.

Dézippez ensuite l’archive obtenue. Vous obtiendrez ainsi tous les formats nécessaires à l’installation de votre police sur Divi (vous pouvez supprimer le fichier .svg qui n’est pas utile à Divi à la date de cet article).

Ajoutez vos polices personnalisées à Divi

Choix des polices avec WordPress DiviOuvrez tout  d’abord un module texte sur l’une de vos pages. Allez dans Style > En-tête texte ou Texte et cliquez sur le menu déroulant qui gère le choix de la police. Choisissez Mettre en ligne.

Dans la boîte de dialogue qui s’affiche, nommez votre police personnalisée. Sélectionnez ensuite les fichiers que vous avez précédemment obtenus (.ttf, .otf, .eot, .woff, .woff2).

Vous pouvez cocher  afin de bénéficier de toutes les graisses disponibles. Mettez en ligne.

Utilisez une police personnalisée dans Divi

Votre police fait désormais partie de la liste des polices disponibles. Vous pouvez l’utiliser comme n’importe quelle autre.

Merci au site Divi-Community pour l’aide à ce sujet…

Organiser un sondage en ligne avec Doodle

Organiser un sondage en ligne avec Doodle

Entreprise Suisse, Doodle est un outil simple à utiliser et très flexible qui vous permet d’organiser un sondage en ligne pour trouver une date (évènement, réunion…) ou faire un choix (à partir de n’importe quelle sélection). Pas besoin de compte pour utiliser Doodle, c’est gratuit et sans inscription.

Le principe de Doodle

L’administrateur du « Doodle » construit son sondage et le signale via un URL confidentiel aux personnes devant y répondre. Beaucoup plus facile ainsi que d’envoyer un message de courrier électronique à plusieurs interlocuteurs afin de se mettre d’accord sur une date ou un choix.
Avec Doodle, non seulement chacun peut faire son choix ou indiquer sa date de prédilection mais aussi y ajouter un commentaire. En outre, Doodle peut connecter un sondage à votre calendrier Google Calendar, Outlook Express, Lotus Notes, iCal et Doodle propose plusieurs versions mobiles (pour iPhone…).

Créer un événement sur Doodle

Rendez-vous sur Doodle et cliquez sur le bouton « Créer un sondage Doodle ». Si vous avez un compte Google, connectez-vous, sinon vous pouvez utiliser Doodle gratuitement et sans inscription.

En créant un compte, vous n’avez plus besoin de vous rappeler des vos liens Doodle. Vous bénéficiez d’une vue globale sur l’ensemble de vos sondages. La création et activation du compte est très rapide. Il ne tient qu’à vous de vous enregistrer ou non, tout dépendra de l’utilisation que vous aurez de ce service.
Vous devez ensuite proposer plusieurs dates (et même préciser les horaires si besoin).

Différents paramètres sont proposés tels que la possibilité de ne faire qu’une proposition par participant, rendre le sondage confidentiel ou encore limiter le nombre de votes. La suppression des publicités et l’envoi de rappels ne sont disponibles qu’en version payante (à partir de 29 euros par an).

Après une brève fenêtre d’identification dans laquelle on vous demande votre nom ainsi que votre e-mail, vous arrivez sur la fiche récapitulative de votre sondage qui contient le lien à partager avec vos futurs participants.

Traiter les données, gérer ses réponses

En tant que créateur de l’événement (même si vous n’avez pas créé de compte sur Doodle), vous recevez un mail récapitulatif, contenant un lien pour éditer votre formulaire et traiter les données. Ainsi vous pourrez :

  • voir qui a rempli le formulaire
  • analyser quels sont les jours et les heures qui ont été les plus choisis par vos invités (il y a un bouton qui permet de mettre en surbrillance la colonne la plus choisie)
  • modifier votre formulaire existant
  • effacer les participants
  • dupliquer ce même formulaire (pratique si vous organisez une réunion du même type, sans avoir à tout saisir, ou si vous organisez deux réunions sur le même thème pour deux publics différents)
  • Exporter le sondage sous PDF ou Excel, l’imprimer