samedi 9 avril 2022

Elementor Page Builder

Elementor PB

Après avoir utiliser pendant un certain temps Page Builder de SiteOrigin (voir l’article à ce sujet), j’ai découvert Elementor Page Builder, un autre constructeur de page avec lequel il est très plaisant de travailler. Il permet des mises en page plus complexes et il n’est pas trop lourd. Aussi la version gratuite est quand même assez versatile sans avoir à passer à la version pro.

Plusieurs Packs viennent compléter cet outils, notamment: Essential addons, Happy addons, Powerpack elements, ainsi que Image hover effects for Elementor.

Il y a d’autres outils intéressants, dont Stackable – Gutenberg Blocs et Ultimate Addons for Gutenberg, mais j’ai travaillé plus avec Elementor, jusqu’à maintenant.

Créer un calendrier


Voici quelques outils permettant de créer un calendrier pour imprimer ou pour intégrer dans un site Internet.

  • Perpetual Calendar Template pour Excel de Vertex42® 
    Pour créer un calendrier avec Excel, j’utilise ce modèle. Il suffit d’inscrire l’année dans la case indiquée et voilà le calendrier est créé. On peut ensuite copier l’onglet et le modifier à sa guise ou même copier le calendrier en entier ou en partie dans Word pour permettre une mise en page élaborée.
  • Calendrier Outlook
    Le calendrier Outlook de la suite Office que ce soit localement (sur son ordinateur) ou en ligne (Office 365) se limite à quelques modèles (jour, semaine, mois, an, etc.), car il s’agit plus d’un agenda  que d’un outil pour créer des calendriers .  D’ailleurs, il offre la possibilité de programmer un rappel  pour les événements enregistrés et d’envoyer des invitations à des correspondants. Il peut être intégrer dans un site Internet, mais je n’ai pas tenté l’expérience.
  • Google Agenda
    Le calendrier de Google Agenda offre des options et limitations similaires à Outlook. Comme le nom l’indique, c’est un agenda avec option de rappel et d’invitation de correspondants à participer à un événement.  Il peut s’intégrer dans un site Internet et la taille et les couleurs peuvent être personnalisés, mais le il n’est pas adaptatif (responsive) et le logo Google apparaît dans le coin inférieur droit.
  • EssentialPIM
    Voici un logiciel que j’ai utilisé quelques temps (alternative à Outlook) et qui est disponible sous Windows, Android, iOS et même en version portable. Je n’ai pas testé en profondeur, mais il pourrait aisément remplacer Outlook, même si certaines fonctions ne sont pas accessibles dans la version gratuite. La synchronisation avec Android ou iPhone est disponible même dans la version gratuite, mais je n’en ai pas fait l’essai.
  • Calendar Event Multi View de Codepeople
    J’utilise cette extension (Plugin) comme calendrier pour site WordPress. La version gratuite est limitée à un seul calendrier et une seule couleur d’événement par site.

Il existe d’autres outils autant pour créer des calendrier, mais ce sont les principaux que j’ai utilisés. Pour ce qui est d’agenda (rendez-vous, tâches, rappel, etc.), il y a d’autres outils qui mériteraient d’être mentionnés/étudiés, mais ce sera pour une autre chronique.

Typographie – outils en ligne


Voici quelque outils en ligne utiles pour la typographie:

  • Wordmark: vous aide à choisir une font en  vous permettant de prévisualiser les polices installées sur votre ordinateur
  • WhatTheFont: Identifier la police utilisée à partir d’une image
  • Ductus: Un générateur de lignes de guidage simple pour les calligraphes

Vignette de partage ou miniature facebook


Avoir un image qui représente bien le site lors d’un partage sur facebook constitue un avantage. Si on ne prévoit pas le coup, il se peut qu’il n’y ait aucune image ou alors des images sélectionnées au hasard sans rapport avec le site. D’autre part, si les images ne sont pas de bonnes dimensions, elles pourraient être tronquées lors du recadrage automatique ou tout simplement ignorées.

Voici quelques critères que les images doivent idéalement respecter:

  • Être carrées ou pouvoir subir un recadrage automatique sans être affectées
  • Avoir une dimension minimale de 154 px
  • Être référencées dans les métadonnées OGP de l’image par défaut dans l’entête (<head></head>) de la page:
    • Dans le menu de l’extension Yoast SEO/Réseaux sociaux/onglet Facebook, Mettre en ligne une image (voir image ci-dessous)
    • Autres ex. ci-dessous:
      <meta property=”og:image” content=”http://example.fr/vignette-page-accueil.jpg”>
      <meta property=”og:title” content=”Carmengraph”/>
      <meta property=”og:image” content=”http://carmengraph.com/images/carmengraph.jpg”>
      <meta property=”og:url” content=”http://carmengraph.com/images/carmengraph.jpg”>
      <meta property=”og:site_name” content=”Carmengraph”/>
      <meta property=”og:description” content=”Choisissez votre destination…”>
      <link rel=”image_src” href=”http://adresseimg.png” />
    • Apparaître dans l’image à la une de la page d’accueil peut parfois remplir cette fonction

Vignette facebook

Que faire si facebook a mémorisé une image indésirable pour notre site?

Après avoir corriger le problème en suivant les règles ci-dessus, il suffit d’utiliser l’outil Sharing Debugger:

  1. Entrer l’adresse du site dans la case prévue à cette fin
  2. Cliquer sur le bouton «Debug» et voyez le résultat

Source: ai13.fr et forum.webrankinfo.com

