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

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

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

NE PAS METTRE A JOUR SA VERSION D’ELEMENTOR !

Après plusieurs mois de recul et des mises à jour d’Elementor, nous avons constaté des régressions sur les nouvelles versions d’Elementor.
Vous vous souvenez d’Elementor, cet éditeur qui manipule les sections et les colonnes avec dextérité!

J’avais déjà fait part de comportements surprenants dans un article précédent  quant au réglage de la largeur des colonnes et j’avais incriminé la mauvaise cohabitation avec le thème shape5 Vertex.

En fait, le comportement d’Elementor dépend aussi de sa version.

Les CDHs 22 et 29 ont la version 1.4.0

Le CDH 56 a la version 1.4.1

Le CRBH  a la version 1.4.2

Sur son site de test , le CDH 35 a la version 1.52

• A partir de la version 1.5.2 comprise, la situation s’est dégradée et il n’est plus possible de dupliquer / déplacer des sections et de placer des widgets sans devoir changer de thème .
  Heureusement une désinstallation et réinstallation d’une version antérieure (trouvée en zip sur le web), la v 1.4.8 rétablit la situation et il n’est plus besoin de jongler avec les thèmes (sauf pour une modification à postériori de largeur des colonnes)
• ATTENTION: Un message sur le tableau de bord nous fait part d’une toute dernière version, la v 1.7.3.
  Ne l’installez pas car le problème subsiste, voire empire !!

Retour au sommaire

Nous avons déjà vu dans un précédent article les principes généraux de Mailpoet, qui est l’outil utilisé pour rédiger cette newsletter.

Nous avons préféré abandonner le principe d’héberger cette newsletter sur le site WordPress du CDH 35 qui va bientôt devenir opérationnel. Nous venons donc de la transférer sur un autre site (utilisé pendant notre formation WordPress) dont l’adresse est handisportetr.ovh. C’est bien entendu transparent pour le lecteur de la newsletter et cela permet d’en masquer totalement la visibilité aux visiteurs du site WordPress opérationnel du CDH 35.

Nous en avons profité pour migrer sous la dernière version de Mailpoet (V3) qui offre, entre autres, l’avantage  de permettre d’éditer les articles sur 2 colonnes.

Voici ci-après un aperçu où l’on mixe une colonne et en dessous 2 colonnes

Retour au sommaire

A la suite de la mise en service des sites WordPress du CDH 22, du CRBH, du CDH 29, voici maintenant le CDH 56 ( handisport-morbihan.org ) qui vient de mettre son site en ligne en version WordPress.

Notre objectif du premier semestre est donc rempli.

Je reste à votre disposition au second semestre pour transformer cette première étape en consolidant NOTRE expertise WordPress.

Retour au sommaire

Contexte

De façon générique, le CDH 35  utilise son site Internet pour éditer une newsletter destinée à ses abonnés du monde handisport (environ 600 personnes).  Pour ce faire, le composant utilisé est l’extension WordPress « Mailpoet » qui permet notamment de pointer vers des articles archivés sur le site Internet. La vocation première de la newsletter est d’être diffusée par messagerie électronique, mais elle peut aussi être consultée directement sur le site web du CDH35.

Il est apparu que ce principe pouvait aussi être adopté pour une newsletter plus technique réservé aux administrateurs des sites Internet handisport des départements bretons afin de mutualiser les compétences.

Le niveau d’information divulgué  n’étant pas confidentiel, il nous a semblé dans un premier temps que les articles plus techniques pouvaient également être archivés sur le site web opérationnel du CDH 35.

On désire toutefois ne pas  les faire apparaitre par l’intermédiaire de menus dédiés, mais d’en réserver un accès immédiat au sommaire aux utilisateurs qui se connectent via un identifiant et un mot de passe.

A noter:

• qu’un visiteur qui ne s’est pas connecté pourra tout de même y accéder par le menu « Plan du site »
• on se réserve la possibilité, pour des articles sensibles,  de les protéger par un mot de passe qui devra être saisi par l’éditeur au moment de la saisie de l’article.
  De fait, les visiteurs , ou/et administrateurs des départements bretons handisport auront à saisir le mot de passe au moment de la consultation.
  Pour illustration, ce principe a été adopté pour l’article « A votre bon cœur … des sous … »

La solution adoptée

Deux extensions à installer et paramétrer:

1 extension « WP-members »

Fait apparaitre dans l’éditeur WordPress un bouton d’insertion de « short code » à choisir dans une liste.

