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 ...

Internet cuántica ó Internet cuántico

Es considerado el internet más rápido del futuro Es el control de la producción de fotones similares en un periodo corto de tiempo. En 1984 descubren la criptografía cuántica, los señores Charles Bennet y Gilles Brassar, la cual se basa en la transferencia de la información codificada, mediante estados cuánticos de los fotones. Estos utilizan la física única de las partículas más pequeñas para realizar cálculos, ya que los ordenadores actuales utilizan los bits, estos pueden ser 0 o 1, mientras que los ordenadores cuánticos realizan cálculos de “qubits”, los cuales pueden tomar valores de 0 y 1 a la vez, creando así ordenadores con muchas más capacidades. Siendo simples el método consiste en utilizar átomos para almacenar qubits, mientras que los fotones sean quienes transmiten el estado cuántico de este, existiendo un átomo de recepción el cual toma el estado del átomo recibido. Estas computadoras podrían comunicarse entre sí mediante el intercambio de fotones individuales ...

Empezemos por lo primer ... ¿Como instalar Drupal 7?

Primero te dire que necesitas: Un servidor de Mysql y Apache Ahora vamos a la instalación: Descargamos Drupal 7 de  Drupal Descomprimimos en el htdocs o en donde este direccionando el www de nuestro servidor Descargamos el idioma de Drupal http://localize.drupal.org/translate/languages/es Guardas el archivo con extensión .po (Es el del lenguaje de Drupal) en carpeta/profiles/standard/translations. En tu /phpmyadmin ó desde consola, creas la base de datos para tu portal en Drupal, (Adicional puedes crear un usuario para esa base de datos y asignarle los permisos a la base de datos).  Entras a en tu navegador a la url de instalación localhost/tucarpeta y sigues los pasos de instalación de Drupal. Cualquier duda, con gusto la atenderé. Posdata : El punto tres (3) y  cuatro (4), es para que desde un inicio tengas el drupal en español.