Estoy tratando de insertar el código de un plugin verificador de edad que creo que es javascript en un archivo index.php de wordpress. Cuando lo inserto me aparece la ventanita emergente para verificar la edad y todo bien, pero cuando le doy a entrar aparece en la web unos espacios en la parte superior e inferior de la información que hay en la web, seguramente estoy colocando mal el código y ocurre este problema.
A ver si alguien pudiera ayudarme a insertar correctamente el código porque quizas estoy cerrando mal las etiquetas o falta algo, no entiendo mucho de php.
El código del plugin que tengo que insertar en el archivo . php es el siguiente:
Código PHP:
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<link href="agecheck.css" rel="stylesheet" />
<script src="jquery.agecheck.min.js"></script>
<script>
$(document).ready(function(){
var minAge = $('select').val();
$('select').on('change', function(){
minAge = $(this).val();
});
$('button').on('click', function(){
sessionStorage.clear();
$.ageCheck({minAge: minAge});
});
$.ageCheck({minAge: minAge});
});
</script>
Este otro sería la información que ya hay en el archivo .php de wordpress y aqui debería de insertar el código de arriba. He conseguido que aparezca la ventana emergente, pero como comento se crean unos espacios en la web que no estaban.
Código PHP:
<?php
/**
* Front to the WordPress application. This file doesn't do anything, but loads
* wp-blog-header.php which does and tells WordPress to load the theme.
*
* @package WordPress
*/
/**
* Tells WordPress to load the WordPress theme and output it.
*
* @var bool
*/
define('WP_USE_THEMES', true);
/** Loads the WordPress Environment and Template */
require( dirname( __FILE__ ) . '/wp-blog-header.php' ); Código PHP:
<?php
/**
* Front to the WordPress application. This file doesn't do anything, but loads
* wp-blog-header.php which does and tells WordPress to load the theme.
*
* @package WordPress
*/
/**
* Tells WordPress to load the WordPress theme and output it.
*
* @var bool
*/
define('WP_USE_THEMES', true);
/** Loads the WordPress Environment and Template */
require( dirname( __FILE__ ) . '/wp-blog-header.php' );
echo "<JavaScript>"; ?>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<link href="agecheck.css" rel="stylesheet" />
<script src="jquery.agecheck.min.js"></script>
<script>
$(document).ready(function(){
var minAge = $('select').val();
$('select').on('change', function(){
minAge = $(this).val();
});
$('button').on('click', function(){
sessionStorage.clear();
$.ageCheck({minAge: minAge});
});
$.ageCheck({minAge: minAge});
});
</script>
<? echo "</JavaScript>"; ?> Si es de ayuda el plugin que estoy utilizando es el siguiente.
http://michaelsoriano.com/jquery-plugin-check-user-age/
Si alguien consigue corregir el problema me gustaría si fuera tan amable de saber como podria añadir una imagen pequeñita y un texto en la zona inferior de los desplegables de la ventana emergente, supongo que para esto habra que editar alguno de los dos archivos que trae el plugin.
Un cordial saludo.
