28 avril 2017

Administration site: une newsletter avec mailpoet

Bonjour à tous et toutes,

Je ne résiste pas à l’envie de vous montrer l’extension Mailpoet de WordPress par l’envoi de cette newsletter composée en l’occurence avec Mailpoet.

Outre l’intérêt de vous montrer l’extension MailPoet, cette newsletter vise à vous informer de certains fonctions de WordPress, souvent des points sur lesquels nous avons butés ensemble, et/ou qui me semblent importants à connaitre.

C’est un pêle-mêle désordonné d’informations selon mes humeurs du moment. Je n’attends que vos remarques et questions pour l’enrichir et la structurer.

Pour l’instant , je pense l’enrichir à chaque édition tout en gardant l’ensemble des infos des éditions précédentes.

____________________

Mailpoet permet simplement de faire une lettre à envoyer par mail par pointage sur des articles rédigés sur le site WP.

Attention toutefois à constituer votre lettre lorsque vos articles sont terminés.
En effet, une fois la lettre constituée, les modification ultérieures des articles ne sont pas reportées dans la lettre, même si on la ré-ouvre. Si on veut la dernière version des articles dans la lettre, il faut alors réinsérer une nouvelle  fois les articles modifiés.

De façon complémentaire, il est également possible d’utiliser les outils d’édition de MailPoet pour rédiger des articles spécifiques à la newsletter qui n’ont pas lieu d’être accessibles sur le site.

Pour former la liste de diffusion, on démarre par se constituer une liste d’abonnées (import par excel ou à la main) et ensuite on crée une liste de diffusion en ajoutant les abonnés visés dans la liste de diffusion

En vous souhaitant bonne lecture,

Michel

Retour au sommaire

28 avril 2017

Administration site: Document PDF et accessibilité malvoyants

Une bonne pratique consiste à s’assurer que la partie texte d’un document PDF que l’on met sur son site est lisible par les lecteurs d’écrans.

En première approche, on peut retenir que:

– un doc PDF issu d’un scanner ne sera jamais lisible car en fait il est vu comme une image (cf l’article Ouest France ci joint),
mais rien n’est perdu si on veut mettre en ligne un tel document car on peut tout de même récupérer le texte d’une image et le remettre en forme.

Par ex, le logiciel « One Note 2016 » de Microsoft dispose d’une fonction reconnaissance de caractères (Click droit, puis  « copier le texte de l’image »))

– un doc PDF fait à partir d’un logiciel structuré, par exemple Word, sera en général lisible
Des exemples et contre exemples:

– tester le fichier pdf peut être  pertinent et simple à faire: Utiliser le mode « lecture audio  » d’un lecteur PDF, tel que Foxit Reader (View, Read, Read Current page) , est déjà une très bonne garantie.

Note de l’auteur:  des problèmes ont été rencontrés avec Adobe Reader dont nous n’avons pas pu faire fonctionner la lecture audio

Retour au sommaire

28 avril 2017

Administration site: Edition et mise en forme d’articles

Seront abordés dans cet article des points particuliers en relation avec WPEdit, CK editor et ELEMENTOR

——————————————

  • Comment souligner dans l’éditeur de texte WP Edit (Editeur basique de WordPress)  ou dans ELEMENTOR?

L’icône  » ? «  cerclé de noir:  Cet icône rappelle les raccourcis clavier utilisables.
Par exemple pour souligner un mot ou un ensemble de mots => les sélectionner et faire CRTL u

De façon générale,  le menu « Format » permet d’accéder à diverses mises en forme (gras, italique souligné, exposant,…)

  • icône « Coller en texte« 

Il est souvent tentant de copier / coller (par CTRL C / CTRL V) du contenu avec comme source un autre logiciel (word,…), mais attention aux caractères de mise en forme qui sont recopiés et qui provoquer des problèmes car non compatibles avec l’éditeur de pages web.
Tester donc l’effet du « collage en texte »

  • Comment faire un sommaire: la notion d’ancre

Sommaire

chapitre 1 blabla 1

chapitre 2 blabla2
……

Mon chapitre 1
Contenu de mon chapitre 1

Mon chapitre 2
Contenu de mon chapitre 2

Avec l’éditeur de texte WP Edit (installé par défaut avec WordPress)

Hélas, l’éditeur de texte WP Edit  ne permet d’ajouter facilement des ancres, il va falloir passer dans le mode « Texte » , accessible en haut à droite de l’écran d’édition et insérer « à la main » deux lignes de code:

  • une ligne à placer juste avant le contenu de mon chapitre 1 : <a name="place_du_chapitre_1"></a>
    Elle  va « ancrer » le contenu de mon chapitre 1.
    Aussitôt après l’insertion de cette ligne, on s’aperçoit en revenant en mode « Visuel » que le symbole de l’ancre est apparu (un rectangle avec une ancre à l’intérieur)
  •  l’autre à placer juste avant l’intitulé du sommaire: <a href="#place_du_chapitre_1">chapitre 1 blabla 1</a>
    Elle va permettre de pointer vers le contenu de mon chapitre 1 à partir de l’intitulé du sommaire.Note: Ce principe peut être également utilisé pour revenir en haut de page ou permettre de revenir au sommaire

