MANUAL DE USO - SITIOS WEB - FE Y ALEGRÍA

MANUAL DE USO SITIOS WEB

FE Y ALEGRÍA

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

1. Fuentes Tipográficas ........................................................................................................ 3 2. Colores ............................................................................................................................. 4 3. Estilo de Imágenes ........................................................................................................... 6 4. Ingreso a la Administración .............................................................................................. 7 5. Descripción de Interfaz de la Administración .................................................................... 9 6. Añadir una nueva noticia ............................................................................................... 10 6.1 Publicar una nueva noticia ........................................................................................... 11 7. Añadir una nueva Página................................................................................................ 12 7.1 Publicar una nueva página ........................................................................................... 13 8. Editor de texto ............................................................................................................... 14 9. Cambiar las fotos de la presentación de la página del Inicio ........................................... 14 10. Botones........................................................................................................................ 15 11. Listar publicaciones del blog......................................................................................... 18 12. Accordion ..................................................................................................................... 28 13. Círculos con Imágenes (Hover) ..................................................................................... 31 14. Videos .......................................................................................................................... 36 15. Apariencia .................................................................................................................... 37 15.1 Widgets ...................................................................................................................... 38 15.2. Menús ....................................................................................................................... 40 16. Contact ........................................................................................................................ 41 17. Ninja Forms .................................................................................................................. 42 18. Usuarios ....................................................................................................................... 43 19. Calendario.................................................................................................................... 44 20. Redes Sociales .............................................................................................................. 45 21. Formato de recursos (Imágenes y vídeos) del sitio ....................................................... 50

2

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

1. Fuentes Tipográficas 1.1. Para Títulos y subtítulos: La fuente de los títulos es Fira Sans con el color: #aa0f16, utilizando letras mayúsculas únicamente en la primera letra de las palabras principales con las siguientes opciones para cada etiqueta de encabezado: <h1> font-size: 34px; line-height: 34px; font-weight: bold; <h2> font-size: 30px; line-height: 30px; font-weight: bold; <h3> font-size: 24px; line-height: 24px; font-weight: bold; <h4> font-size: 18px; line-height: 18px; font-weight: bold; <h5> font-size: 16px; line-height: 16px; font-weight: bold;

Ejemplo: Somos Fe y Alegría 1.2. Para párrafos (texto): La fuente de los textos es Fira Sans con el color: #3a3a3a, los textos deben estar justificados además de las siguientes opciones de etiqueta: <p> font-size: 15px; font-weight: 400; line-height: 29px; Ejemplo:

3

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

2. Colores

#aa0f16 Color Principal

#3a3a3a Color Textos

- Títulos - Subtítulos - Elementos - Hover

#e4e4e4 Color Sección Inferior

#727176 Color Footer Copyright - Bordes y color de Botones

Colores Secundarios

#749c39

#f7ac13

#5583bf

Textos

Textos

Textos

Usados para identificar elementos, como por ejemplo contenedores que hacen referencia a la radio.

4

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA 2.1. Color Principal El color principal del sitio es el #aa0f16.Este color debe estar presente en los títulos, subtítulos, botones y elementos adicionales dentro del sitio.

2.2. Títulos y Subtítulos Para los títulos y Subtítulos el color a utilizar es el principal: #aa0f16.

2.3. Texto Para párrafos de texto el color es: #3a3a3a.

2.4. Colores para Sección inferior Footer: Esta sección debe tener el siguiente color de fondo: #e4e4e4 con el color predeterminado del texto e iconos #3a3a3a como lo muestra la siguiente imagen:

Footer Copyright: Esta sección debe tener el siguiente color de fondo: #727176 con el color de texto #fff como lo muestra la siguiente imagen:

5

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

3. Estilo de Imágenes Las imágenes deben tener los bordes redondeados, para esto en las opciones de estilo de imagen seleccionamos Rounded:

El resultado sería este:

6

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

