Jetpack : Booster son site internet WordPress

Utiliser Jetpack pour booster son site sous WordPress
Plugin Jetpack pour WordPress

Jetpack est un plugin WordPress réunissant énormément de fonctionnalités pour optimiser son site internet. Nous allons voir bon nombre d’entre d’elles durant ce tutoriel sur Jetpack pour WordPress.

Installation & inscription

Jetpack requiert pour être installé un accès à WordPress.com pour l’enregistrement. Aucune information confidentielle n’est communiquée ; c’est un accès pour récupérer des informations utiles au plugin.

Jetpack WordPress connexion
Connexion WordPress.com avec Jetpack

Décollage et boosting du site internet !

L’option « décollage » va vous permettre d’activer les modules principalement utilisés dans Jetpack. Pour ce tutoriel, nous ne l’activerons pas, car nous préférons activer manuellement les modules dont nous avons besoin pour le grand public.

Abonnements

Permet de créer un système de notifications des nouveaux articles ou de commentaires ; vous pouvez créer un widget d’abonnements pour votre site.

Apparence” > “Widgets” > Abonnement de blog (Jetpack)

Articles similaires

Elle permet de proposer au lecteur d’autres contenus en rapport avec la page qu’il vient de lire. Si cette option n’est pas déjà présente dans votre thème, nous vous recommandons grandement son utilisation.

Activez et configurez le plugin en choisissant : « Utilisez une mise en forme large et visuellement attrayante ».

Carrousel

Si non présent sur votre thème, ce module permet d’activer une jolie mise en page sur les images hébergées sur votre site (lorsque l’on clique dessus).

Codes de substitution

Inclut du contenu depuis des sites connus comme Youtube, Facebook. S’utilise sous forme de shortcode à insérer dans vos articles.

Commentaires

Ce module permet d’enregistrer des commentaires sur votre site en passant par d’autres services comme Facebook, WordPress.com ou encore Twitter.

Ce qui est pratique, car cela dérange l’utilisateur de s’inscrire pour poster un simple commentaire ; son activation est donc grandement recommandée !

Distribution Améliorée

Se charge de prévenir les services de partage et les moteurs de recherche qu’un nouvel article est disponible sur votre blog. À utiliser !

Extra Widgets

Peut vous être utile pour afficher du contenu depuis d’autres sites comme vos derniers Tweets, une like box Facebook pour votre page, etc.).

Options de Partage

Une option géniale qui permet de partager tous vos derniers articles via les réseaux sociaux automatiquement ; cela simplifie grandement la vie du community manager.

Jetpack for WordPress amélioration site web
Améliorer son site internet WordPress avec Jetpack

Jetpack permet de rajouter d’un coup pas mal de petites fonctionnalités utiles pour votre site internet. Si vous souhaitez en savoir plus sur les autres modules, utilisez le bouton « Réglages » de Jetpack.

Newsletter : Envoyer des lettres d’informations à ses abonnés

Envoyer une newsletter depuis son site internet
Newsletter pour ses abonnés

Newsletter est un plugin WordPress vous permettant de récupérer les e-mails des internautes, de créer un modèle de newsletter et de leur envoyer votre lettre d’information.

Configuration des adresses e-mails

Dans le menu « Newsletter », cliquez sur « Settings and more » pour accéder aux paramètres.