Avec un éditeur plus sophistiqué  =>  Installer l’extension « CK editor for WordPress  » et le tour est joué, ça fonctionne tout seul!

A noter que cette extension, bien que datant de 3 ans, est fonctionnelle sousWordPress V 4.7.4.

Dès son installation, elle se subsitue automatiquement à l’éditeur WP Edit.

Cet éditeur est beacoup plus complet de WP Edit. A tester d’urgence !

Un bouton dédié à l’insertion d’ancres (icône « drapeau noir ») est directement accessible et installé par défaut

  • Modifier la largeur des colonnes sous Elementor tout en ayant le thème shape 5 vertex installé

Il faut se souvenir que le thème shape5 entraine des limitations dans l’usage de l’éditeur Elementor.
En particulier, l’ajustement précis de la largeur des colonnes n’est pas possible!

On parle ici de réglage précis car Elementor (dans son fonctionnement avec le  thème shape5 activé) offre tout de même une panoplie complète de taille et de nombres de colonnes prédéfinies, mais ce choix n’est proposé qu’au moment de la création de la section, et on s’aperçoit dans la pratique que ce n’est qu’une fois que l’édition est bien avancée que l’on a envie de modifier la largeur de certaines colonnes.

Solution 1: passer provisoirement sur un autre thème au risque de perturber les visiteurs du site

En cas de nécessité de devoir modifier la largeur des colonnes sur un article /page  sur un site opérationnel, il faudra passer temporairement  sur un thème de base de WordPress « pleinement » compatible avec WordPress . On peut citer le thème « Twenty Sixteen » qui a été testé et qui peut convenir.

Il est donc raisonnable de configurer ce thème au préalable selon ses goûts afin d’offrir aux visiteurs l’ergonomie désirée pendant le temps de la bascule . En complément , on pourra signaler que le site est en cours de réactualisation temporaire . Bien entendu, ne pas oublier de revenir sur le thème d’origine shape5 vertex.

Solution 2: LA MEILLEURE ! Faire la modification de l’article / page sur le site réservé au test

Utiliser pour ce faire la fonction import / export accessible via le menu « Outils » pour passer d’un site à l’autre

Souvenez vous que vous disposez d’un domaine réservé au test: c’est le moment où jamais de l’utiliser pour faire ces modifications

Je rappelle les urls ci-après:

CDH 29: handisport29wp.ovh

CDH 35: handisport35mig.ovh

CDH 22: handisport22wp.ovh

CDH 56: handisport56wp.ovh

CRBH: handisportcrbhwp.fr

Retour au sommaire

27 avril 2017

Administration site: Comment personnaliser le thème 20-14 et l’adapter

Nous avons vu dans un précédent article comment tester un nouveau thème sur son site. Mais quelquefois, on peut faire face à des surprises!

Comment  adapter le thème à ses besoins?

Par exemple pour le thème Twenty Fourteen (2014), on s’apercoit que les articles sont étriqués et ce bien en deça de la largeur de la page.

Une recherche sur Google montre que c’est une limitation de l’époque à la sortie du thème. La largeur d’affichage était limitée et affectée « en dur » à des valeurs ne permettant pas l’affichage au bon format avec les écrans de maintenant.

Hélas, les modifications sont à faire en adaptant quelques lignes de code du fichier style.css du thème (par ex, remplacer 474px et 1260px par 100%).

Méthode à suivre :

  • Ne pas oublier de sauver le fichier d’origine en le renommant (ex:style_ori_mv.css)
  • Apparence / Editeur, puis modifier le fichier style.css en conséquence

Un exemple de personnalisation du thème 20-14

Il est possibles de mettre des articles en avant (3 au max) dans la zône en dessous du menu: ce sont les pavés qui apparaissent en haut de l’aperçu quand on installe le thème.

C’est une fonctionnalité spécifique de ce thème qui requiert de faire trois manipulations pour chaque article à mettre en avant:

Quand on édite l’article/page , sur la colonne de droite:
=> donner la Visibilité  » Public » et cocher  » Mettre cet article en avant sur la page d’accueil »
=> affecter une image mise en avant
=> Etiquettes : dans le champ éditable, mettre mis-en-avant , et valider avec OK

et enfin Publier

A noter que les images sont affichées à leur dimension et que pour l’esthétique il vaut mieux qu’elles soient de la même taille.
Un essai de taille 640*480 donne une esthétique agréable et une bonne mise en valeur.

Retour au sommaire

  • Articles récents

  • Commentaires récents

  • Archives

  • Catégories

  • Méta