4. Ingreso a la Administración El sitio web está realizado con la plataforma de gestión de contenidos WordPress, para ingresar a la administración se deben seguir los siguientes pasos: 4.1. Ingresar al enlace de administración correspondiente al país: - Federación Internacional > https://www.feyalegria.org/wp-admin/ - Venezuela > https://www.feyalegria.org/venezuela/wp-admin/ - Italia > https://www.feyalegria.org/italia/wp-admin/ - Perú > https://www.feyalegria.org/peru/wp-admin/ - Colombia > https://www.feyalegria.org/colombia/wp-admin/ - Honduras > https://www.feyalegria.org/honduras/wp-admin/ - Ecuador > https://www.feyalegria.org/ecuador/wp-admin/ - Uruguay > https://www.feyalegria.org/uruguay/wp-admin/ - Guatemala > https://www.feyalegria.org/guatemala/wp-admin/ - Chile > https://www.feyalegria.org/chile/wp-admin/ - Panamá > https://www.feyalegria.org/panama/wp-admin/ - Congo > https://www.feyalegria.org/congo/wp-admin/ - Nicaragua > https://www.feyalegria.org/nicaragua/wp-admin/ - Argentina > https://www.feyalegria.org/argentina/wp-admin/ - Brasil > https://www.feyalegria.org/brasil/wp-admin/ - Paraguay > https://www.feyalegria.org/paraguay/wp-admin/

7

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA Cargará la página como en la imagen:

4.1.2. Para entrar a la administración, ingresar los datos asignados previamente: • Usuario o Correo electrónico • Contraseña Luego hacer clic en el botón Acceder y con esto ya entramos a la administración cómo se ve en la siguiente imagen:

8

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

5. Descripción de Interfaz de la Administración Al lado izquierdo de la ventana de administración, visualizamos el panel de control del sitio web cómo lo muestra la siguiente imagen:

En este panel se ubican todas las opciones de configuración y funciones del sitio, a continuación, se nombran las más relevantes:

• Entradas: Sección para publicar y editar las noticias que se visualizan en el • • • •

módulo del Inicio, llamado Novedades.

Páginas: Sección para publicar y editar las páginas del sitio web.

Contact: Plugin (Función) para crear Formularios.

Ninja Forms: Plugin (Función) para crear Formularios.

Apariencia: Apartado donde se encuentran configuraciones como: o Temas: Plantillas.

9

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA o Personalizar: Configuraciones generales de visualización.

• Widgets: Permiten añadir bloques de texto, imágenes, enlaces, menús y demás contenido en ciertas posiciones de la web.

• Menús: Publicación y edición de los menús del sitio web.

• Usuarios: Gestión de roles de perfiles de administración del sitio web.

• Ajustes: Configuración y parámetros del sitio web, aquí se encuentran desde el nombre del sitio hasta la estructura de los enlaces.

•

Theme options: Configuraciones generales de visualización.

6. Añadir una nueva noticia Para publicar una noticia vamos a la sección del panel izquierdo > Entradas luego > Añadir nueva, aparecerá de edición como esta:

Después, dar clic en el botón WPBakery Page Builder, tal cual como se visualiza en la anterior imagen.

10

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

6.1 Publicar una nueva noticia Después de realizar el paso anterior, carga el editor clásico del sitio web.

En la siguiente imagen se nombran los pasos para completar este proceso.

1. Título Añade el título de la noticia que vas a publicar.

2. Editor Visual Es la herramienta con la cual puedes crear elementos como cajas de texto y subir imágenes.

(Ver el siguiente vídeo) > https://www.youtube.com/wa tch?v=mDb_-V7Eb5k 3. Categorías Seleccionar la categoría a la cual pertenece tu noticia 4. Opciones Nd Header Image Selecciona la imagen que quieres en la parte superior.

La imagen debe ser formato jpg y tener una medida de 1240 px de ancho x 300 px de alto Peso no mayor de 400 KB 5. Imagen destacada Selecciona la imagen destacada que desees.

