En Noviembre descuento -30% en todos los Planes de Hosting   CONTRATAR AQUÍ »

Foro de soporte WordPress en español


Soporte WordPress en español Soporte gratuito para webs alojadas en Webempresa.com
Habilitado para todos los clientes con planes de Hosting Alto Rendimiento a partir de 3GB y planes XL.

No ofrecemos soporte a webs alojadas en servidores externos o localhost, ni soporte css o programación.

Te recomendamos que leas esta información sobre nuestro sistema de soporte en el foro, te ayudará a sacar el máximo partido de nuestro conocimiento: Cómo podemos ayudarte.


Encuentra la solución a tu problema, buscando en nuestro foro:
Bienvenido, Invitado
Nombre de Usuario: Contraseña: Recordarme
Información y Soporte Gratuito Joomla! para clientes del Pack Periódico o Revista de WordPress. Soluciones para tu medio de comunicación online y webs de noticias.

TEMA: Cómo cargar bootstrap css y js para poder utilizarlo en mi tema

Cómo cargar bootstrap css y js para poder utilizarlo en mi tema 10 meses 1 semana antes #298512

Buenas tardes:

Me gustaría incorporar css y js bootstrap a mi tema palene para poder utilizar sus componentes, tooltips, por ejemplo, pero no sé como hacerlo. Subir los archivos necesarios a cpnel? Dónde ubicarlos? O cargarlos añadiendo código a algún archivo? A cuál?

Podéis echarme una mano?

Gracias por adelantado
Saludos

URL del sitio: Contenido oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.
  • JUAN ANTONIO
  • Avatar de JUAN ANTONIO
  • DESCONECTADO
  • Navegador Experto
  • Mensajes: 87
  • Gracias recibidas 1
  • Karma: 0
El administrador ha desactivado la escritura pública.
Mejora la velocidad de tu WordPress

Cómo cargar bootstrap css y js para poder utilizarlo en mi tema 10 meses 1 semana antes #298534

Hola

El CSS de bootstrap ya esta incluído con tu theme, lo puedes comprobar viendo el código fuente y buscando bootstrap

Contenido oculto para usuarios invitados. Por favor, inicie su sesión para poder verlo.

Con esto podrás hacer columnas, dar estilos a mensajes, etc.

Sin embargo si quieres funcionalidad extra de bootstrap tendrás que incluír el archivo javascript, para agregar el archivo javascript te sugiero revisar el punto 4 del artículo: decodecms.com/insertar-javascript-en-wordpress-de-forma-correcta/

Saludos.
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.
trasladar web gratis

Cómo cargar bootstrap css y js para poder utilizarlo en mi tema 10 meses 1 semana antes #298562

Hola:

