Agregar Bootstrap a Wordpress: Ventana Emergente con Formulario

stitch · 27 May 2018

Hola, alguien sabe como agregar Bootstrap a wordpres?

He mirando varios manuales y he puesto los enlaces sonde me dicen pero no se que pasa.

El tema es que quiero añadir una ventana emergente por ejemplo que el usuario de mi web aprete un botón y se le abra una ventana con un formulario eso se puede hacer con bootstrap pero no se por que no se me agrega bien,

Agradecería que alguien me explicase porfavor GRACIAS.

Morgabe · 27 May 2018

Es posible que haya conflictos entre diferentes scripts debido a la plantilla que uses, prueba cambiándola por otra plantilla a ver si te funciona,

de todas formas asegurate de haber cargado en los ficheros los recursos al completo de bootstrap y que las rutas de los archivos estén bien y detecten cada fichero, suerte amigo, bootstrap al poder :devilish:

Bl4dimir · 27 May 2018

Bro, basta con agregar la hoja de css en el header.php y la de js en el footer.php, ya con eso deberia correr cualquier funcion de bootstrap que cargues

miguel2008 · 27 May 2018

Cómo te indica en su propia página, tienes que añadir

las librerias, por un lado bootstrap, el theme , y el js para que funcionen todas las funcionalidades.

HTML:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

si quieres hacerlo desde wp, y quieres engancharlo al CDN que utiliza bootstrap

PHP:

function theme_styles() {

	wp_enqueue_style( 'bootstrap_css', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css' );
   // mas librerias de estilos

}

add_action( 'wp_enqueue_scripts', 'theme_styles');

function theme_js() {

	global $wp_scripts;

	wp_enqueue_script( 'bootstrap_js', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js');
   // mas librerias de js	

}

add_action( 'wp_enqueue_scripts', 'theme_js');

Baires23 · 27 May 2018

LA pregunta principal, sabes algo de CSS, js y HTML ?

Porque de poder hacer lo vas a poder hacer pero si no sabes de CSS, JS y HTML posiblemente ensucies mucho el codigo de tu "theme".

En caso de saber simplemente es añadir el bootstrap y su js, luego verificar que no entre en conflicto con algun otro js y deberia funcionarte.

Agregar Bootstrap a Wordpress: Ventana Emergente con Formulario

stitch

Morgabe

Bl4dimir

miguel2008

Baires23

Temas similares