La imagen debe ser formato jpg y tener una medida de 570 px de ancho x 380 px de alto 6. Clic en Publicar

11

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

7. Añadir una nueva Página Para publicar una noticia vamos a la sección del panel izquierdo > Páginas luego > Añadir nueva, aparecerá de edición como esta:

Después, dar clic en el botón WPBakery Page Builder, tal cual como se visualiza en la anterior imagen.

12

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

7.1 Publicar una nueva página Después de realizar el paso anterior, carga el editor clásico del sitio web.

En la siguiente imagen se nombran los pasos para completar este proceso.

1. Título Añade el título de la página que vas a publicar.

2. Editor Visual Es la herramienta con la cual puedes crear elementos como cajas de texto y subir imágenes.

(Ver el siguiente vídeo) > https://www.youtube.com/wa tch?v=mDb_-V7Eb5k 3. Opciones Nd Header Image Selecciona la imagen que quieres en la parte superior.

La imagen debe ser formato jpg y tener una medida de 1240 px de ancho x 300 px de alto Peso no mayor de 400 KB

4. Clic en Publicar

13

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

8. Editor de texto Cuando queremos añadir un bloque de texto contamos con un editor que brinda la facilidad de añadir estilos de una forma similar al Word.

Aquí podemos asignar el estilo correspondiente de cada texto ya sea un párrafo o título además de añadir Negritas o cursivas, listar, añadir enlaces entre otras funciones.

9. Cambiar las fotos de la presentación de la página del Inicio En el panel lateral vamos al apartado llamado Slider Revolution.

Para editar la presentación actual seleccionamos la opción Open Editor (icono lápiz) sobre el Módulo que se desee editar o también es posible crear un módulo nuevo en New Blank Module Aparecerá el editor de la presentación.

Para entender las funciones se recomienda ver el siguiente vídeo: https://www.youtube.com/w atch?v=WrG3ASgtDGM

14

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

10. Botones Botones Leer más o Ver más: Los botones del sitio web deben tener las siguientes configuraciones en el editor: Primero desactivar el modo fácil del editor: Después: • Typography: color: #727176 ; size: 12px ; LineHeight: 1em ; Text: (Leer más o Ver más) • Border: width: 2px ; style: solid; color: #727176 ; Radius: 4px • Padding: top: 4px ; right: 34px ; bottom:8px ; left:34px ; unit: px • Margin: top: 4px ; right: 10px; bottom: 4px; left:10px ; unit: px • Hover: Title color: #ffffff • Hover-background: Type: Color; Color: #aa0f16 ; Hover Effect: Fade; • Hover – Border: Width:2px ; Style: Solid; color: #aa0f16; radius: 4px Y damos clic en Guardar Cambios.

Así deberían quedar las configuraciones:

15

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

16

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA Además de que su texto solo utilice mayúsculas en las palabras principales Para que se vea así:

Al poner el cursor sobre el botón es decir la función Hover, debe visualizarse de la siguiente forma:

17

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

11. Listar publicaciones del blog Para crear un módulo que muestre las diferentes publicaciones del blog como lo muestra la siguiente imagen:

Los pasos a seguir son: 11.1. En el editor visual de la página donde se quiera mostrar el módulo, agregar un elemento tipo Grid Post, como lo muestra la imagen

18

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

11.2. Primero desactivar el modo fácil del editor: Después los ajustes generales son estos: Columns Number: (Depende del espacio del módulo, si este ocupará el ancho de la pantalla se recomienda utilizar 4 columnas) Gap: 30

Los demás ajustes son:

Source: • • • • • •

Data source: Entradas Taxonomies or Tags: (Seleccionar la categoría que se desea listar) Sort by: Date Order: Descending Items Per Page: (Items por página) en este caso 12 Include \ Exclude taxonomies?: Include

19

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA (Ver imagen con ajustes):

