<<<<<<< CURRENT_FILE

Agregar bootstrap en nuestro themes wordpress

======= DIFF_SEP_EXPLAIN

Agregar bootstrap en nuestro themes wordpress

>>>>>>> NEW_FILE

Moderador:Jaibol Santaella

Jaibol Santaella
Mensajes:297
Registrado:Mar Mar 17, 2015 8:28 am
Contactar:
Agregar bootstrap en nuestro themes wordpress

Mensaje por Jaibol Santaella » 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.
Fue útil este documento?,
Publica tus opiniones

Responder

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 2 invitados