Nous allons modifier les informations suivantes :

  • sender email address  (d’où vient le mail) ;
  • sender name (le nom de l’organisation / de la personne qui envoie ce mail) ;
  • return path (retour des erreurs renvoyées par le serveur : problèmes temporaires, adresse e-mail inexistante…) ;
  • reply to (lorsque le destinataire cliquera sur « répondre », il y verra cette adresse.

Ces champs sont très importants car ils vous permettront de réussir vos campagnes e-mailings.

Configuration des messages

Rendez-vous dans « Newsletter », « List Building ». Ici, nous avons plein de traductions à faire.

Attention à bien récupérer les liens entre crochet dans vos copier-collers !

Confirmation > Confirmation required message

Vous venez de vous inscrire à notre newsletter ! Vous allez sous peu recevoir une confirmation d’abonnement.

Merci de suivre le lien présent dans l’e-mail.  Pensez à consulter votre dossier SPAM si vous n’avez pas reçu ce courriel d’ici 15 minutes.

Confirmation >Confirmation email > Title

Confirmation de souscription – {blog_title}

Confirmation >Confirmation email > Body

Bonjour {name} !

Merci de vous être abonné à notre lettre d’informations !

Merci de cliquer sur ce lien pour confirmer.

{subscription_confirm_url}

Cordialement,

{blog_url}

Subscription > Error page content

Oh, une erreur s’est produite !

Cette adresse e-mail est soit bloquée, soit déjà utilisée ðŸ™

Vérifiez votre saisie ou contactez le propriétaire de l’adresse.

Welcome > Welcome message

Merci {name} ! Votre abonnement a été confirmé 🙂

Welcome email > Title

Bienvenue, {name}

Welcome email > Body

Ce message confirme votre inscription à la newsletter de notre blog  {blog_title} !

Merci 🙂

{blog_url}

Pour vous désinscrire, cliquez ici. Vos options sont configurables, ici.

Profil > Profile page

Vous pouvez changer vos préférences.

Si vous changez d’adresse e-mail, vous devrez confirmer cette dernière à nouveau.

{profile_form}

Pour annuler votre abonnement, cliquez-ici.

Profil > Other messages > Email changed notice

Votre e-mail a bien été changé ! Un message d’activation vous a été envoyé.

Profil > Other messages > Generic error

Votre adresse e-mail n’est pas valide ou déjà utilisée ! Merci de vérifier vos informations, contactez-nous en cas de problème persistant.

Créer une nouvelle lettre d’information

Pour créer une nouvelle Newsletter, rendez-vous dans le sous-menu « Newsletters » ; cliquez sur « New newsletter ».

Choisissez ici le template (le visuel) de la newsletter :

  • Base color (le coloris de base de votre newsletter) ;
  • Disable social links (non recommandé, permet de désactiver les profils des réseaux sociaux) ;
  • posts > add latest posts, thumbnails, excerpts  (ajouter les derniers articles, miniatures, extraits) ;
  • post types to include (les types de postes à inclure dans la lettre).

Une fois le template défini, cliquez sur « Proceed the edit » pour changer le contenu de la lettre.

Créer du contenu dans sa newsletter

Sur la page suivante, on peut voir un éditeur de texte classique, vous pouvez y ajouter votre texte et le mettre en forme, rajouter des images…

Message textual

Nous en avons changé le contenu :

Si vous ne visualisez pas cet e-mail correctement, rendez-vous en ligne :

{email_url}.

Cordialement,

Mon association

Vous pouvez changer votre profil ici : {profile_url}

Targeting

Cet onglet est super important ; il vous permettra de choisir à qui vous souhaitez dédier cette newsletter.

  • Homme, Femme, Non spécifié ;
  • La liste de diffusion à utiliser ;
  • Statut d’inscription (confirmé ou non) ;
  • Seulement pour les utilisateurs du site.

Vous pouvez paramétrer l’envoie de la newsletter à une date donnée. Dans l’onglet « Other ».

Vous pouvez ensuite sauvegarder « Save » ou envoyer « Send » ?

Mise en place d’un champ de souscription

Pour mettre en place le formulaire d’inscription, rendez-vous dans « Apparence », puis « Widgets ».

Vous disposez d’un nouveau widget à mettre dans votre sidebar.

Mise en place d'une newsletter sur son site
Mise en place d’une zone de souscription à la newsletter

WP Google Maps : Ajouter une carte interactive

WP Google Maps carte interactive
Google Maps pour WordPress

WP Google Maps permet de créer une carte interactive avec différents points (marqueurs) dessus. La version gratuite est peu personnalisable ; dans la version pro, on pourra changer l’icône du curseur, ajouter un site internet et d’autres informations sur la carte.

La version gratuite reste cependant intéressante pour un usage basique.

Configuration d’une carte Maps

À gauche, un menu « Cartes » s’est créé. Dans la version gratuite, vous ne pouvez créer qu’une seule carte, mais avec plusieurs points de repère.

Marqueurs sur le plugin WP Google Maps
Marqueurs Google Maps sur la carte

Et voilà, c’est aussi simple que cela. En revanche, tout le reste des options sont payantes, ce qui est dommage à notre goût.

The Events Calendar : Créer un calendrier / agenda des dates importantes

Plugin de gestion d'évènements pour WordPress
Calendrier d’évènements pour WordPress

The Events Calendar est un plugin WordPress permettant d’afficher un agenda des événements à venir ; très utile pour les associations. Vous pouvez rendre vos événements publiques, partager le lieu, sélectionner une heure et une durée…

Configuration du plugin

Quelques éléments sont à configurer avant de se lancer dans la création d’événements.

Contrairement aux autres plugins, The Events Calendar crée son menu dans le menu « haut » de l’administration WordPress ; il ne se trouve pas à gauche ! Passez votre souris sur ce dernier et sélectionnez « Préférences ».

Ici, nous avons choisi de changer les éléments suivants :

  • nom (slug) de L’URL des événements (nous avons personnalisés l’URL en « evenements » ;
  • permalien pour un événement unique (nous l’avons appelé « sortie », mais vous pouvez bien entendu choisir un nom différent, car ce nom résumait seulement mieux nos événements) ;
  • symbole de devise par défaut (le dollar a été changé pour l’euro) ;
  • placer le symbole de devise après la valeur  (coché pour avoir un résultat comme « 50€ ».

Pour l’affichage des événements, je vous laisse le soin de le paramétrer suivant vos envies. Le plugin est très bien fourni côté fonctionnalités.

Quelques rendus de l’agenda

Pour ajouter de nouveaux événements, il suffit de vous rendre dans Événements > Ajouter événement. Tout est ensuite très facile étant donné que cette page d’ajout d’événements est basée sur la structure d’une page WordPress classique.

Voici quelques exemples de ce que l’on peut faire. (Petite précision :  nous n’appartenons pas à l’association mentionnée dans nos tests ; nous l’avons juste prise pour exemple.)

Evènements du calendrier affichés dans l'agenda Events Calendar
Agenda du calendrier d’évènements
Créer une page d'évènement sur WordPress
Événement de test pour une association connue

Loco Translate : Traduire son site internet en n’importe quelle langue

Traduction Thème WordPress avec Loco Translate
Traduire son site internet dans n’importe quelle langue

Loco Translate est le meilleur module WordPress que nous avons testé qui permet de traduire efficacement n’importe quel thème WordPress dans n’importe quelle langue. Pour rappel, les thèmes (s’ils sont bien faits), utilisent des fichiers .mo pour traduire le thème en différentes langues.

Installation et mise en place

Le plugin est très facile à mettre en place. Une fois installé, rendez-vous dans le menu Loco Translate.

Traduction WordPress avec Loco Translate
Traduction de son thème WordPress avec Loco Translate

On peut voir toutes les langues chargées par le thème (soit 30). À noter que nous n’avons traduit que 2 % du thème, pourquoi ?

Parce que les thèmes peuvent contenir la traduction frontend (ce que voit l’internaute), backend (ce que vous vous voyez dans l’administration, c’est le configurateur du thème). Nous n’avons eu besoin que de traduire ce que l’internaute voyait, ce qui nous a fait économiser beaucoup de temps, car traduire un thème, c’est long.

Ajouter une nouvelle langue à traduire

Ceci est valable pour toutes les langues, pas seulement pour le français !

  • Cliquez sur le bouton « Nouvelle langue » si votre langue n’est pas déjà créée dans le thème ;
  • Choisissez votre langue (français en France pour moi – n’oubliez pas d’indiquer le répertoire global) ;

    Loco Translate traduire un thème en une nouvelle langue
    Créer une nouvelle traduction sur Loco Translate
  • Et configurez votre langue ! N’oubliez pas de sauvegarder une fois les changements effectués.

    Traduire un thème en français avec Loco Translate
    Traduction d’un thème en français avec Loco Translate

Voilà ! Vous n’avez plus qu’à traduire les chaînes de caractères qui vous conviennent !