Post: Seleccionar la 3ra opción:(Ver imagen con ajustes):

Item: • • • • •

Tiles size: Fixed Height Thumbnail Height: 300px Image Quality: large ; Title: Title Overflow: Disable ; Title – Typography: Typography Preset: Montserrat - Title 20

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA • • • • • • •

Meta: Date Meta – Typography: Typography Preset: Lato – Typography Date – Typography: Typography Preset: Lato – Date Excerpt – Typography: Typography Preset: Lato – Excerpt Excerpt – Padding: Top: 10 ; Right: 0 ; Bottom: 15 ; Left: 0 ; Content – Background: Type: Color ; Color: #ffffff ; Content – Border: Top: 1px ; Right: 1px ; Bottom: 1px ; Left: 1px ; style: solid ; color: #e4e4e4 ; radius: 5px ; • Content – Padding: Top: 25px ; Right: 25px ; Bottom: 25px ; Left: 25px ; Unit: px (Ver imagenes con ajustes):

21

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

22

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

23

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

Hover state: • • • •

Hover State: Overlay in Effect: Fade ; Background Color: rgba(240,240,240,0.5) ; Lightbox Icon: Disable Lightbox: Disable ; Read More Icon: Disable Read More: Disable ;

(Ver imagen con ajustes):

Read more: • • • • • •

Typography: Typography Preset: Botón Blog Border: Width: 2px ; Style: Solid ; Color: #727176 ; Radius: 4px Padding: Top: 8px ; Right: 34px ; Bottom: 8px ; Left: 34px ; Unit: px ; Margin: Top: 4px ; Right: 10px ; Bottom: 4px ; Left: 10px ; Unit: px ; Hover: Title color: #ffffff ; Hover – Background: Type: Color ; Color: #aa0f16 ; Hover Effect; Fade ; 24

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA • Hover – Border: Border: Width: 2px ; Style: Solid ; Color: #aa0f16 ; Radius: 4px; (Ver imagen con ajustes):

25

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

Read More tooltip: • Trigger: Hover ; • Position: Top ; • Display Effect: Fade ; (Ver imagen con ajustes):

26

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA Read More: Animations: Esta sección no se edita

Animations: Esta sección no se edita

Pagination: Main Preset: 8 – Classic, with Border Por último Guardamos Cambios y nuestro módulo estará completo.

27

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

12. Accordion Para crear un módulo tipo accordion como lo muestra la siguiente imagen:

Los pasos son: 12.1. En el editor visual de la página donde se quiera mostrar el módulo, agregar un elemento tipo Accordion, como lo muestra la imagen

12.2. En ajustes la única configuración de hay que cambiar es Tab Open/Close, seleccionamos Open

12.3. Para agregar una sección al módulo, hacer clic en el + ubicado en el centro de la caja: 28

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

12.4. Luego agregamos el título con las siguientes configuraciones: Font Size: 16 px ; Title Color: #aa0f16 ; Title background: #f3f3f3

12.5. En la sección Detail, va el texto descriptivo de la sección

12.6. Y por último en Borde ajustamos de la siguiente manera: Title Border Width: 1px 0px 0px 0px 29

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA Title Border Color: #aa0f16 Description Border Width: 0px 0px 0px 0px

Por último Guardamos Cambios y nuestro módulo estará completo.

30

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

13. Círculos con Imágenes (Hover) 13.1. En el editor visual de la página donde se quiera mostrar el módulo, agregar un elemento tipo IHover, como lo muestra la imagen:

13.2. Primero desactivar el modo fácil del editor: Después los ajustes generales son estos:

General: • • • • •

Width: 220px Gap: 1 Items Alignment: Centrado Items Shape: Circle Hover Effect: Effect 1

