Création d’un popup

 

Dans un premier temps vous pouvez lire cet article : Utilisation sidebars overlay et widgets

Qui essaye d’expliquer le fonctionnement général du truc…

Pour mieux comprendre le mécanisme général un petit schéma

Voilà la marche à suivre : Dans cet exemple je désire créer un popup qui va s’afficher à gauche de l’écran quand on ouvre un article proposant une activité (AG, stages, rencontre RM). Ce popup signalera qu’il est possible de modifier son inscription (en indiquant un lien qui va faire le job).

  • Il faut être connecté avec des droits d’admin
  • Dans la barre noire en haut de l’écran cliquez sur « tableau de bord » (sous « rm-asso.org ») ; un menu vertical s’ouvre
  • Dans ce menu choisir « Popping sidebars and widgets » puis « all overlays »
  • choisir un overlay qui ressemble à ce que vous voulez faire : ici je vais prendre l’overlay « annonce » car il s’affiche à gauche.
  • Pointer la souris sur annonce et dans le petit menu qui s’affiche en dessous cliquez sur « duplicate »
  • Donner un autre nom à votre « overlay » par exemple « modification inscription » validez
  • rechercher l’overlay que vous venez de créer (il est tout en bas de la liste)
  • Cliquez dessus (ou « edit ») ; ses propriétés s’affichent.
  • Si « status » est ACTIVE le mettre de suite en INACTIVE et sauvegarder (bouton tout en bas) ; comme cela il n’est pas visible sur le site …
  • Vous pouvez maintenant faire vos modifs par exemple vous pouvez modifier le « Show button label », les options sont nombreuses…
  • Descendez tout en bas vers le « OTW grid manager » et supprimer la « sidebars annonces »
  • revenir en haut et dans la colonne de droite vous allez choisir ou vous allez afficher votre overlay. L’annonce est affiché uniquement sur la page d’accueil. Il faut donc dans un premier temps enlever cette sélection (en cliquant dans la zone « pages » sur « Unselect all »). Puis puisque nous voulons que notre affichage ait lieu sur tous les articles proposant une activité, on se dirige vers la zone « All post from category » et on sélectionne « Activités en cours ».
  • Sauvegarder l’overlay.
  • Dans le menu de gauche toujours dans « Popping sidebars and widgets » cliquez sur « add sidebars »
  • Donnez un nom à votre sidebar et un descriptif et la rendre active. sauvegardez.
  • Dans le menu de gauche se rendre à « Apparence » puis « widgets ».
  • A gauche vous avez des « Widgets » à droite les « sidebars » dirigez vous vers la sidebar que vous venez de créer (en bas de la liste). Cliquez dessus. Puis faire glissez le widget « Editeur visuel » (tout en bas de la liste) vers la sidebar « Modification inscription ».
  • L’éditeur s’ouvre ; tapez votre texte , votre lien etc… puis sauvegardez.
  • Retourner vers « popping sidebars and widgets » puis « all overlay » éditer votre overlay « modification inscription », dirigez vers le bas vers le « OTW grid manager » et cliquer sur « add item » pour insérer la sidebar « modification inscription ».
  • rendre votre overlay ACTIVE, puis sauvegardez
  • C’est fini … OUF … tester avec joie vos efforts 
image_pdf

2 Commentaires

  1. admin_forum (Auteur de l'article)

    C’est très complet mais sans doute un peu trop pour moi qui procède de manière un peu plus simpliste
    pour insérer une annonce sur la partie gauche de la page d’accueil , mais ce n’est sans doute pas la meilleure méthode …..
    1° Je clique dans le menu du tableau de bord sur APPARENCE et je sélectionne WIDGET ( dans le sous menu)
    2° Je clique ensuite sur GÉRER AVEC L’APPERÇU EN DIRECT (en haut à gauche de l’écran)
    3° Attendre trois secondes que l’écran se mette à jour puis dans la liste à gauche je clique sur ANNONCES
    4°Je sélectionne ensuite (en haut à gauche) EDITEUR VISUEL
    5° je modifie en direct sur la page de présentation (attention à mettre les images en miniatures 130 x130)
    6° je clique en haut à gauche sur ENREGISTRER ET PUBLIER

    Nota : ç a ne marche pas forcément du premier coup, je suis obligé en général de tatonner un peu pour la mise en page qui n’est pas vraiment intuitive.
    Didier

    1. admin_forum (Auteur de l'article)

      Il s’agit dans cet article de la création complète d’un popup.
      Pour simplement modifier un popup d’annonce en place on peut en effet utiliser cette méthode.
      C’est ce que j’explique dans l’article « modifier une annonce » simplement je ne passe pas par l’aperçu en direct.
      Jean Michel

Laisser un commentaire