17 octobre 2017

Administration site: News letter générée avec Mailpoet 3, son formulaire abonnement et son lien de désabonnement

Objectif: Pour attirer de nouveaux abonnés à une newsletter, il est d’usage de placer un formulaire d’abonnement sur son site Internet.

Le corollaire qui permet le désabonnement est beaucoup plus simple à mettre en œuvre puisque les templates de newletters généré par Mailpoet intègrent de base un lien qui permet de désabonner.

On retiendra 3 étapes à suivre pour mettre en place l’abonnement:

Première étape: Constitution le formulaire d’abonnement

Menu Mailpoet / Formulaire, Ajouter , puis Donner un nom au formulaire

Sélectionner la liste de la newsletter concernée par l’abonnement.

A noter que cette liste est rarement vierge et que bien souvent elle a été constituée au préalable dans Mailpoet (via le menu « liste » ) par l’émetteur de la newsletter à partir de son carnet d’adresse.

Deuxième étape: Insérer le formulaire dans un article ou dans une page
Deux solutions: via un code court (ou short code) ou via du code HTML iframe.

Exemples de codes (en gras) pour les 2 solutions d’insertion:

([mailpoet_form id= »2″]) (pour être visible à l’écran dans le cas de cet article article, le short code est mis entre parenthèses afin de ne pas exécuté)

<p><iframe class= »mailpoet_form_iframe » tabindex= »0″ src= »https://handisport35.org?mailpoet_form_iframe=1″ width= »100% » height= »100% » frameborder= »0″ marginwidth= »0″ marginheight= »0″ scrolling= »no »></iframe></p>

Troisième étape: le test (à ne pas négliger)
Utiliser sa propre adresse mail pour tester l’abonnement et le désabonnement en vérifiant entre temps la mise à jour de la liste via le menu Mailpoet / Liste

Le résultat obtenu à l’écran pour le formulaire

[mailpoet_form id= »1″]

Retour au sommaire newsletter

10 octobre 2017

Administration site: Générer automatiquement un sommaire d’articles d’une même catégorie avec « Display Posts Shortcode » »

Via « Apparence  / Menu »,   il est possible de faire correspondre à un menu une liste d’articles d’une catégorie particulière. Ces articles vont apparaitre à la suite les uns des autres.

Deux options sont possibles:

  1. les articles apparaissent dans leur exhaustivité
  2. ou uniquement le préambule des articles suivi de « lire la suite ».

Ce type de présentation peut apparaitre rébarbatif pour un visiteur qui cherche une information, un article en particulier, d’autant plus que le nombre et la longueur des articles sont importants.

Il est donc pertinent de trouver un outil automatique qui génère l’équivalent d’un sommaire des articles d’une catégorie, éventuellement complété de quelques informations.

A défaut jusqu’à présent, j’ai généré le sommaire de cette newsletter manuellement, ce qui s’avère fastidieux et source d’erreur (il y avait un décalge la dernière fois !)

L’extension « Display Posts Shortcode » remplit cette fonction: à chaque fois qu’un nouvel article de la catégorie va être publié, l’affichage par le visiteur du site de l’article « Sommaire »  va se remettre à jour automatiquement (vous avez bien lu!).

Astuce pour l’éditeur: On remarque que les articles sont classés dans le sommaire par date/heure, le plus récent étant en haut du sommaire. Dans la pratique, on a souvent écrit les articles dans le « désordre » et on aimerait pouvoir classer les articles dans le sommaire de façon différente.
Pour cela il suffit de reprendre les articles en mode « Modification rapide  » et de changer leur date. « L’astuce » consiste à donner des valeurs entière au champ heure de façon à pouvoir insérer à postériori un article supplémentaire.
ex: article 1 (en haut de sommaire) à  15h00, article 2 à 14h00, article 3 à 13h00…
Si après avoir fait cette opération sur tous les articles,  je veux intercaler un nouvel article entre 1 et 2, je l’horodate à 14h30;-)

Pour en revenir à la forme d’affichage de ce sommaire, plusieurs options sont possibles, parmi lesquelles:

  1. la liste des titres
  2. la liste des titres , chaque titre étant complété par une image et un préambule de taille paramétrable

Cette extension est illustrée ci-dessous pour la catégorie « administration_site » par l’insertion du short code display_post suivi d’options dans le 2 ième cas.

Au vu du résultat (brut de fonderie dans cet exemple avec le thème de ce site), on voit qu’il convient d’ajuster au mieux les diverses options pour améliorer encore la lisibilité (longueur préambule, couleurs des liens, puces, …)

———————

Sommaire

[display-posts category= »administration_site »]

Plus de détails

[display-posts category= »administration_site » include_excerpt= »true » excerpt_more= »Lire plus … » excerpt_more_link= »true » image_size= »medium » wrapper= »div »]

 

Retour au sommaire newsletter

5 octobre 2017

Administration site: Comment renforcer la sécurité de connexion à l’administration du site

Maintenant que le gros du travail est fait et que les sites web sont « presque » aboutis, il est temps pour chacun(e) de prendre les bonnes résolutions concernant la sécurité.

