it-swarm-es.tech

¿Cómo cambiar Joomla! 3's bootstrap tema conservando original?

¡Estoy creando una nueva plantilla para Joomla! 3.3.1 Quiero usar las increíbles funciones de bootstrap. Además de esto, he descargado un formulario de tema http://bootswatch.com/2/ . He sobrescrito nuevos archivos de tema bootstrap.css y bootstrap.min.css actuales.

Quiero usar algunos métodos como el original:

//Add JavaScript Frameworks
  JHtml::_('bootstrap.framework');
//Add Stylesheets
  JHtmlBootstrap::loadCss();
//Load optional rtl Bootstrap css and Bootstrap bugfixes
  JHtmlBootstrap::loadCss($includeMaincss = false, $this->direction);

¿Cómo puede ser posible usar nuevos temas mientras se mantienen los archivos originales? También es posible que desee agregar opciones de tema para la plantilla en el panel de administración.

4
zkanoca

No sobrescribe los archivos principales. Nunca lo haces Solo no lo hagas. Coloque los archivos CSS en su directorio de plantillas y cárguelos desde allí.

Echa un vistazo a cómo lo hace la plantilla Protostar. El archivo CSS se encuentra aquí: https://github.com/joomla/joomla-cms/tree/staging/templates/protostar/css y se carga con esta llamada: $doc->addStyleSheet('templates/' . $this->template . '/css/template.css'); ( https://github.com/joomla/joomla-cms/blob/staging/templates/protostar/index.php#L4 )

Algunas notas:

  • JHtml::_('bootstrap.framework'); No tiene que llamar a esto a menos que use algunas funciones de Bootstrap JavaScript) dentro de su plantilla. Lo cual no suele ser el caso. Si una extensión lo necesita, lo hará. cárgalo.
  • JHtmlBootstrap::loadCss(); Esto cargará los archivos CSS Bootstrap 2 enviados con Joomla. Por lo general, no deberías usar esto, pero compila tu propio archivo CSS de plantilla. Lo más probable es que el tema que has descargado tenga ellos ya incluidos y personalizados.
  • JHtmlBootstrap::loadCss($includeMaincss = false, $this->direction); Esto puede tener sentido cargar algunos ajustes genéricos de RTL. Sin embargo, probaría la plantilla sin esos primero y si todo está bien, agregue las características RTL.
6
Bakual

Creo que esto es exactamente lo que estás buscando:

Para anular (no sobrescribir) estándar bootstrap css y/o js con su plantilla, simplemente ponga esos archivos en:

/templates/YOUR_TEMPLATE/css/jui/bootstrap.min.css

o

/templates/YOUR_TEMPLATE/js/jui/bootstrap.min.js

Entonces, haciendo esto cada vez que alguien (cualquier extensión) llame

// Agregar marcos de JavaScript

JHtml :: _ ('bootstrap.framework');

// Agregar hojas de estilo

JHtmlBootstrap :: loadCss ();

Se cargarán sus archivos de plantilla personalizados.

0
Alexandr