• Editer une page dédiée qui sera appelée par le menu « Se connecter »
• On choisit d’insérer dans la page le short code nommé « login + redirect »
• Editer l’url de la page de redirection, celle du sommaire de la newsletter technique dans notre cas

2  extension « Login log out register »

Le paramétrage de cette extension permet une redirection vers l’url de la page de redirection si le visiteur a les droits qui conviennent, par ex. administrateur, contributeur, éditeur,… (cf droits wordpress).
Nous avons choisi de réserver l’accès aux contributeurs. Pour information, le contributeur est aussi à même de rédiger des articles sur le site, mais pas de les publier.

Retour au sommaire

Lors de la précédente newsletter, l’extension Next GEN Gallery (pourtant très populaire sur WordPress) causait quelques problèmes sur le site du CDH 35.

Objectif ? Trouver une nouvelle extension qui permette de créer des galeries photos sur nos sites internet.

La solution pour laquelle j’ai opté : l’extension « photo gallery ».

La vidéo ci-dessous reprend tous les détails pour installer l’extension et créer ses albums photos.

On retiendra que cela se fait en 2 étapes: création de galeries d’images, puis d’album faisant appel aux galeries

Les + :

• On peut télécharger les photos d’un dossier sur l’ordinateur, de la bibliothèque Média ou d’Instagram
• On peut utiliser plusieurs modes d’affichage pour les albums
• C’est simple d’utilisation et assez intuitif
• Dès que vous ajoutez une nouvelle galerie à un album, la mise à jour est automatique dans la page qui fait appel à l’extension Photo Gallery

Exemple de possible résultat :

Retour au sommaire

• Sur le site de test du CDH35 , handisport35mig.ovh , j’ai rencontré un problème sur l’extension  WP Acessibility qui s’est mise à ne plus fonctionner.
• Sur le site du CDH56 , handisport-morbihan.org , j’ai rencontré un autre problème avec l’extension  WP Acessibility qui a causé des effets de bords plus que surprenants.

WP accessibility et le site de test du CDH 35

Ce site étant pour l’instant réservé aux tests, je n’ai pas jugé critique jusqu’à présent de devoir systématiquement faire des tests « exhaustifs » dès que j’installe une nouvelle extension.

Si bien que j’ai constaté ce dysfonctionnement sans pour autant chercher immédiatement à trouver ce que j’avais installé qui pouvait créer le problème.

Je m’y suis attelé bien plus tard et la seule option qui me restait a été la méthode « bourrin »: désactiver à la fois toutes les extensions , sauf WP Accessibility et voir le résultat. Bien sûr le site est bien mal en point, mais on peut constater que WP Accessibility est redevenu fonctionnel. Il a suffit ensuite de réactiver les extensions par groupe de 3 ou 4 à la fois et identifier celle qui cause à nouveau le problème de dysfonctionnement de WP Accessibility.
il s’est avéré dans mon cas que l’extension incriminée est Next GEN Gallery (albums photo créé à partir de photos hébergées localement sur le site dans « Medias »).

Pour poursuivre, il faudrait:

• trouver une extension similaire à NextGEN Gallery et voir le comportement
• mais ce peut être aussi une fausse piste !!
• une solution peut être aussi l’abandon de l’extension WP Accessibility en se contentant de la possibilité de modifier la taille des caractères par la fonction de base du thème Shape5 Vertex (à droite sous la barre de menus) et en faisant attention aux choix des couleurs et de leur contraste.

En conclusion, la prudence s’impose !

WP accessibility et le site du CDH 56

Cette fois-ci, j’ai constaté l’affichage d’une chaine de caractères en haut à gauche du site (Plan du site MOSAIQUE) .

Pensant que c’était moi qui avait inséré volontairement ces informations lors de mes tests  d’ergonomie (lorsque nous avions en vue un accueil avec la navigation dans le site via une page de mosaïque de  site), j’ai beaucoup cherché dans quel endroit j’avais commettre cela!

Puis, un beau matin, j’ai pensé que des extensions WordPress pouvaient aussi être la source de mes déboires. Il s’agissait en l’occurrence de l’extension WP Accessibilty, qui une fois désinstallée, a « effacé  » l’affichage intempestif!

Il va sans dire que la solution la plus radicale a consisté à se passer de cette extension sur le site du CDH 56. Ce n’est bien sûr pas satisfaisant intellectuellement, mais  il faut savoir être pragmatique et aller au plus simple.

Retour au sommaire