User submitted post dans une pop up

User submitted post dans une pop up

popup

Sur un de mes sites, j’ai  un formulaire produit par le plugin de Jeff Star ( ‘User Submitted Post’ ) pour que les visiteurs puissent poster des vidéos.

Je peux placer le shortcode fourni par le plugin dans une page dédiée, que j’ indiquerai au visiteur via mon menu ou un lien quelconque sur le site.

On peut tout aussi bien créer un bouton dans l’en-tête du site, ou le fichier « header.php » par exemple, afin qu’il apparaisse partout sur le site.

Sur l’image suivante on a les deux méthodes. Un onglet dans le menu ou un bouton qui renvoie vers la page.

video

Plutôt que de renvoyer vers une page dédiée, à partir du menu ou d’un bouton, on peut aussi  faire apparaître le formulaire dans un pop up pour que l’utilisateur puisse poster sa  vidéo ou son contenu tout en restant sur la même page.Voici la procédure :
– Premièrement je crée un modèle de page dédié à mon formulaire « mesvideos.php ».
– Je crée la page équivalente en back office : c’est cette page tout entière que l’on va insérer dans la pop up, d’où la création de mon modèle de page.  Je vais la coder de sorte qu’elle n’insère pas de sidebar et d’autres éléments inutiles ( je ne laisse que la loop et le shortcode du plugin )

<?php

/* 
 * *Template Name: Vos videos
 * */
 ?>
<?php get_header();?>
<div id="primary" class="site-content">
		<div id="content" role="main">

			<?php while ( have_posts() ) : the_post(); ?>
<?php echo(do_shortcode('[user-submitted-posts]'));?>
                    
                    	<?php endwhile; // end of the loop. ?>

		</div><!-- #content -->
	</div><!-- #primary -->
<?php get_footer();?>

Voici mon bouton dans mon header, que j’appelle ‘poster votre vidéo’ : il apparaît partout sur le site, à l’intention des visiteurs.

<input type="submit" value="Postez votre video" class="videopost" type="button">

Enfin, j’entoure mon bouton input d’un lien dans lequel je place le javascript de la pop up:

<a href="http://localhost/test/vos-videos/" onclick="javascript:void window.open('http://localhost/test/vos-videos/','1402582569248','width=400,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;"><input type="submit" value="Postez votre video" class="videopost" type="button"></a>

Le lien javacript est généré automatiquement à l’adresse suivante : http://www.textfixer.com/html/javascript-pop-up-window.php

Enfin, pour que le bouton n’apparaisse pas dans ma page ‘vos videos’, je place une condition autour de mon lien.

<?php if(!is_page('Vos videos')){;?>
<a href="http://localhost/test/vos-videos/" onclick="javascript:void window.open('http://localhost/test/vos-videos/','1402582569248','width=400,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;"><input type="submit" value="Postez votre video" class="videopost" type="button"></a>

<?php };?>

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.