31

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA Thumbnail: Background: Type: Color; Color: ninguno Border: Top: 1px ; Right: 1px ; Bottom: 1px ; Left: 1px ; Style: Solid ; Border - Color: Una de las siguientes opciones: 1. Rojo #aa0f16 I 2. Verde #749c39 I 3. Amarillo #f7ac13 I 4. Azul #5583bf

Content: Background: Type: Color; Background-color: Una de las siguientes opciones: 1. Rojo rgba(170,15,22,0.4) I 2. Verde rgba(116,156,57,0.4) I 3. Amarillo rgba(247,172,19,0.4) I 4. Azul rgba(85,131,191,0.4) Border: Top: 1px ; Right: 1px ; Bottom: 1px ; Left: 1px ; Style: Solid ; Border - Color: Una de las siguientes opciones: 1. Rojo #aa0f16 I 2. Verde #749c39 I 3. Amarillo #f7ac13 I 4. Azul #5583bf

32

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

Typography: Color: #ffffff ; Size: 20px; Transform: Capitalize Alignment: Center

Extras: Spinner - Top-Left : Una de las siguientes opciones: 1. Rojo rgba(170,15,22,0.4) I 2. Verde rgba(116,156,57,0.4) I 3. Amarillo rgba(247,172,19,0.4) I

33

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA 3. Azul rgba(85,131,191,0.4) Spinner - Top-Right : Una de las siguientes opciones: 1. Rojo rgba(170,15,22,0.4) I 2. Verde rgba(116,156,57,0.4) I 3. Amarillo rgba(247,172,19,0.4) I 4. Azul rgba(85,131,191,0.4) Alignment: Centrado; Height: 1px ; Width: 100% ;

Clic en guardar cambios.

13.3. Después de configurar los ajustes generales agregamos un elemento 34

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA en la misma caja haciendo clic en el botón más.

13.4 Los demás ajustes para completar el circulo son: Hover style: default Link: enlace al cual queramos apuntar al hacer clic Thumbnail: Imagen de 700x700px Content: Disable Divider: Disable Title: Título del círculo

Por último Guardamos Cambios y nuestro módulo estará completo.

35

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

14. Videos Alineación centrada al 60% (tamaño), configuración panorámica horizontal (16:9) sin bordes, se sugiere colocar título que lo identifique con las mismas características de texto descritas en el punto 2.2 Títulos y subtítulos. Que se vea así: ¿Cuál es el proceso de creación de los RED?

Cintillo de identificación: Diseño en Color rojo principal #aa0f16 texto en color blanco tamaño 20 px para nombres y apellidos y 18 px para texto debajo de la línea blanca que debe tener 1 px de grosor, en este caso utilizaremos la versión del corazón fe y alegría en blanco.

Las dimensiones del cintillo 3307 (ancho) x 354 (alto).

Botón de reproducción de video tendrán las mismas características definidas en el punto 3 para los botones.

36

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

15. Apariencia Para personalizar la Apariencia del sitio ir a Apariencia > Personalizar

37

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

15.1 Widgets Para editar y agregar elementos a posiciones predeterminadas, ir a Apariencia > Widgets

Al desplegar por ejemplo la sección Footer Info podemos editar los elementos actuales o arrastrar con clic sostenido alguno de los módulos del lado izquierdo.

38

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA - La sección llamada Sidebar se ve visualizada en cada noticia al costado derecho como se ve en la siguiente imagen:

- La sección llamada Footer Info corresponde a esta posición en el sitio web

39

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

15.2. Menús Para editar y agregar nuevos elementos a los menús del sitio web, ir a Apariencia > Menús

El menú principal del sitio es el llamado Menú Principal FyA en Perú.

Para agregar un elemento seleccionamos el ítem que deseamos colocar ya sea una página, una entrada (noticia), enlace personalizado u otro y dar clic en Añadir al menú luego Guardar menú.

Para eliminar un ítem del menú, abrir el elemento que queremos retirar y dar clic en eliminar, después Guardar menú.

40

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