Mise à jour: 2020-06-16

Une suite Office gratuite

Office: Microsoft vs Open vs Libre vs Only

Plusieurs options s’offre à nous, si nous désirons utiliser une suite Office sans devoir débourser. On peut installer un logiciels libres (gratuiciels) ou utiliser une suite en ligne.

Microsoft Office

Il est même possible d’installer sur son ordinateur (Windows Vista, 7, 8 ou même 10*) la suite Microsoft Office Starter 2010 et ce, tout à fait gratuitement.  Légère, la suite comprend les logiciels Word et Excel avec les principales fonctions.

On ne la trouve pas sur le site de Microsoft, mais on peut la télécharger sur le site de PCAstuces.com qui offre d’ailleurs un tutoriel pour l’installation.  Même si quelques fonctionnalités avancées ne sont pas disponibles, la suite demeure intéressante. Elle convient à la plupart des utilisateurs, c’est d’ailleurs celle que j’utilise depuis quelques années déjà.

Notez que, bien que cette suite soit apparemment incompatible avec Windows 8 ou 10, elle fonctionne parfaitement. Dans un premier temps, il faut exécuter l’installateur en mode administrateur. Ensuite, il existe une patch pour palier à ce problème sur le site Windows facile.

☹ Note: un petit encart publicitaire s’affiche dans le coin inférieur droit de la suite, d’ailleurs le volet latéral qui occupe une portion de l’écran, peut être agaçant, surtout si on dispose d’un écran plus petit (portable).

Les autres suites offices

Il existent bien sûr d’autres suites bureautiques libres (sans frais). Les plus connues étant: OpenOffice ou LibreOffice et plus récemment, j’ai testé ONLYOFFICE.  Par contre, si on est habitué à l’environnement de la suite Microsoft, on doit apprivoiser l’interface de ces logiciels, car elles sont différente de la suite originale. Je suis d’ailleurs une indécrottable, car je reviens toujours à l’originale.

Les solutions en lignes

On peut aussi optez pour une des solutions en ligne, comme Google docs qui offre une facture similaire aux logiciels libres mentionnés ci-haut.  Si on possède un compte Outlook (adresse@outlook.com, @live.ca ou hotmail.com), on peut accédez à Office365 qui permet de retrouver l’interface de la suite Office.

Certains peuvent y voir un problème au fait qu’on doit sauvegarder ses documents en ligne, dans le nuage ou l’espace qui nous est attribué  (Onedrive ou Google Drive), mais on peut télécharger une copie de ses fichiers. Bien sûr, si on n’a pas la suite Office sur son ordinateur, on ne pourra pas ouvrir de fichier localement ou hors ligne, mais seulement via votre compte Office365.  Par contre, Google Docs  offre des solutions pour travailler hors ligne.

Bien voilà qui résume  comment on peut utiliser une suite office ou autres sans que ça nous coûte un sou.

Mise à jour: 2020-02-11

_____

* Comme je n’ai plus travailler dans un environnement Mac, depuis une dizaine d’années, je n’aborderai pas le sujet des programmes pour iOS.

Migrer son site WordPress


J’avais installé temporairement mon site dans un répertoire et, pour le déplacer, j’ai suivi les instructions trouvées sur Internet. Mais voilà, ce n’était pas si simple, parce que les images et tout un tas de choses ne suivent pas.

Heureusement, après avoir demandé de l’aide sur le Groupe facebook Les mordu(e)s du Web, on m’a suggéré d’utiliser l’extension Duplicator. J’ai été guidé pas à pas par mon sauveur, mais j’ai trouvé un tutoriel sur le site de  WP Formation.

Ce plugin permet de dupliquer le site complet et de le sauvegarder en format zip et constitue une sauvegarde (back-up).

Thèmes WordPress pour créer des portfolios


En cherchant des informations comment créer un portfolio WordPress, je suis tombée sur une vidéo de l’Apprenti Webmaster et du coup j’ai découvert le thème Virtue qui est totalement gratuit et qui  permet entre autres de créer des portfolios.

Souvent, l’inconvénient des thèmes gratuits c’est que la plupart des  options  permettant de personnaliser le thème ne sont pas disponibles dans la version gratuite. La particularité de ce thème est justement qu’il offre toute une gamme d’options, de même que des extensions (pluggins) qui n’ont rien à envier aux thèmes premium. Il y a d’ailleurs une autre vidéo du même vidéaste qui traite de ce thème: “Configurer le thème Virtue.” Il y aurait même un volet Woo commerce, mais je n’ai pas encore exploré cette avenue. 

J’ai utilisé ce thème pour le site dédie à la Collection Ahab et le seul obstacle que j’ai rencontré est que le portfolio ne peut pas être installé sur la page d’accueil.  Le site s’ouvre plutôt sur un carrousel d’images, ce qui est un bon compromis.

Pour le site de Fantart – Art Fantastique, j’ai plutôt opté pour le thème Gridsby qui présente une galerie d’images de style Pinterest.  La différence, dans ce cas-ci, c’est que les images sont insérées en tant qu’image mise en avant (Fig. 1) dans des articles de format Image (Fig. 2), alors que dans le cas précédent, les images sont insérées directement via le menu Portefolio (Fig. 3).

image mise en avant

Fig. 1

format image

Fig. 2

menu Portefolio

Fig. 3

Vignette de partage ou miniature facebook

  Vignette de partage ou miniature facebook Avoir un image qui représente bien le site lors d’un partage sur facebook constitue un avantage....