Después de numerosos artículos sobre el uso de Joomla! ahora estamos listos para crear un sitio. En este tutorial, comenzaremos el proceso de actualización de nuestro sitio web desde una instalación nueva de Joomla! 1.5. ¡Originalmente, planeé construir un sitio usando Joomla! 1.6, pero descubrí que era demasiado pronto para encontrar plantillas para esa versión, ¡así que creé una nueva instalación de Joomla! 1.5.
Así es como se ve la instalación predeterminada. Notarás que es la misma interfaz que en nuestros otros artículos.
Cuando decide crear su propio sitio, lo primero que debe hacer es encontrar una plantilla. Puede usar las plantillas en esta configuración, pero solo hay tres y es probable que no le gusten. Si es así, tiene cuatro opciones: encontrar un modelo comercial, ver si puede encontrar un modelo gratuito, contratar a un diseñador para que cree un modelo para usted o crear el suyo propio. Para encontrar una plantilla, el primer punto de partida es Joomla! sitio de Internet
Puedes encontrar más plantillas en CloudAccess.net, mi Joomla! si tú. Y ahí es donde encontré Enterprise, una plantilla gratuita cercana a lo que estoy buscando. Aún así, necesita algunos ajustes para obtener el diseño correcto. (Nota: el cuerpo principal de la plantilla tiene un ancho de 960 px. Esta es información importante para más adelante).
En este artículo, habilitaremos el escaparate (la sección con la imagen grande) y usaré FlipPhoto Pro, una extensión que instalé en nuestras Extensiones en Joomla! artículo. Antes de hacer esto, es importante mirar la placa del módulo.
Aquí está el mapa global de módulos de mi sitio web, que es NathanSegal.ca. El tema del sitio estará completamente dedicado a las empresas conjuntas, pero hablaremos de esto más adelante.
Aquí está la parte superior del mapa del módulo con el resaltado que muestra algunos de los cambios que quiero hacer. Algunos de ellos consisten en módulos de desactivación. Otros, como la barra de menú, probablemente impliquen algunos ajustes de CSS, que trataremos en otro artículo.
Esta es la parte inferior del modelo. Como puede ver resaltado en rojo, hay muchos módulos que tendré que desactivar para crear el aspecto que quiero. Tenga en cuenta que no sé de antemano qué hará al diseño la desactivación de ciertos módulos. No lo sabré hasta que llegue allí.
Como se mencionó anteriormente, quiero habilitar el escaparate en esta plantilla. Antes de que pueda hacer eso, tengo que activar el modelo. Para hacer esto, inicio sesión en Administrador, luego voy a Extensiones: Administrador de plantillas. Una vez en esta página, activo el botón de radio a la izquierda del modelo Enterprise, luego hago clic en la estrella predeterminada.
Ahora es el momento de echar un vistazo a la plantilla en el front-end. Como puede ver, no se parece a la plantilla de demostración en el sitio de CloudAccess.net, por lo que es necesario personalizar la plantilla. Para comenzar esta tarea, es hora de mirar los módulos.
Como mencioné anteriormente, usaré la extensión Flip Photo Pro de Cloudaccess.net. Como referencia, aquí está el procedimiento de instalación.
Ubique el archivo que descargó, haga clic en él, luego haga clic en el botón Descargar archivo e instalar. Como en el artículo anterior, una vez instalado Flip Photo Pro, comienza un proceso de configuración automático. Se instala con una serie giratoria de imágenes y módulos. Esto está deshabilitado por defecto.
Para verlo en el frontend, es necesario modificar los parámetros del módulo. Para encontrar la extensión, escriba «flip» en la sección Filtro y haga clic en «Ir». Cuando aparezca el nombre del archivo flipphotopro, haga clic en él para editarlo.
en el modulo [Edit] página, establezca lo siguiente:
- Mostrar título: No
- Habilitado: Sí
- Posición: Escaparate
Deje todas las demás configuraciones en sus valores predeterminados. Guarde la configuración.
Actualizar la interfaz. Aparece la extensión Flip Photo Pro pero hay dos cosas mal, es demasiado grande para la plantilla y tiene texto en la parte inferior, que no queremos.
Para resolver este problema, vaya a Componentes: FlipPhoto Pro. En la página siguiente, haga clic en el encabezado Datos de muestra.
En esta página, podemos ocuparnos de dos tareas al mismo tiempo. La primera es seleccionar el botón No junto al encabezado Mostrar descripción. La segunda tarea es reducir el tamaño del escaparate para que encaje correctamente en la página. Anteriormente noté que la página tiene 960px de ancho. Para adaptar FlopPhoto Pro a la página, tuve que reducir el tamaño a 938×255 píxeles y luego guardé la configuración.
Aquí está el resultado en el frente. Como puedes ver, se ha eliminado el texto descriptivo y FlipPhoto Pro se adapta perfectamente a la posición del escaparate.
En la próxima publicación, modificaré el escaparate agregando más imágenes y agregando un logotipo personalizado.
