Hola a todos le traigo una pequeña guía para poder actualizar el boostrap de tu sitio de mu.
¿Porque debería actualizar?
R: Para tener las ultimas actualizaciones y con ellas los fix y los nuevos componentes que ellas te entregaran :D
Lo primero que tenemos que ver si es en que versión esta tu sitio. Para esto tenemos que ir nuestro sitio y ver el código fuente y fijarnos en el la parte del head de este y buscar Bootstrap y saldrá algo así Bootstrap/x.x.x/
Si en el caso que no le salga su versión mediante lo explicado anteriormente no se preocupen
Busquen una imagen de su sitio y quitan /image/
Eje:
asi debería estar
https://linck.cl/template/lincktheme/images/logos/logonav.pngDebe quedar asi
https://linck.cl/template/lincktheme/Ahora pegamos la siguiente línea
/plugins/bootstrap/css/bootstrap.min.css
Y quedaría así
https://linck.cl/template/lincktheme/plugins/bootstrap/css/bootstrap.min.cssSi esto no le aparece esta forma no se preocupen yo les ayudare.
Lo que debería buscar en este archivo es solo la primera línea y nos diera la versión que esta tiene:
Eje
* Bootstrap v4.0.0-beta (
https://getbootstrap.com)
Bueno una vez obtenida esa información nos dirigimos a la página oficial de Bootstrap que es
https://getbootstrap.com/Ahora vamos a cambiar la versión de esta
En los theme de mu o de algún otro sitio web se acostumbra a usar librerías dentro los archivos del sitio, eso está bien, pero para mí es mejor usar las librerías externas para no estar realizando carga innecesaria en el sitio.
Les enseñare esa forma y luego creare el post con los archivos dentro del theme (es casi parecido solo que tendría que llamar a los archivos desde tu sitio)
Ya vamos al grano.
Vamos al index de tu Theme que quieres actualizar ojo aquí Realiza un respaldo del archivo en caso de que te equivoques y te recomiendo usar Atom para editar los archivo así tienes el original
y el que editaras en otra pestaña.
Ahora en el index buscaremos las líneas donde estará el link que llama al boostrap y el script que hace ciertas funciones que ahora no entrare en profundidad.
En los theme lo tendrán más o menos asi :
<link rel="stylesheet" href="template/<?=$core['config']['template']; ?>/plugins/bootstrap/css/bootstrap.min.css">
Y el script en mi caso no lo traía incluido
Ok ahora manos a la obra
Vamos a la página de Bootstrap
https://getbootstrap.com/ vamos a download bajamos y nos encontraremos con BootstrapCDN debajo de este veremos un códigos como por ejemplo
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
(ahora explicare como colocarlos calma, te recomiendo que lo pegues en un text o en otra pestaña del editor de texto)
Ahora tomaremos el primer código que es el link del estilo del boostrap
Eje
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
Este código deberá remplazar a
<link rel="stylesheet" href="template/<?=$core['config']['template']; ?>/plugins/bootstrap/css/bootstrap.min.css">
En el index del theme
Ahora el script si tu theme no tiene solo pegas dentro del head arriba o debajo de los script que tengas
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
Y eso sería todo tu web estaría con boostrap actualizado y con eso ya podrás experimentar con las herramientas que te proporciona esta gran Liberia.
Para ver todo sus componente y herramientas visita:
https://getbootstrap.com/docs/4.4/getting-started/introduction/espero que les sea útil