16. Contact Plugin de Formularios: ver el siguiente vídeo: https://www.youtube.com/watch?v=HKd1PBaFx1E

41

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

17. Ninja Forms Plugin de Formularios: ver el siguiente vídeo: https://www.youtube.com/watch?v=xwTmrtEw0lc

42

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

18. Usuarios Para gestionar y añadir usuarios ir a la sección del panel Usuarios.

Ver el siguiente vídeo: https://www.youtube.com/watch?v=nJdjPy7Y8GU

43

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

19. Calendario El módulo de Agenda virtual que contiene un calendario funciona a través de la plataforma de Google Calendars, si se desea subir nuevos eventos por favor enviar un correo con la solicitud a: fi.webadmin@feyalegria.org

44

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

20. Redes Sociales Para poder listar las diferentes redes sociales existen 2 plugins para realizar esta función: 20.1 Flow Flow: Plugin utilizado para ver publicaciones completas de diferentes redes que se quieran conectar. Utilizado por ejemplo para la web principal de Fe y Alegría, ver imagen:

Para entender la configuración de este plugin se recomienda este vídeo: https://www.youtube.com/watch?v=SY-m7UoMvJg

45

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA 20.2 Feed Them Este es el plugin más utilizado para integrar las redes sociales a los sitios web de Fe y Alegría debido que tiene un formato tipo Línea de tiempo el cual muestra la publicación en orden cronológico, ejemplo:

Para entender la configuración de este plugin se recomienda este vídeo: https://www.youtube.com/watch?v=J6RaUXJ74BA Las instrucciones para integrar una red social con este plugin son: 1. Ingresar al perfil de la red social que deseamos integrar.

2. Ingresar a la administración del sitio web.

3. En el panel izquierdo, dar clic en la sección llamada Feed them.

46

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA 4. Seleccionar en el menú la red social que deseamos integrar.

5. Después, hacemos clic en el botón con el logo de la red social que además dice: “Login and get my Access token”.

6. Dentro de la página de la red social que se abre, hacer click en Allow o permitir.

7. Cargarán los campos: Instagram ID y Access Token Required.

47

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA 8. Ir a la parte inferior y Guardar todos los cambios.

9. Copiar el código correspondiente al token de acceso:

10. Vamos a la edición de la página de Inicio del sitio web y buscamos el módulo de Redes sociales, específicamente el correspondiente a la red social que deseamos editar:

48

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA 11. Editamos el bloque como HTML y ubicamos en el código: access_token= Pegamos el token después del signo =

12. Luego Guardamos los cambios y actualizamos la página.

13. Por último, volvemos a la sección de Feed Them > Settings 14. Vamos a Global Options y hacemos click en Vaciar la Caché de todos los Feeds FTS y con esto ya podemos visualizar el perfil de la red social integrado al sitio web.

49

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA

21. Formato de recursos (Imágenes y vídeos) del sitio Para la WEB SITE, hemos considerado dimensiones para los elementos gráficos (fotografías) que hacen parte del diseño y presentación de contenidos: Para Fotografías, imágenes y/o infografías Elemento

Dimensiones

Banner Slide / Fotografías

1240 x 480

Banners para Páginas y Entradas

1240 x 300

Fotografías Pequeñas

200 x 200

Fotografías medianas

500 x 500

Fotografías grandes

1024 x 1024

Observaciones y/o Comentarios

Peso no mayor de 500KB

Para Videos Generalmente publicados en un canal YouTube del que se obtiene un enlace que se copia al elemento video dentro de una página en el Web Site.

Elemento

Dimensiones

Observaciones y/o Comentarios

Video

Panorámica / Horizontal

Enlace externo YouTube

50

MANUAL DE USO SITIOS WEB - FE Y ALEGRÍA Documentos en PDF deben tener un peso no mayor a 2MB Si se tratan de publicaciones o series de documentos se recomienda hacer uso de un Drive en el que se guarden estos documentos y se realiza el enlace desde la WEB.

51