Categories
Web design 26 octobre 2018

Questions Réponses : Gestion de contenu avec Elementor

Avant l'arrivée officielle et toutefois controversée du module WordPress Gutenberg, appelé à devenir le standard de a gestion de contenu avancé, nous vivons peut - être les derniers moments de la formidable diversité de modules de gestion de contenu proposés par des startups de tous horizons. Il y a eu Visual Composer, qui a fait un tabac et qui est pratiquement distribué sur la grande majorité des thèmes commerciaux pour WordPress. Nous avons développé beaucoup de sites avec Visual Composer mais aussi avec le plus récent Elementor, qui est encore mieux, et qui de surcroît nous fait la gentille surprise de bien vouloir s'adapter au futur Gutenberg : à l'heure actuelle on peut donc sans crainte continuer de travailler avec Elementor version Pro qui offre de nombreux avantages. Voici donc quelques questions réponses que vous nous avez offertes, avec leur réponse !!

  • Création de page cachée (non référencée par google, mais accessible par adresse publique, sans restriction d'accès)
    • Question : Nous souhaiterions créer une page sur le site web , non visible et non  indexée par Google sur laquelle des personnes arrivent après avoir  résolu un code informatique.
    • Réponse : c'est tout à fait possible, voici la procédure à suivre
      • utilisez "Page > Créer" pour créer une page, renseignez son titre , publiez la pour avoir son adresse définitive (que WordPress Calcule en fonction du titre)
      • vous pouvez modifier cette adresse en cliquant sur le bouton "MODIFIER" à droite du Permalien, sous le titre
      • pour que la page reste invisible aux moteurs de recherche, et avant d'aller travailler dans ELEMENTOR (étape suivante), pensez à répondre  dans l'encart YOAST SEO / Avancé (le petit engrenage, image ci dessous) : "Non" en réponse à la proposition : "Autoriser les moteurs de recherche à afficher le contenu Page dans les résultats de recherche ?"
      • Une fois toutes ces manipulations de base effectuées, vous pouvez aller travailler le contenu de votre toute nouvelle  page dans ELEMENTOR en cliquant sur "Modifier avec Elementor". Il est plus facile de terminer par cette étape une fois que toutes celles ci dessus sont bien renseignées

 

  • Element Carousel / Images défilantes :
    • Question : " J'ai fait un test d'un module d'elementor pas mal pour faire la liste des sponsors :  il va falloir que je me tape tous les logos à redimensionner en 150x150 ? "
    • Réponse : Oui. Tu utilises l'élément additionnel  EA Filterable Gallery, dans sa version gratuite, déjà très fonctionnelle rapport à sa version payante. En ce qui concerne la taille des images, je suis encore surpris que dans ce cas là comme pour son petit frère, le module standard Image Carousel d'Elementor, il faille redimensionner toutes les images au bon format avant des les charger, faute de quoi dans un cas comme dans l'autre, c'est pas beau. Nous avons d'ailleurs évoqué la question directement avec les développeurs sur github Elementor, sans réponse positive pour le moment. Conclusion : les galleries feront-elles plus de 50 images (logos en général) ? Non, donc allons-y un petit coup de Photoshop ou autre ne fera pas de mal, comptons 10 minutes (2) ?

 

  • Entête et pied de page :
    • Question  : "Pour la page partenaire, comme on liste les partenaires, et qu'ensuite, il y a le bandeau qui défile, ça fait un peu doublon. au moins pendant la période avec peu de partenaires. Tu sais si il y aurait un moyen simple de virer le bandeau de défilement  uniquement sur cette page ?"
    • Réponse : Il y a deux manière de procéder. La première, très simple, en créant un modèle de page différent, et en appliquant un autre footer (à créer) à ce nouveau modèle de page (1). La deuxième en utilisant les blocks globaux, qui peuvent s'afficher de manière conditionnelle, comme l'explique cette petite vidéo que l'on trouve sur la page générale d'explications sur les entêtes et pieds de pages Elementor.

 

  • Prévisualisation des adresses externes
    • Question : "J'ai aussi fait une catégorie "presse", pour mettre les articles de presse, et les afficher automatiquement. tu sais si il y a un plugin pour récupérer le résumé des article à partir de leur url, comme dans certaine webmail."
    • Réponse : ce module wordpress "Z URL PREVIEW" entres autres .

 

  • Champs spécifiques
    • Question : "tu connais un moyen de gérer la date de publication de l'article de presse, et pas la date de pub de l'article WP. j'avais la date d e l'article en date de publication, mais dès qu'on modifie, c'est foutu...."
    • Réponse : très bonne question, merci de l'avoir posée. Pour ce petit défi, nous utiliserons le module ACF, qui travailler très bien avec Elementor !! Nous pourrons ainsi ajouter des champs et les disposer à souhait dans notre futur modèle (1).

 

  • Fil d'actu : si tu as un tuyau pour faire une présentation plus jolie, je suis preneur.
    Réponse : c'est pas un tuyau que j'ai c'est un PIPELINE !! Pour présenter l'actualité du blog, il y a un paquet de solutions d'intégration des posts wordpress (2). Pour aggréger diverses sources d'informations (réseaux, articles wordpress...), nous utilisons un aggrégateur, nous en avons testé 2

    • FlowFlow : démo sur https://www.cadiou.bzh/actualites/, module sympa et efficace mais qui utilise beaucoup de javascript, et ne présente pas les contenus sous forme HTML , donc pas de gain en matière de SEO
    • Feed Them Social (avec son extesion payante Combined Streams) : mieux que celui ci dessus car produit du HTML, mais l'intégration des articles WordPress n'est pas incluse, nous avons donc développé cette extension
  • Toujours sur le fil d'actu : J'essaye  de faire des encarts en fond blanc (#fff), avec une bordure de 2px, en gris (#eaeaea); Est-ce qu'il y a un moyen de modifier les options de style par défaut dans elementor, pour l'objet "publications" par exemple ? Pour eviter de devoir tous les modifier un par un à la main ...
    Réponse : 
    Oui bien sur, chaque élément Elementor dispose dans l'onglet Avancé d'un champ de saisie de la classe css : il est donc conseillé d'utiliser un fichier global css optimisé (1) pour définir la présentation des élements, sur une classe globale qu'il te suffit ensuite de renseigner ici.

Notes

(1)   cette petite blague mérite quelques minutes d'intervention sur le FTP pour configurer le modèle en question, on fera ça lors de notre prochaine réunion de travail

(2) démonstration lors de notre prochaine réunion 🙂

 

 

  • Question : comment intégrer du contenu en accès restreint aux utilisateurs abonnés
    Réponse : Il existe des dizaines de solutions WordPress pour les contenus en accès abonnés. Nous vous recommandons cette  solution compatible Elementor qui associe le module gratuit Paid Member Subscription

 

  • Question : Comment utiliser les fonctionnalités avancées de Elementor ?
    Réponse : Vous pouvez acheter Elementor Pro directement sur le site Elementor, ou faire appel à nos services  Breizhwave pour créer votre site.
    Nous disposons d'une license développeur dont vous bénéficiez dans le cadre de nos prestations d'hébergement