Globedia.com

×
×

Error de autenticación

Ha habido un problema a la hora de conectarse a la red social. Por favor intentalo de nuevo

Si el problema persiste, nos lo puedes decir AQUÍ

×
cross

Suscribete para recibir las noticias más relevantes

×
Recibir alertas

¿Quieres recibir una notificación por email cada vez que Everje escriba una noticia?

Crear un sub-theme basado en el popular framework Bootstrap 3 para Drupal

18/03/2015 04:10 0 Comentarios Lectura: ( palabras)

En este post voy a intentar explicar como crear un Sub-Theme basado en el popular framework bootstrap corriendo sobre drupa l como gestor de contenido, el resultado será tener un tema completamente responsivo que se adapta a múltiples dispositivos y que que posteriormente trabajar sus propios themes.

Nos ponemos manos a la obra, esté tutoriales me ha complicado un poco porque no hay mucha información en español, además mucha información esta incompleta o faltan algunos pasos para que sea totalmente funcional.

Para poder seguir este tutorial hay que tener conocimiento intermedio de Drupal ya que he omitido algunos pasos que se supone ya conocemos..

  • Descargar el modulo jquery_Update desde https://www.drupal.org/project/jquery_update
  • Instalar el Theme bootstrap y luego el módulo jquery_Update
  • Configurar el módulo jquery_update a Default jQuery Version= 1.7, Alternate jQuery version for administrative pages=1.5, jQuery and jQuery UI CDN =Google

Creando el sub-tema para el sitio responsivo

  • Copia la carpeta "bootstrap_subtheme" que se encuentra dentro de la carpeta del Theme principal en este caso es bootstrap desde esta ubicación: \sites\all\themes\bootstrap\bootstrap_subtheme a esta nueva ubicación "\sites\all\themes\nuevo-subtema" luego renombrar la carpeta por el nombre deseado para el sub-tema en este caso lo he llamado "nuevo_subtema"
  • Renombrar el archivo bootstrap_subtheme.info.starterket a nuevo_subtema.info
image

image

  • Editar el archivo nuevo_subtema.info y modificar los siguientes atributos
  • Descargar el framework desde el sitio de bootstrap descomprimir en la carpeta del subtema

De esto A esto Después descomentar : guardar los cambios.

  • Activar el sub theme y establecer como predeterminado

SOLUCIONANDO PROBLEMA Al activar el theme se presentará un mensaje de error para solucionar esto debemos hacer lo siguiente:

  • Agregar la línea marcada en amarillo al archivo nuevo_subtema/less/bootstrap.less , tal como se muestra en la siguiente imagen.

Limpiar la cache y configurar módulo less.

  • Ir a configuración luego a LESS
  • Limpiar la caché de archivos
  • Seleccionar el LESS Engine a Less.php como predeterminado

Bueno es un poco complicado hacerlo funcionar, esto fue el trabajo de horas y de revisar varios tutoriales.

Espero esto sea de utilidad para quienes quieran crear su propio tema responsivo utilizando Bootstrap para Drupal.

El resultado final es un sitio responsivo que se adapta a cualquier dispositivo claro esta que es un tema básico pero que se puede ir agregando cosas.


Sobre esta noticia

Autor:
Everje (82 noticias)
Fuente:
puntodeviaje.blogspot.com
Visitas:
3594
Licencia:
¿Problemas con esta noticia?
×
Denunciar esta noticia por

Denunciar

Etiquetas

Comentarios

Aún no hay comentarios en esta noticia.