Como editar el código de una plantilla joomla

Video: Como cambiar el diseño de la plantilla en Joomla

Usted puede obtener en el código HTML y CSS real de una plantilla de Joomla a través de su página de plantilla Personalizar, que contiene botones de edición HTML y CSS Editar. Haga clic en el archivo CSS que está interesado en trabajar con para ver el código HTML o CSS de la plantilla.

Al personalizar una plantilla en Joomla, normalmente se realizan cambios en su código CSS.

Para abrir el archivo CSS de una plantilla para la edición, siga estos pasos:

1. En la página Detalles de la plantilla, haga clic en el botón Editar CSS.

   Se abre la página plantilla Personalizar. Esta página muestra los archivos CSS asociados con la plantilla - por lo general, una gran cantidad de ellos.

   

2. Haga clic en el nombre del estilo que desea editar.

   archivo CSS del estilo (template.css) Se abre para la edición en Administrador de plantillas.

   

Video: Modificar Plantillas Joomla con Firebug

los template.css archivo es largo - alrededor de 16 páginas - y eso es sólo uno de los archivos que se dedica a una plantilla de Joomla. Es un archivo CSS de buena fe, y así es como comienza:

/ ***************************** // *** Core cosas Configuración de HTML // *** ****** *********************** / html {height: 100% -margin-bottom: 1px;} forma {margin: 0-padding: 0-} cuerpo {font-family: Helvetica, Arial, sans-serif-line-height: 1.3em margen: 0px 0px 0px 0px; font-size: 12px; color: # 333-} a: link, a: visited {text-decoration : none; font-weight: normal-} a: hover {text-decoration: underline-font-weight: normal-} input.button {cursor: Puntero-} P {margin-top: 0- margin-bottom: 5px; } {Img border: 0 ninguno; } / ***************************************** // *** específica Plantilla elementos de diseño *** // ***************************************** / # page_bg {padding: 10px 0-margin-bottom: 1px;} div.center {text-align: centro-} div # envoltorio {margin-left: auto-margin-right: auto} body.width_medium div # envoltorio {width : 950 píxeles;} ...

Por desgracia, para editar este archivo que realmente tiene que saber lo que está haciendo en el CSS para hacer sus propios cambios. (Un buen editor de código integrado en WYSIWYG Joomla sería ideal para esta situación.)

Video: Como editar una plantilla o template de Rockettheme - Entrenamiento en Vivo

Hay un gran debate sobre si es mejor usar tablas HTML o CSS para organizar los componentes y módulos en Joomla Plantillas- ambos lados de la discusión tienen puntos fuertes.

tablas HTML, por ejemplo, son estructuras muy rígidas que hacen que sea difícil para los motores de búsqueda para entender el contenido de su página. implementaciones CSS, por el contrario, varían ampliamente de un navegador a otro, y algunos navegadores antiguos le permiten utilizar solamente CSS mínima. La plantilla Beez en Joomla es un ejemplo de una plantilla CSS sin tablas.

Como se puede ver, realmente la personalización de una plantilla de Joomla no es algo para tomarse a la ligera. Así que ¿cómo se consigue la plantilla que desea? Puede descargarlo. Hay plantillas de Joomla en línea. Algunos son gratuitos, mientras que otros requieren una pequeña cuota para descargar.