Incluir Bootstrap en nuestro Theme de WordPress

Si nuestro WordPress no lo incluye, quizás queramos incluir Bootstrap en nuestro Theme de WordPress. Vamos a ver cómo hacerlo.

Vamos a ir a la carpeta de WP-Content, buscamos la carpeta de nuestro theme activo y allí vamos a modificar el archivo header.php

Dentro de la etiqueta <head> incluiremos los links a las hojas de estilo de Bootstrap:

Link a Bootstrap en el header de WordPress

Después iremos al archivo footer.php e incluiremos antes de que se cierre la etiqueta </body> los scripts de jquery, bootstrap, etc.

Enlace al resto de scripts en el footer de WordPress

Con esto tendríamos ya funcionando nuestro theme con Bootstrap.

Imaginemos que ahora queremos meter un snippet desde https://bootsnipp.com por ejemplo. Para ello meteríamos el código HTML en una entrada como bloque de HTML personalizado:

Introducir bloque de código

Si el Snippet tuviera algún CSS adicional podemos añadirlo a nuestro WordPress de dos formas:

  • desde Apariencia-Editor de temas-hoja de estilo.css
  • desde Apariencia-Personalizar-CSS Adicional

Esta es una forma sencilla de incluir Bootstrap en nuestro theme de WordPress y poder trabajar con el popular framework en nuestro sitio.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Puedes usar estas etiquetas y atributos HTML:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>