Llave en Mano Manual 1 Last update: September 18, 2014 IKUNA MEDIA S.L.

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Llave en Mano Manual 1 Last update: September 18, 2014 IKUNA MEDIA S.L."

Concepción Gutiérrez Olivera
hace 8 años
Vistas:

1 Llave en Mano Manual 1 Last update: September 18, 2014 IKUNA MEDIA S.L.

2 Table of Contents Cómo funciona Llave en Mano... 1 Imágenes... 2 Gestión de tamaños de imágenes en LLEM... 3 Nuevo subnivel... 5 Nuevo subnivel Subnivel 3?... 7 Subnivel 3, yes... 8 Pie de página... 9 Tutoriales Opciones de Menú (plantilla 2013) Cómo editar archivos de una plantilla Solución de problemas... 16

.. 6 Subnivel 3?... 7 Subnivel 3, yes... 8 Pie de página... 9 Tutoriales.

3 Cómo funciona Llave en Mano En este apartado se describirá el funcionamiento de cada función de Llave en Mano, sus configuraciones y panel adminstrador. Generated by Manula.com on September 18, :34:27 Page 1 of 16

en Mano, sus configuraciones y panel adminstrador.

4 Imágenes Algunas funcionalidades relacionadas con las imágenes. Generated by Manula.com on September 18, :34:27 Page 2 of 16

5 Gestión de tamaños de imágenes en LLEM Dentro de la LLave en mano no hay un formato estándar para las imágenes; eso significa que las imágenes pueden ser tanto verticales como horizontales. Las fotos incluidas en las página así como en los RSS están recortadas o re-dimensionadas a los tamaños necesarios a su visualización en las diferentes plantillas y páginas a través de una herramienta que puede sobre la marcha redimensionar y recortar las imágenes y pasárselas directamente a la CDN; esto se hace a través de la manipulación de las URLs. Pongamos por ejemplo tener esta imagen, sacada de una página o de un RSS: Esta es una imagen redimensionada y pasada por la CDN (mm.servidornoticias.com); el fichero original está almacenado en nuestro servidores de almacenamiento y no es accesible directamente desde el exterior. La herramienta funciona remplazando la parte de la URL que dice w_240, por uno de estos formatos: w_xxx, si se quiere redimensionar la imagen a un ancho de xxx pixels (el alto es proporcional) t_xxx_yyy, si se quiere redimensionar y recortar la imagen para que quepa en un marco de xxx pixels de ancho y yyy pixels de alto Aquí algunos ejemplos: Con esta herramienta las imágenes pueden hacerse del tamaño que se quiera, y siempre está en la mejor calidad en la que puede proporcionarse (siempre dependiendo de la calidad de la imagen original). NOTA IMPORTANTE: el tamaño de las imágenes no puede sobrepasar 1280px, sumándose el alto y el ancho. Es decir, podríamos tener tamaños máximos de imágenes de px, px, , etc. Si este valor se sobrepasa, el sistema devuelve un mensaje de error. Generated by Manula.com on September 18, :34:27 Page 3 of 16

herramienta que puede sobre la marcha redimensionar y recortar las imágenes y pasárselas directamente a la CDN; esto se hace a través de la manipulación de las URLs.

6 original Generated by Manula.com on September 18, :34:27 Page 4 of 16

7 Nuevo subnivel Test si necesitamos 2 subniveles Generated by Manula.com on September 18, :34:27 Page 5 of 16

8 Nuevo subnivel 2 Test test test Generated by Manula.com on September 18, :34:27 Page 6 of 16

9 Subnivel 3? Aguanta un subnivel 3? parece ser que sí Generated by Manula.com on September 18, :34:27 Page 7 of 16

10 Subnivel 3, yes TEst Generated by Manula.com on September 18, :34:27 Page 8 of 16

