¿Cómo se puede implementar bootstrap en WordPress sin alterar el tema?

Entonces … ¿quieres la funcionalidad / diseño de tu tema combinado con el estilo de Bootstrap? Mantén el tema pero cambia completamente el estilo.

Bueno, pon una gran taza de café porque tomará mucho tiempo.

Si este proyecto se me ocurrió como algo que tenía que hacer, así es como lo abordaría.

  1. Haga una investigación exhaustiva sobre los elementos, ID y selectores de clase de Bootstrap.
  2. Haz la misma investigación para tu tema de WordPress.
  3. ¡Crea un tema infantil!
  4. En el archivo de funciones, retiraría la hoja de estilo de los padres
  5. Agregue el CSS de arranque al archivo de estilo secundario style.css
  6. Echa un vistazo al sitio y llora.
  7. Modifique minuciosamente todas las ID de bootstrap y los selectores de clase para que coincidan con la ID de WordPress y los selectores de clase. Buscar / reemplazar es tu mejor amigo aquí.
  8. Eche otro vistazo al sitio y tome un vaso de whisky.
  9. Espero por Dios que el sitio se vea como el cliente lo quería. (Probablemente no)
  10. Abra las herramientas de desarrollo de su navegador e inspeccione cualquier elemento que no sea “bootstrapped”. Limpie eso en la hoja de estilo secundaria.
  11. Modifique los estilos básicos de arranque para adaptarse a las necesidades del cliente.

Es posible pero no muy recomendable.

Después de escribir esto, parece que alguien debería crear una rama de Bootstrap que tenga todas las ID y selectores de clase adaptados para ajustarse a los estándares de WordPress. Este podría ser el proyecto número 79 para mí.

Supongo que te refieres a incluir bootstrap, por lo que obtienes bootstrap css, ¿pero la misma funcionalidad?

es una pregunta un poco cargada porque elude la idea de que de alguna manera puedes

-Eliminar completamente el CSS del tema principal (que puede)

– sobrescríbalo para que su tema ahora ponga en cola otro archivo css, es decir, bootstrap (que puede)

-Haga que su tema sepa fácilmente que debería generar html / plantillas usando selectores de clase bootstrap y un sistema de cuadrícula (que no puede, su otro criterio era “sin alterar el tema”)


Respuesta literal:

Crear un tema infantil

descargar bootstrap-sass

cree un style.scss, primera línea (después del meta secundario):

[math] @import ‘bootstrap / scss / bootstrap.scss’ [/ math]

parecerá basura ya que no hay nada que decir a bootstrap si una ‘fila’ o ‘col-sm-3’ es y dónde usarla.


respuesta real:

crear un tema desde cero usando bootstrap (la casa del árbol del equipo tiene una serie de videos “bootstrap to wordpress” que convierte el html de bootstrap en una plantilla / tema)

o quizás la mejor solución si desea ahorrar todo el tiempo y angustia, comience con un tema que ya use bootstrap:

WordPress ›Directorio de temas” Temas gratuitos de WordPress

25 mejores temas gratuitos de WordPress creados con Bootstrap 2015 – Colorlib

http://blog.teamtreehouse.com/re

Bootstrap cambiará el aspecto de su sitio de todos modos, entonces, ¿por qué no elegir alguno de los temas que usan Bootstrap?

¿O utiliza un tema personalizado con los cambios que necesita mantener?