Añadir bootstrap en plantilla wordpress

Untitled-1 copy

El primer paso para añadir bootstrap en nuestra plantilla, sera descargarlo desde su web oficial, obtendremos un .zip. También haremos una copia de la carpeta de nuestra plantilla y le copiaremos dentro, el js, css y las fuentes.

Trabajar con Bootstrap requiere el uso de incluir en nuestra plantilla los enlaces a los archivos css y js que hemos copiado en la carpeta de la plantilla, dentro del archivo functions.php usaremos las funciones  wp_enqueue_style donde le pasaremos las rutas de los archivos css y wp_enqueue_script donde le pasaremos las rutas de los archivos js

themeAñadirBootstrap

Dentro de header.php y añadimos la siguiente linea:

<meta name=“viewport” content=“width=device-width, initial-scale=1.0″>

Es necesaria para que funcione bien el comportamiento mobile-first.

A partir de este punto podemos empezar a distribuir las columnas de bootstrap en nuestra plantilla, en este caso usaremos 8 columnas para los post, y 4 para la sidebar.

themeAñadirBootstrap2

 

Por ultimo solo nos quedara modificar las clases en el css.

Share