11 Pie de página El link puede ser utilizado para poner un enlace a una web externa, por ejemplo a la web del cliente. Si se especifica el link, en la web las dos lineas presentes en el pie de página se convertirán en enlaces a la URL especificada, y dichos enlaces se abrirán en una nueva ventana. La forma del link tiene que ser el inicial completo (por ejemplo: si no se pone, el enlace llevará a una página equivocada, posiblemente inexistente (por ejemplo: Generated by Manula.com on September 18, :34:27 Page 9 of 16

abrirán en una nueva ventana. La forma del link tiene que ser el http:// inicial completo (por ejemplo: http://www.efe.

12 Tutoriales Aquí se listarán muchos tutoriales y ejemplos de códigos para sacar el máximo partido de la plataforma. Generated by Manula.com on September 18, :34:27 Page 10 of 16

13 Opciones de Menú (plantilla 2013) La plantilla 2013 tiene opción de uso de 2 tipos de menú: Default: Menú por defecto de la plantilla 2013 Con efecto de botones, si necesario con submenú desplegado verticalmente. Recomendado para páginas con muchas pestañas (más de 2 líneas de pestañas principales) o para pestañas con muchas subsecciones. Tabs: Menú opcional: tabs Simula el efecto de pestañas, si necesario con submenú que se despliega horizontalmente. Recomendado para páginas con pocas pestañas (1línea de pestañas principales y una línea de pestañas anidadas en submenús). Cambiar el tipo de menú Por defecto, la plantilla trae activado el menú DEFAULT, que se adapta a todas las páginas Llave en Mano. Si se desea activar el menú tipo TABS, se debe seguir estos pasos: 1) Clonar y editar la plantilla activa siguiendo este tutorial. Generated by Manula.com on September 18, :34:27 Page 11 of 16

Tabs: Menú opcional: tabs Simula el efecto de pestañas, si necesario con submenú que se despliega horizontalmente.

14 2) Editar el archivo menu dentro del bloque estilos 3) En la línea 2 de este archivo, sustituir el value= default por value= tabs. ANTES {* select menu type *} {assign var='menu' value='default'} {* value options: default tabs *} DESPUÉS {* select menu type *} {assign var='menu' value='tabs'} {* value options: default tabs *} Generated by Manula.com on September 18, :34:27 Page 12 of 16

ANTES {* select menu type *} {assign var='menu' value='default'} {* value options: default tabs *}

15 Cómo editar archivos de una plantilla Para editar su plantilla, hay que seguir estos pasos. a) Acceder En el Admin, acceder al menú Plantillas y estilos -> Plantillas / Layouts b) Clonar Clonar la plantilla activa (si no se ha hecho anteriormente) utilizando el icono Clonar Plantilla. Se le dará un nuevo nombre. c) Editar Generated by Manula.com on September 18, :34:27 Page 13 of 16

Clonar la plantilla activa (si no se ha hecho anteriormente) utilizando el icono Clonar Plantilla.

16 c) Una vez clonada, la plantilla puede editarse utilizando el icono Editar d) Tipos de archivos a editarse Todos los archivos de las plantillas pueden editarse utilizando código de programación según el tipo de archivo. Se dividen en 4 bloques Páginas -> Son los HTML contenedores de los diferentes tipos de página de Llave en Mano Bloques -> Son pequeños bloques de código HTML específico que se usan dento de las páginas Estilos -> Archivos de estilos CSS Scripts -> Archivos de comandos Javascript Feeds RSS -> Archivos XML para generar los Feeds Generated by Manula.com on September 18, :34:27 Page 14 of 16

Se dividen en 4 bloques Páginas -> Son los HTML contenedores de los diferentes tipos de página de Llave en Mano Bloques -> Son pequeños bloques de código

17 Las plantillas de Llave en Mano funcionan con motor Smarty. Para saber mayores detalles sobre el funcionamiento de este tipo de código, por favor visite este tutorial. e) Guardar Para guardar los cambios en cada archivo, hacer clic en el botón Guardar cambios en la parte inferior de la pantalla. Generated by Manula.com on September 18, :34:27 Page 15 of 16

18 Solución de problemas En este espacio se listarán algunas dificultades y dudas reportadas por nuestros cliente y cómo solucionarlas. Generated by Manula.com on September 18, :34:27 Page 16 of 16

Documentos relacionados

Tutorial básico. Apunte creado por imedia Creativa www.imediacreativa.com

Tutorial básico. Apunte creado por imedia Creativa www.imediacreativa.com Tutorial básico Apunte creado por imedia Creativa www.imediacreativa.com Introducción Joomla CMS Su sitio Web está creado bajo un Sistema de gestión de contenidos CMS (Content Management Systems) Joomla.