Cómo editar hojas de estilo en Joomla!

Escrito por michael logan | Traducido por maría marcela mennucci
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo editar hojas de estilo en Joomla!
Puedes modificar el estilo de tu sitio web en Joomla! (Hemera Technologies/Photos.com/Getty Images)

El sistema de administración de contenido Joomla! usa modelos para mantener la apariencia de las páginas consistente en todo el sitio web. Los modelos usan programación HTML y Cascading Style Sheets (CSS). Cambiar una característica específica de un modelo podría implicar editar el código HTML o el CSS en una hoja de estilo. Los cambios simples como color de texto en los menú son fácilmente logrados en las hojas de estilo bien documentadas. Otros cambios de la hoja de estilo requieren un conocimiento más profundo del CSS y de cómo funcionan los modelos de Joomla!

Nivel de dificultad:
Difícil

Otras personas están leyendo

Instrucciones

  1. 1

    Mueve el puntero del mouse al menú "Extensiones" en administrador de Joomla!. Haz clic en "Administrador de modelos" del menú desplegable que aparece. Este mostrará una lista de modelos disponibles.

  2. 2

    Haz clic en el nombre azul del modelo que deseas editar. La página "Modelo (editar)" que aparecerá para el modelo seleccionado.

  3. 3

    Haz clic en "Editar CSS" desde el menú de administrador de modelos en la esquina superior derecha de la pantalla. El editor de modelo CSS se cargará y presentará una lista de las hojas de estilo disponibles para editar y si son o no modificables.

    Nota: la primera línea de la lista muestra el directorio del servidor para los archivos de hojas de estilo del modelo. Puedes editar estos archivos directamente si has leído y escrito acceso a ese directorio.

  4. 4

    Haz clic una vez en el botón de radio a la izquierda de la hoja de estilo que deseas editar. Haz clic en "Editar" en el menú del editor de CSS del modelo en la esquina superior derecha de la pantalla. El editor CSS cargará la hoja de estilo para editar.

  5. 5

    Haz clic en guardar en el menú de Administrador CSS del modelo cuando hayas terminado de hacer los cambios que querías hacer. Podrías también hacer clic en "Cancelar" para salir sin guardar tus cambios o haz clic en "Aplicar" para guardar los cambios y continuar editando.

    Nota: Una vez que haces clic en "Aplicar", haz clic en "Cancelar" no deshará tus cambios.

  6. 6

    Haz clic en "Cancelar" en el menú editor de modelos CSS cuando hayas guardado o cancelado tus cambios y estás listo para salir del editor. Regresarás a la pantalla "Modelo (editar)". Haz clic en "Cerrar" para salir y regresar al Administrador de modelos. Haz clic en el "Panel de control" del menú Sitio en la esquina superior izquierda para regresar al panel de control.

Consejos y advertencias

  • Es una buena práctica para hacer cualquier cambio en tu sitio de prueba local primero, en lugar de hacer los cambios en tu sitio en vivo. Luego de hacer los cambios y probarlos, siempre puedes cargar tus hojas de estilo modificadas al directorio que está en la parte superior de la lista de hojas de estilo del Editor CSS de modelos.
  • Haz una copia de seguridad de tu sitio web antes de hacer cambios a las hojas de estilo de modelo. Si haces un cambio que no puedes deshacer, tendrás que restaurar tu copia de seguridad o, como mínimo, reinstalar el modelo.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles