Création d’un popup (bureau)

 

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 cliquer sur « duplicate »
  • Donner un autre nom à votre « overlay » par exemple « modification inscription » et valider
  • Rechercher l’overlay que vous venez de créer (il est tout en bas de la liste)
  • Cliquer 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) ; de cette façon il n’est pas visible sur le site …
  • Vous pouvez maintenant faire vos modifs par exemple modifier le « Show button label », les options sont nombreuses…
  • Descendre tout en bas vers le « OTW grid manager » et supprimer la « sidebars annonces »
  • Revenir en haut et dans la colonne de droite choisir où afficher votre overlay. L’annonce est affichée 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 comme nous voulons que notre annonce soit affichée 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 » cliquer sur « add sidebars »
  • Donner un nom et un descriptif à votre sidebar et la rendre active puis la sauvegarder.
  • Dans le menu de gauche se rendre à « Apparence » puis « widgets ».
  • À gauche se trouvent des « Widgets », à droite les « sidebars ». Dirigez-vous vers la sidebar que vous venez de créer (en bas de la liste). Cliquez dessus. Puis faites glisser 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.
  • Retournez vers « popping sidebars and widgets » puis « all overlay » et éditez votre overlay « modification inscription », dirigez-vous en bas vers le « OTW grid manager » et cliquez sur « add item » pour insérer la sidebar « modification inscription ».
  • Rendez votre overlay ACTIVE, puis sauvegardez
  • C’est fini … OUF … tester avec joie vos efforts

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

Connexion
Connexion

Connexion