No me atrevo a tocar el archivo functions.php. Con css y html me defiendo, pero de funciones de se js muy poco. :(

De todas las opciones que aparecen en el enlace es la que me parece más complicada.

Un saludo
  • JUAN ANTONIO
  • Avatar de JUAN ANTONIO
  • DESCONECTADO
  • Navegador Experto
  • Mensajes: 87
  • Gracias recibidas 1
  • Karma: 0
El administrador ha desactivado la escritura pública.
solucionar problemas wordpress

Cómo cargar bootstrap css y js para poder utilizarlo en mi tema 10 meses 1 semana antes #298565

Hola Juan Antonio.

Para añadirlo tienes que tocar código:

.- Accede a la página oficial de bootstrap y descarga la primera opción. Click en el botón ‘download bootstrap’.

Te descargaras un archivo ‘zip’ que debes descomprimir.

Este archivo contiene una carpeta con el nombre ‘bootstrap-3.3.6-dist’ esto varía según la versión actual.

En esa esa carpeta tienes 3 subcarpetas que contienen los archivos necesarios para implementar bootstrap en wordpress. Las carpetas son ‘css’, ‘fonts’ y ‘js’.

.- Renombra la carpeta principal (‘bootstrap-3.3.6-dist’) por su nombre simplemente (‘bootstrap’)
.- Sube la carpeta bootstrap a la carpeta de tu plantilla wp-content/themes/nombre_del_tema/bootstrap

Ahora toca añadirlos a tu tema. La forma más recomendada de integrar bootstrap a tu tema es a través del archivo ‘functions.php’.

.- Edita el archivo functions.php que encontraras en :
‘wp-content/themes/nombre_del_tema/functions.php’.

.- Añade las siguientes lineas al final del archivo:
function bootstrap_scripts() {
wp_enqueue_style( 'mytheme-bootstrap', get_template_directory_uri() . '/bootstrap/css/bootstrap.min.css' );
wp_enqueue_script('mytheme-bootstrapjs', get_template_directory_uri().'/bootstrap/js/bootstrap.min.js', array('jquery') );
}
add_action( 'wp_enqueue_scripts', 'bootstrap_scripts' );

Puedes probarlo por ejemplo en un clon -> www.webempresa.com/blog/clonar-wordpress-sin-plugins.html

Otra opción es que te descargues una copia del archivo functions.php antes de hacer las modificaciones, si pasara algún imprevisto siempre puedes volver a subir el original.

Un saludo
  • Pepe
  • Avatar de Pepe
  • CONECTADO
  • Administrador
  • Mensajes: 15518
  • Gracias recibidas 1264
  • Karma: 443
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

Cómo cargar bootstrap css y js para poder utilizarlo en mi tema 10 meses 1 semana antes #298573

Hola Pepe:

La descarga que ofrecen es Bootstrap v4.0.0-beta.3 compilado CSS y JS y no incluye documentación, archivos fuente o cualquier dependencia opcional de JavaScript (jQuery y Popper.js). Los archivos fuente tienen descarga aparte.

Es Bootstrap v4.0.0-beta.3 compilado lo que he de descargarme?

Saludos
  • JUAN ANTONIO
  • Avatar de JUAN ANTONIO
  • DESCONECTADO
  • Navegador Experto
  • Mensajes: 87
  • Gracias recibidas 1
  • Karma: 0
El administrador ha desactivado la escritura pública.

Cómo cargar bootstrap css y js para poder utilizarlo en mi tema 10 meses 1 semana antes #298574

Hola Juan Antonio.

Pues parece que es la Beta 4.0 y como mucho tiene que haber salido esta mañana ya que ayer seguían con la anterior versión.

Adjunto tienes la versión 3.3 que es la anterior a la 4 ( La 4 no la probé y no se el resultado que pueda dar )

Un saludo
Adjuntos:
  • Pepe
  • Avatar de Pepe
  • CONECTADO
  • Administrador
  • Mensajes: 15518
  • Gracias recibidas 1264
  • Karma: 443
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

¿Te ha resultado interesante esta entrada del foro?

Suscríbete para recibir consejos y trucos útiles para tu Web.

Cómo cargar bootstrap css y js para poder utilizarlo en mi tema 10 meses 1 semana antes #298578

Hola:

La cosa más tonta, subir el archivo, se me complica. No me deja subir todo el archivo bootstrap, sino archivos de dentro: cada js, cada css. Esto es normal, o soy un "negao" :S
  • JUAN ANTONIO
  • Avatar de JUAN ANTONIO
  • DESCONECTADO
  • Navegador Experto
  • Mensajes: 87
  • Gracias recibidas 1
  • Karma: 0
El administrador ha desactivado la escritura pública.

Cómo cargar bootstrap css y js para poder utilizarlo en mi tema 10 meses 1 semana antes #298579

Añade las siguientes lineas al final del archivo:
function bootstrap_scripts() {
wp_enqueue_style( 'mytheme-bootstrap', get_template_directory_uri() . '/bootstrap/css/bootstrap.min.css' );
wp_enqueue_script('mytheme-bootstrapjs', get_template_directory_uri().'/bootstrap/js/bootstrap.min.js', array('jquery') );
}
add_action( 'wp_enqueue_scripts', 'bootstrap_scripts' );

Exactamente dónde lo añado, principio, final? Me parece que estoy operando a corazón abierto... :pinch:
  • JUAN ANTONIO
  • Avatar de JUAN ANTONIO
  • DESCONECTADO
  • Navegador Experto
  • Mensajes: 87
  • Gracias recibidas 1
  • Karma: 0
El administrador ha desactivado la escritura pública.

Cómo cargar bootstrap css y js para poder utilizarlo en mi tema 10 meses 1 semana antes #298582

Todo hecho. No funciona. :(
  • JUAN ANTONIO
  • Avatar de JUAN ANTONIO
  • DESCONECTADO
  • Navegador Experto
  • Mensajes: 87
  • Gracias recibidas 1
  • Karma: 0
El administrador ha desactivado la escritura pública.

Cómo cargar bootstrap css y js para poder utilizarlo en mi tema 10 meses 1 semana antes #298584

Hola Juan Antonio,

Si no tienes conocimientos de CSS, JS y algo de PHP se te va a hacer muy complicado añadir funcionalidades avanzadas de bootstrap a tu tema en uso por lo que o bien te planteas recurrir a un Colaborador de Webempresa que pueda valorarte la implementación de bootstrap o bien te planteas cambiar a un tema actual, basado 100% en bootstrap (que no es que sea la moda en estos momentos) y te olvidas de complicaciones.

Ten en cuenta que en el foro no damos soporte de programación y la implementación que tu quieres hacer implica eso mismo.

Saludos
  • Luis Mendez Alejo
  • Avatar de Luis Mendez Alejo
  • DESCONECTADO
  • Administrador
  • Mensajes: 22924
  • Gracias recibidas 2387
  • Karma: 506
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

Cómo cargar bootstrap css y js para poder utilizarlo en mi tema 10 meses 1 semana antes #298588

Hola Luis:

Está bien que me digas eso, si es tan complicado. Yo pregunté, para saber si se podía, como de complicado era... Cada moderador entiendo que da su opinión. Gracias por tu respuesta Luis, seguro tienes razón, aunque he hecho cosas gracias a vuestros consejos que creí que no sería capaz. Si es tan complicado, paso de bootstrap js. No quería soporte de programación, sólo información si era viable o no. Ya veo que no. No pasa nada
  • JUAN ANTONIO
  • Avatar de JUAN ANTONIO
  • DESCONECTADO
  • Navegador Experto
  • Mensajes: 87
  • Gracias recibidas 1
  • Karma: 0
El administrador ha desactivado la escritura pública.

Cómo cargar bootstrap css y js para poder utilizarlo en mi tema 10 meses 1 semana antes #298589

Hola Juan Antonio,

La idea de mi respuesta no era desilusionarte en la tarea, siento haberte transmitido esa sensación. Lo cierto es que Palene es un tema que trabaja con el framework Gantry por lo que implementarle bootstrap no es una tarea sencilla (como se te mostraba en anteriores respuestas) y está sometida a más cambios en el tema (archivos del tema) y luego queda por ver como se lo toma el framework.

¿Que funcionalidades exactamente tratabas de añadir pensando en usar bootstrap en Palene?

Saludos
  • Luis Mendez Alejo
  • Avatar de Luis Mendez Alejo
  • DESCONECTADO
  • Administrador
  • Mensajes: 22924
  • Gracias recibidas 2387
  • Karma: 506
Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.
El administrador ha desactivado la escritura pública.

Temas Relacionados

3 Respuestas emo
Tema iniciado 1 año 8 meses antes por Efrain
439 Visitas
3 Respuestas emo
Categoría: Pack Tienda WordPress
Tema iniciado 2 años 8 meses antes por Sheila
1465 Visitas
1 Respuestas emo
Tema iniciado 4 años 3 meses antes por Cayetano
699 Visitas
1 Respuestas emo
Tema iniciado 2 años 6 meses antes por Dolors
399 Visitas
1 Respuestas emo
Tema iniciado 6 meses 1 semana antes por Jaime
466 Visitas
10 Respuestas emo
Tema iniciado 5 meses 2 días antes por Editorial
122 Visitas
3 Respuestas emo
Tema iniciado 3 años 11 meses antes por Alba
777 Visitas
4 Respuestas emo
Tema iniciado 1 año 1 mes antes por Josep
259 Visitas
3 Respuestas emo
Categoría: Pack Tienda WordPress
Tema iniciado 1 año 10 meses antes por Guillermo
1188 Visitas
1 Respuestas emo
Tema iniciado 4 años 7 meses antes por carlos franco
3728 Visitas

Tiempo de carga de la página: 0.723 segundos