Nous avons franchi un premier pas en passant en https, ce qui crypte les données échangées entre le serveur web et le client qui navigue sur le site.

Mais quid des pirates qui voudraient s’introduire sur le site?

Indépendamment du fait qu’il est très fastidieux de devoir ré-installer son site à partir d’une sauvegarde,  des données concernant des visiteurs, voire des listes d’abonnés à des newsletter peuvent avoir été utilisées à des fins frauduleuses.

En premier lieu , le pirate doit « deviner » comment se connecter à l’interface d’administration de wordpress et trouver l’identifiant et le mot de passe de connexion administrateur.

Je propose ici deux précautions simples à implémenter inspirées des excellentes vidéos  Youtube du site wpmarmite.com

Priorité 1: perdre les mauvaises habitudes concernant le choix des identifiants login et mot de passe (mauvais ex:handisport35 ! )
On en est tous conscient, mais on ne le fait jamais. C’est l’exemple même du comportement procrastinateur ;-).
On peut trouver pénible de changer le nom d’admin (en fait, WordPress ne le permet pas) car il faut créer un nouvel administrateur et se réapproprier les articles / pages de l’ancien administrateur.
Par contre, il est très simple de modifier son mot de passe.

Priorité no 2: changer l’url d’accès à l’écran de connexion.
En fait, la porte d’entrée https://monsite.org/wp-admin est connue de tous.En effet, supposons qu’on a laissé trainer son mot de passe infaillible et qu’il est tombé entre des mains mal intentionnées!
La procédure pour changer la façon d’accéder à l’écran de connexion est un peu complexe pour le néophyte (que nous ne sommes plus;-), mais on ne le fait qu’une fois. Et si d’aventure, on désire revenir à la situation précédente, c’est élémentaire.

Comment faire ?
L’extension à installer / puis à activer s’appelle Move Login

Ses « Réglages » sont accessibles dans le menu « extensions installées » .
Sélectionner l’extension dont le nom est SF Move Login (SF s’est ajouté!). On peut changer plusieurs paramètres dont la façon d’accéder  à l’écran de connexion. Par défaut, il est paramétré en https://monsite.org/login (pour des raisons pédagogiques).
C’est donc https://monsite.org/login qu’il faudrait taper dans la barre de navigation au lieu de  https://monsite.org/wp-admin.

Il est évident qu’il ne faut pas laisser login ,si facile à trouver, et le remplacer par une chaine facile à retenir pour nous mais complexe à trouver pour le pirate. Par exemple, saperlipopette_laisser_moi_rentrer_sur_le_site_du_handisport

Les plus pessimistes (ou les plus prudents) ne manqueront pas de noter la parade préconisée par l’auteur de l’extension si jamais la procédure ne marchait pas ou si l’on a oublié la formule magique! En effet, dans ce cas on ne pourrait plus accéder au site.

Je confirme, car ayant fait mon premier test sur ce site,  je suis « tombé dans le panneau » et au premier essai ça ne marchait pas.

Procédure de parade:
Il faut éditer manuellement le fichier wp-config.php qui se trouve à la racine du répertoire du site web .
rappel: On y accède via ftp (filezilla  sur son PC ou avec FTP explorer une fois connecté sur ovh)

Ajouter la ligne define … invalide l’extension Move Login quand elle est activée.
/* MV pour by passer l’extension Move Login en attendant de la faire marcher */
define (‘SFML_ALLOW_LOGIN_ACCESS’,true);

Ajouter /* en début de ligne avant define puis */ en fin de ligne  quand on a trouvé comment la faire marcher (d’après l’auteur, il peut y avoir conflit avec d’autres extensions)
/* define (‘SFML_ALLOW_LOGIN_ACCESS’,true); */

Retour au sommaire

1 octobre 2017

Administration site: Ouvrir un lien dans un autre onglet et paramétrage WP accessibility

Pour un lien, cocher la case « Ouvrir dans un autre onglet » ne sera pas fonctionnel si l’extension WP Accessility n’est pas correctement paramétrée.

En effet, de façon nominale, WP accessibility interdit ce comportement car cela  peut aller à l’encontre des bonnes pratiques d’accessibilité si l’utilisateur n’est pas informé.
La démarche à suivre consiste à l’indiquer explicitement dans le libellé du lien . ex: site web du CD handisport 35 (nouvelle fenêtre)

Remarque: Autant cette recommandation peut être suivie pour un lien « classique » au sein d’un an article ou d’une page, autant il semble irréaliste  de le faire dans le libellé d’un menu (car trop verbeux!).

Paramétrage convenable:
Aller consulter l’extension WP Accessibility et modifier « Réglages d’accessibilité
« Dans la zône  » Autres réglages d’accessibilité »
décocher « Supprimer l’attribut target sur les liens »

Info: En HTML, cela se concrétise par le code suivant target=_blank situé après l’url du lien.

(Voir plus de détails sur le référentiel Opquast)

 

Retour au sommaire

  • Articles récents

  • Commentaires récents

  • Archives

  • Catégories

  • Méta