Profesionales en Foro

Publicado: **Sab May 27, 2017 7:43 am**

En los últimos años las exigencias de nuestras páginas web no han cesado, y una de las exigencias más prioritarias ha sido el llamado "Responive" que no es más que propiedad de auto ajustarse a las diferentes resoluciones de equipos y dispositivos móviles.
bootstrap es una poderosa herramienta que nos ayuda a culminar el trabajo en menor tiempo y nos ahorra tener que pasar largo tiempo creando arreglos php para que nuestra página no pierda su propiedad en los distinto móviles y tamaño de monitores..

Hoy dejaré por escrito los pasos para insertar bootstrap desde el código de la plantilla wordpress.

1- Ingresamos al Theme de wordpress que deseamos utilizar, directamente al directorio wp-content/themes/.

Código: Seleccionar todo

 cd /var/www/html/nombre-de-tu-página-web/wp-content/themes/nombre-de-tu-tema-wordpress

2- Descargamos bootstrap

Código: Seleccionar todo

 wget https://github.com/twbs/bootstrap/releases/download/v3.3.7/bootstrap-3.3.7-dist.zip

3- Descomprimimos:

Código: Seleccionar todo

 unzip bootstrap-3.3.7-dist.zip

4- Editamos nuestro header.php

Código: Seleccionar todo

  nano header.php

Y agregamos las siguientes líneas.

Código: Seleccionar todo

  <link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
  
<script src="<?php bloginfo('stylesheet_directory'); ?>/componentes/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>   

<script src="<?php bloginfo('stylesheet_directory'); ?>/componentes/bootstrap-3.3.7-dist/js/npm.js"></script>

De esta sencilla manera tendremos bootstrap-3.3.7 en nuestro themes wordpress.

Profesionales en Foro

Agregar bootstrap en nuestro themes wordpress

Agregar bootstrap en nuestro themes wordpress