Wordpress Help popup bouton

10
3 avril 2016
Bonjour , J'ai besoin d'une aide pour wordpress , j'ai installé un joli thème où il y a un bouton .
On peut configurer deux choses :
- le texte du bouton
- le link
Mon idée est de faire sortir un popup en appuyant sur ce bouton à l'image du bouton Mode d'emploi sur airbnb.fr .
Quelqun peut me donner un coup de pouce ?
Merci

  1. Blabla
Groupes
  1. Blabla
10 commentaires

Posteur

up

Alors pour te donner plus d'info, techniquement c'est pas une popup ça, c'est plutôt une tooltip.
Popup = nouvelle fenetre genre les publicités à la con qu'on avait avant
Popin / Modale = fenetre dans la même page (on a ça parfois sur des formulaires de connexion intégrés ou lors de la consultation d'images)

Tu trouveras peut-être plus d'infos en cherchant donc avec ce terme!

Posteur

merci

Posteur

waw merci pour ces infos Thib3113 ? En fait ce qui serez cool c'est d'avoir le Modal (launch demo modal ) . Sais tu comment l'integrer à mon site wordpress ?
J'ai mis les lignes suivantes et jai que laffichage du bouton (rien ne se passe quand je clique dessus) je pense qu'il me manque une librairie à integrer pour reconnaitre le modal etc ...mas je ne sais pas laquelle :



Launch demo modal



×Modal title ...CloseSave changes

Le lien de @thib3113 était juste un exemple visuel. Tu ne peux pas l'utiliser en tant que tel parce qu'il faut - comme tu l'as deviné - une bibliothèque externe qui s'appelle Bootstrap.

Si tu veux des trucs clé-en-main pour WordPress, regarde du côté des plugins :

wordpress.org/plu…up/
wordpress.org/plu…er/
wordpress.org/plu…og/

Le bouton "mode d'emploi" fait juste apparaître un block caché (display:none) #div_memploi (qui contient le texte à faire apparaître) au onclick event (du button).
+ un scrollTop: $("#div_memploi").offset().top inclu dans un $('html, body').animate({scrollTop},Le_Temps voulu);

Sous Wordpress, JQuery est déjà intégré, je ne vois pas l'utilité de rajouter une surcouche bootstrap pour faire cela.... en plus selon le thème, on peut reprendre le css (correspondant au type d'alerte voulu - font - bgcolor) du block div pour faire plus propre....

En gros :

1. Click sur bouton
2. Faire apparaître la div cachée avec une animation de temps définie
3. Scroller automatiquement la page vers le haut de la balise de la div


.... bon en gros .... c'est un peu la base ça

Plus d'info sur les js perso :
> codex.wordpress.org/Usi…ipt

Au boulot !

Mon voisin du dessus à me semble t il assez bien résumé le problème, sauf que, je ne dirais pas que cela est la base
et que le display n'est pas 'none' mais, avec un peu de poudre au yeux on peux parvenir au même résultat
la position de base de l’élément qui apparait est :
élément {
top: -663px; // Position de départ
}
et quand il apparait
élément {
top: 0; // position au clique pour le voir apparaitre
}

cela me fait penser au 'Collapse' de Bootstrap

Sinon je t'invite à utiliser, quand tu trouves sur un site des éléments qui te plaisent, l'inspecteur de ton navigateur internet qui te donnera un début de piste sur les éléments que tu pourrais vouloir récupérer.
Aussi à lire les documentations des différents modules ou outils que tu utilises, normalement tu devrais avoir des informations sur ce que tu peux faire avec.

Je pense que avant de proposer tout pleins de solutions technique, il faudrait d'abord connaitre les compétences de @adagio non ?

Vous lui proposez du js, ou du CSS ... sauf que dans son énoncé, il parle juste de configuration dans wordpress ...

Dit nous ce que tu sais adagio, et nous pourrons t'aider :).

qu'est ce que tu gère dans :
- wordpress
- html
- CSS
- JavaScript
- worpdress child theme ?

je ne fais pas ma véxée => MP
Laisser un commentaire
Avatar
@
    Texte