Ir al contenido principal

Crear un subtheme con Bootstrap

Primero que todo ¿Qué es bootstrap?

Es el framework de Twitter que permite crear interfaces web con CSS y Javascript que adaptan la interfaz dependiendo del tamaño del dispositivo en el que se visualice de forma nativa, es decir, automáticamente se adapta al tamaño de un ordenador o de una Tablet sin que el usuario tenga que hacer nada, esto se denomina diseño adaptativo o Responsive Design



Ya que sabemos que es bootstrap procederemos a crear un subtheme en Drupal con bootstrap :

Como creo el subtheme:
  1. Descargamos theme principal de  https://www.drupal.org/project/bootstrap
  2. Descomprimimos en la carpeta sites/all/themes/
  3. Dentro de la carpeta que nos crea al descomprimir copiamos la carpeta bootstrap_subtheme que debe estar en la ruta sites/all/themes/bootstrap y lo pegamos en  sites/all/themes/
  4. Entramos a la carpeta que acabamos de copiar:
    1. Renombramos bootstrap_subtheme.info.starterkit por nombre_tema.info (Reemplazamos nombre_tema por el que deseemos)
    2. Abrimos el archivo que acabamos de renombrar y cambiamos  name = Bootstrap Sub-theme por name = Nombre del tema y description = A Bootstrap Sub-theme. por description = Descripcion que querramos para el tema
    3. salimos de edicion y a la carpeta le colocamos el nombre de nombre_tema
  5. Vamos a la administración del drupal en admin/appearance y en temas desactivados veremos el nombre de nuestro tema custom.
  6. Tendremos el subtheme donde podremos agregar hojas de estilos, de JS y no modificaran al tema base. Ya podremos editar el tema a nuestra necesidad.

Espero les haya gustado y estare publicando mas adelante mas cosas sobre como crear themes custom.

Comentarios

Entradas populares de este blog

¿Por qué me quedo con Drupal?

Me quedo con Drupal, y listaré el ¿Por qué? : Porque a parte de ser un CMS ( ¿Que es un CMS? ) es también un CMF (Content Management Framework – Entorno de desarrollo). Es muy escalable, logran casi absolutamente todo lo que se desee. Su API o documentación es demasiado completa. Su comunidad es activa y siempre se encuentran cosas nuevas ( drupal ). El perfil de Programador puro es más alto y escaso que el de “Site builder”. En consecuencia las horas de trabajo se pagan mejor. Es utilizado por grandes compañias como Ubuntu , The economist , MTV , etc.  Grandes Capacidades SEO: Drupal fue diseñado desde la base para ser amigable con los motores de búsqueda. Estabilidad: Drupal es escalable sin esfuerzo y es estable incluso cuando sirve a miles de usuarios a la vez. Extremadamente Flexible: ¿Quiere un blog sencillo con una página frontal estática? Drupal  puede hacerlo. ¿Quiere un poderoso backend que pueda soportar cientos de miles de páginas y millones ...

¿Qué es drush?

DRUSH = DRUpal SHell Es la interface para línea de comandos de Drupal, es el lugar donde podemos manejar Drupal por comando en consola. - La consola ssh: SSH ( S ecure SH ell, en español: intérprete de órdenes segura) es el nombre de un protocolo y del programa que lo implementa, y sirve para acceder a máquinas remotas a través de una red. (1) - Esta interface hace mucho mas óptimo el desarrollo de páginas web, ya que lo que se demora en descargar un modulo de forma tradicional para Drupal que es entre 5 y 10 minutos, con Drush el tiempo sería de máximo de 1 minuto . ¿Como se instala Drush? Depende del sistema operativo: Ubuntu: sudo apt-get install drush Windows:  Descargar e instalar composer : https://getcomposer.org/Composer-Setup.exe .  Inicio>ejecutar escribir cmd, dentro de cmd escribir composer -V  Instalamos drush desde la consola: composer global require drush/drush:dev-master Revisamos que haya quedado instalado: drush status , si quedo ...

WEB 3.0

La web 3.0 consiste en un movimiento social cuyo objetivo es crear aplicaciones que puedan acceder a internet sin la necesidad de un navegador. La Web 3.0 fué referenciada por primera vez en el año 2006 en un artículo redactado por Jeffrey Zeldman, un crítico de la previa versión llamada  Web 2.0. Visionarios y expertos en las tecnologías de la comunicación propulsaron desde diferentes campos la evolución de la Web 2.0 buscaban hacerla más inteligente, versátil y sobre todo más interactiva. Ésta web facilita la accesibilidad de las personas a la información, y quita la dependencia de un dispositivo específico; consigue resultados más complejos e interactivos que van más allá de simplemente compartir información, ya que está desarrollada para una interacción más inteligente y productiva. Gracias a su diseño con parámetros de alto rendimiento realiza procesos de manera más óptima y eficiente. Es una web orientada fundamentalmente a la integración universal de las personas, el bien...