Saltar al contenido

Drupal: ¿Cómo mantener mi subtema de Bootstrap sin usar la CDN?

Solución:

Deberá cambiar el módulo que está utilizando: la biblioteca Bootstrap no es adecuada para usarse sin CDN. La función principal que proporciona este módulo es la conexión a un CDN de su elección, no proporcionar un tema (o css) en sí.

El módulo que querrá utilizar es Bootstrap Theme. Éste proporciona un subtema que puede ampliar.

Para poner en marcha el tema Bootstrap:

  1. Desactive su antiguo tema de Journal + muévalo de la carpeta de temas, eso es importante. (Tal vez haga una copia de seguridad en alguna parte).
  2. Descargue el tema Bootstrap del sitio de Drupal y colóquelo en su carpeta de temas. (Y déjalo ahí)
  3. Cree un subtema siguiendo las instrucciones para el kit de inicio menos (no necesitará tocar menos, no se preocupe) aquí: Sub-Theming Bootstrap. Básicamente, copias el bootstrap_subtheme carpeta del tema de arranque en la carpeta de su tema y cambie el nombre de la carpeta a diario (nombre de su tema). Tu tambien renombraste ./journal/less.starterkit para ./journal/journal.info.
  4. Abra su nuevo archivo .info y cambie el nombre y la descripción. (Puede copiarlo de su tema anterior).
  5. Descargue la última versión 3.xx de Bootstrap Framework Source Files en su nuevo subtema. Una vez extraído, la carpeta debería leer ./journal/bootstrap. (No modifique los archivos en esta carpeta, esta carpeta le permite actualizar Bootstrap más adelante sin sobrescribir sus cambios).
  6. Descargue el CSS del tema de la revista de bootswatch. Cópialo en tu journal/css carpeta. (Este es el archivo que anteriormente proporcionó el CDN). Ahora debería leer journal/css/bootstrap.min.css
  7. Abre tu .info archivar de nuevo, encontrar la línea stylesheets[all][] = css/style.cssy agregar una línea justo encima de ella: stylesheets[all][] = css/bootstrap.min.css. Esto cargará el CSS del diario predeterminado.
  8. Ahora necesita copiar sus cambios personalizados en el nuevo tema. Copie su css personalizado en css/style.css y sus archivos de plantilla (si tiene archivos de plantilla personalizados) en el journal/templatescarpeta.
  9. Habilite su nuevo tema de Diario.

Glifos

Comprueba tu subtema … debería haber una carpeta fonts. Si no existe dicha carpeta, cree una. Luego navegue hasta los archivos fuente de bootstrap que colocó en el bootstrap carpeta de su tema, busque la carpeta de fuentes allí y copie todos los archivos de fuentes en su propio font carpeta. (Esto es necesario porque el CSS predeterminado busca las fuentes debajo ../fonts/font-name)

Headermenu

¿Ha comprobado la configuración de su nuevo tema en la interfaz de usuario? Tiene un par de configuraciones de barra de menú, tal vez solo esté usando la incorrecta. Generalmente, bootstrap funciona bien con el menú de administración, al menos en todos los sitios en los que lo tengo. Es posible que algunos de sus CSS personalizados estén interfiriendo con la configuración predeterminada del tema de arranque. En ese caso, necesitaría hacer algunas depuraciones en su css personalizado. Por lo que veo, podría ser suficiente que la interfaz le dé al contenedor principal un margen superior de 60-70px.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)


Tags : / /

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *