Manual de Uso: Sitio Corporativo

Edición y Montaje de contenido

Departamento Multimedia Sociedad de San Pablo

Bogotá, Colombia
2014
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Tabla de contenido
Manual de Uso: Sitio Corporativo  . ........................................................  1  
Editor de Contenidos  .....................................................................................................................  3  
Edición  .......................................................................................................................................  3  
Categorías  ..................................................................................................................................  7  
Publicaciones  .............................................................................................................................  14  
Editores adicionales: RSS y Calendario  ........................................................................................  23  
Multimedia  ...............................................................................................................................  30  
Funciones especiales del editor de texto  ......................................................................................  33  
Componentes de Contenido  .......................................................................................................  37  
Apéndice  A  . ......................................................................................  39  
Apéndice  B  . ......................................................................................  43  
 

        2  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Editor de Contenidos
Edición
La modificación o creación de las publicaciones y categorías se puede hacer de dos formas, desde
la vista de edición en contexto del sitio, y la sección de Editor del Sitio. A estas secciones se
accede de la siguiente manera:

Vista  de  Edición  

1. Para poder ingresar al modo de edición de la página, se debe agregar “?edit” al
final de la dirección de la página que se está visitando, por ejemplo:
<subdominio>.arquibogota.org.co?edit (imagen 1).

 
Imagen  1.  Dirección  para  ingresar  al  modo  edición  del  sitio  

2. En la parte superior aparecerá la barra de edición, inicialmente con las opciones

de ingreso (en caso de que no se haya iniciado sesión en el editor de contenidos).
Si la barra no está en primera instancia, en la esquina superior derecha debe haber
un signo + que al hacer clic aparecerá la barra de edición (imagen 2).

 
Imagen  2.  Indicación  para  ampliar  la  barra  de  edición  

3. En los campos se ingresa el nombre de usuario y la contraseña. En este caso la

información que aparece en la barra ha cambiado, mostrando las opciones de
edición de una página. Para agregar un componente a una categoría que se ha
creado, se navega de la forma convencional, pero al llegar a la página, deben
aparecer las opciones de edición en la barra de edición (Imagen 3):
(

Imagen  3.  B arra  de  edición,  para  ingresar  al  sistema

• Modo edición: Activa la vista para agregar, modificar y eliminar

componentes de la vista.
• Admin: Mostrar la vista de administración para el usuario actual.

        3  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

• Salir: Cerrar la sesión y volver al modo normal de la página (Imagen 4).

 
Imagen  4.  Opciones  de  la  barra  de  edición

Nota: En caso de que se haya llegado a la página y no se vea la barra de edición, y

el botón de mostrar esta barra, se agrega “?edit” al final de la dirección y se repite
el proceso de los puntos 1 y 2.

4. Adicionalmente en la parte inferior de la página se mostrará una barra con la lista

de opciones para editar el contenido del sitio (Imagen 5).

 
Imagen  5.  Barra  con  menú  de  edición

Al hacer clic en el botón de Menú Editor, se mostrará la lista de opciones de contenido

que se puede editar.

Nota: Para editar el contenido de un sitio en específico, se debe ingresar a ese sitio y
seguir los pasos de ingreso (1 al 4).

        4  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Sección  Editor  del  Sitio  

1. Ingresar a la dirección del editor http://arquibogota .org.co/editor/ y en
http://elcatolicismo.com.co/editor/ como se indica en la imagen 6. Se ingresa el nombre de
usuario y la contraseña del usuario, y se hace clic en el botón de Iniciar Sesión.

 
Imagen  6.  Página  de  ingreso  al  editor  

2. Después de Iniciar Sesión se mostrará el formulario de perfil del usuario (imagen 7):

 
Imagen  7.  Perfil  del  usuario  editor

        5  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

3. En la parte superior están los elementos que se pueden editar por parte del usuario (
Categorías, Publicaciones, Servicios RSS, Eventos y Archivos Multimedia).

 
Imagen  8.  Navegación  entre  los  editores  de  los  sitios

        6  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Categorías
La estructura de información dentro del sitio está constituido por categorías y publicaciones. Las
categorías son el elemento principal de estructura del sistema y provee una organización
jerárquica. Cada categoría puede tener un conjunto de sub-categorías que contienen
publicaciones (Imagen 9).

 
Imagen  9.  Organización  de  las  categorías,  y  el  conjunto  de  publicaciones  que  pertenece  a  cada  una  de  ellas.    

Las categorías definen el sistema de navegación secundario del sitio. Cada una de las categorías
corresponde a un ítem del menú.

        7  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Editor  del  Sitio  

1. En el menú superior se hace clic en la sección de Categorías (imagen 10), y se selecciona
el sitio del cuál se quiere editar la categoría.

 
Imagen  10.  Navegación  entre  los  editores  de  los  sitios

2. En caso de no encontrar el sitio a primera vista, en el campo de buscar sitio (En la parte
superior izquierda) se agrega parte del nombre para filtrar los sitios que se muestran en la
vista del menú, en este caso, por ejemplo, se busca sitios que tengan en el nombre el
fragmento “san” (imagen 11):

 
Imagen  11.  Búsqueda  de  sitios

3. Se hace clic en el sitio donde se agregará o modificará una categoría, el resultado, es una
lista con todas las categorías que hacen parte del sitio (imagen 12)

        8  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

 
Imagen  12.  Lista  de  categorías  de  un  sitio

4. Existen tres opciones para trabajar con las categorías de un sitio, editar, crear y eliminar.
Para crear no es necesario seleccionar un elemento de la lista, en cambio, para editar y
eliminar se debe seleccionar el elemento al que se le quiere aplicar la acción (imagen 13).

 
Imagen  13.  Selección  de  una  categoria  para  aplicar  una  tarea

Nota: Seleccionar un elemento es hacer clic a la casilla que aparece a la izquierda de la

fila del elemento. Además en cada una de las listas se pueden ordenar los elementos por
el criterio de la columna, (Título, Alias, Orden, Nivel y Publicado) puede ser ascendente o
descendente. Y en la parte inferior, si hay muchos elementos (más de 10), se separa el
contenido en varias páginas para poder navegar todos los que hay con esos criterios de
búsqueda, filtro y ordenamiento. Por ejemplo, si hay 15 elementos, van a existir dos
páginas, la primera con los primeros 10 elementos de la lista, y la segunda con los 5
restantes.

5. Al crear o editar una categoría aparecerá un formulario donde se llena la información que
corresponde al elemento. Al crear un nuevo elemento, todos estos campos aparecerán
vacíos (imagen 14).

• Título: El nombre de la categoría, es recomendable que sean de 1 a 3 palabras.

• Alias: Es el identificador interno de la categoría, se generará automáticamente
mientras se ingresa el título de la categoría.
• Categoría Padre: Es la categoría a la que pertenece la categoría que se está
modificando, por ejemplo, al crear una categoría llamada Catequesis esta

        9  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

depende de la categoría Sacramentos, por lo tanto la categoría padre de

Catequesis tiene de categoría padre a Sacramentos.
• Descripción: Es un texto sin límite para que se escriba el contenido de la
página que se genera y esté relacionado con el contexto de la categoría.
• Vista Principal: Se define la configuración de la visualización de publicaciones
en la vista de la categoría. Se tienen dos opciones numéricas, la cantidad de
publicaciones que se visualizan por fila y en su totalidad.
• Icono: La imagen que acompaña la categoría en el menú lateral.
• Color: En el caso de El Catolicismo, se puede seleccionar un color que se usa
para identificar la categoría en el menú.
• Publicaciones Compartidas: Muestra las publicaciones de otros sitios que
han compartido con este sitio. Por ejemplo, las publicaciones de las parroquias
que se ven en las vicarías.

 
Imagen  14.  Campos  de  edición  de  una  categoría

6. Al guardar la categoría se crea en la lista como corresponde, y se crea un ítem del menú
de navegación automáticamente en el sitio.

        10  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

7. Al ingresar al sitio, y hacer clic en la categoría correspondiente se encontrará una página

donde aparece el título de la categoría y el contenido. Además en la parte inferior de esa
sección se puede agregar componentes de contenidos complementarios a la información
de la categoría (Imagen 15).

 
Imagen  15.  Vista  de  una  categoría  dentro  de  un  sitio  de  la  Arquidiócesis  

        11  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Vista  de  Edición  

1. En la vista de edición el proceso varía un poco. Para acceder a la lista de categorías del
sitio, se hace clic en la opción de Categorías en el menú del Editor. Aparecerá una
ventana con la lista de las categorías. Donde se tienen las mismas opciones de la vista que
aparece en el editor (Imagen 16).

 
Imagen  16.  Lista  Categorías  del  editor  contextual

2. Al crear o editar una categoría, los campos se dividen en secciones para su mejor
entendimiento: Información General e Información de Visualización.

 
Imagen  17.  Información  General  de  una  Categoría

Información General: aparece la información básica de la categoría (Imagen 17).

        12  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

 
Imagen  18.  Información  de  Visualización  de  una  Categoría

Información de Visualización: son las opciones avanzadas para la visualización de la

categoría en el sitio (Imagen 18).

3. Al guardar, el navegador se dirigirá a la categoría que se editó y se mostraran los

respectivos cambios (Imagen 19). Además en la parte inferior de la categoría aparecerá
un botón con la opción de editar, que automáticamente mostrará el formulario descrito
en el punto anterior.

 
Imagen  19.  Vista  de  una  Categoría  por  parte  del  editor

        13  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Publicaciones
Cada publicación es un elemento que contiene la información de contenido que hace
parte de la página, son estructura de datos que deben ser utilizadas para noticias, o
entradas de un blog.

Editor  de  Contenidos  

1. De igual manera que las categorías, las publicaciones se administran en el editor
de contenidos. Para ello se selecciona el sitio a editar las publicaciones, del ítem
del menú Publicaciones (Imagen 20).

 
Imagen  20.  Lista  de  publicaciones  de  un  sitio

Nota: En la barra de herramientas (inferior al título de la sección, y encima de la

lista de publicaciones) aparecen, además de las opciones de edición básicos,
aparece un campo adicional para filtrar las publicaciones que hacen parte de una
categoría. Al seleccionar la categoría, deben aparecer en la lista, las publicaciones
que solo hacen parte de esa categoría.

2. Al editar una publicación, existen campos específicos para una publicación que lo
diferencia de una categoría. La información que se debe tener en cuenta para
crear una publicación es:

        14  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

 
Imagen  21.  Información  del  artículo  e  información  para  la  organización  interna

Información del artículo:

Antetítulo, Título, Subtítulo, Resumen y Contenido.

Información para la organización:

Alias: Nombre interno del artículo
Categoría: Pertenencia de la publicación

 
Imagen  22.  Información  de  Visibilidad

        15  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Información de Visibilidad:
Selección de Imagen: Opción de seleccionar una imagen para que se vea en
el banner y en la lista de noticias (Ver apéndice B).
Mostrar en Portada: Activar la imagen para que se muestre en el Banner
Mostrar resumen en Portada: Activar o desactivar el resumen en la imagen
del banner
Mostrar en el Inicio: Permite a la publicación que se vea en la página principal
del sitio.
Mostrar Portada en la vista de publicación: Indica si se muestra la portada
en la vista completa del artículo.
Mostrar información de publicación: Indica si se muestra la información del
autor y la fecha de publicación de la publicación.

 
Imagen  23.  Información  complementaria  y  de  publicación  

Información Complementaria:
Fuente: De dónde se tomó la información.
Prioridad: Clasificación desde 1, donde se organizaran las publicaciones con la
misma fecha, pero que se organizaran dada la prioridad.
Autor: El nombre del autor de la publicación.
Mostrar información del autor: Si se desea mostrar en la página de la
publicación, la información del autor.

        16  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

 
Información de Publicación:
Fecha de publicación: La fecha desde la cual se hará visible la publicación.
Fin de publicación: Activa o desactiva la fecha del final de la publicación.
Fecha de fin de publicación: Indica cuál es la fecha del final de la publicación.
Publicado: Indica si la publicación debe ser visible a los usuarios.
Sitios de publicación: Permite seleccionar los sitios dónde se muestra la
publicación.

        17  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Vista  de  Edición  

1. En la vista de edición la estructura es similar. Para acceder a la lista de publicaciones del
sitio, se hace clic en la opción de Publicaciones en el menú del Editor. Aparecerá una
ventana con la lista de las publicaciones. Donde se tienen las mismas opciones de la vista
que aparece en el editor (Imagen 24).

 
Imagen  24.  Vista  de  edición  para  la  lista  de  publicaciones

2. Al crear o editar una publicación, de forma similar que en la vista de edición de una
categoría, el formulario se divide en:

        18  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Información General (Imagen 25): La información básica de una publicación,

para su publicación. Si se guardara la con esta información, la publicación ya sería
visible del sitio.

Imagen  25.  Información  general  de  una  publicación

Información de Soporte (Imagen 26): Es la información que utiliza la

publicación para reforzar el contenido principal. Entre los elementos importantes
está el Antetítulo, y el Subtítulo que son los textos que aparecen arriba y abajo
del título respectivamente.

Imagen  26.  Información  de  Soporte  de  una  publicación

        19  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Información de Visualización (Imagen 27): Es el panel donde se hace la

edición de las imágenes de portada y de miniatura (Para editar ver Apéndice B).

 
Imagen  27.  Información  de  visualización  de  una  publicación

Opciones de Publicación: Es el panel con las opciones de configuración más

avanzadas. Está a su vez dividida en varias subsecciones, con parámetros de
configuración.
• Visualización de Portada: están las opciones de visualización de la
publicación en la portada y de la imagen miniatura en la lista de
publicaciones.
• Visualización de Página Principal: está la opción de visualización en
la página de portada del sitio, en caso de desactivar esta opción, la
publicación no aparecerá en la portada, pero aparecerá en la lista de
publicaciones.
• Opciones de Visualización: En esta sección está la Relevancia de la
publicación. Que es el valor que corresponde al nivel de importancia de la
publicación respecto a otras publicaciones hechas el mismo día. Entre más
pequeño sea el número, la publicación aparecerá antes que las noticias
que tengan un valor de relevancia mayor.
• Sitios de Publicación: En esta sección aparecerán los sitios
administrados por el editor, donde puede aparecer la actual publicación.
En caso de activar en un sitio adicional, diferente al sitio en el que se está
editando, la publicación aparecerá en la categoría que se haya activado la
opción de “Cargar publicaciones compartidas” (Ver punto 2, en la sección
de Vista de Edición en Categoría, pág. 13).

        20  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

 
Imagen  28.  Opciones  de  Publicación  de  una  Publicación

3. Al guardar la publicación, el explorador se redirige a la página con la publicación.

 
Imagen  29.  Vista  de  la  publicación  en  un  sitio  de  la  Arquidiócesis

        21  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

4. De igual manera que una categoría, en la parte inferior de la publicación,

aparecerá el botón de Editar, que al hacer clic aparecerá la ventana de edición de
la publicación.

 
Imagen  30.  Botón  de  Editar  al  final  de  una  publicación

        22  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Editores adicionales: RSS y Calendario

En el editor de contenidos, existen dos secciones que generan contenido simple y que se
muestra en componentes específicos para la información que se muestra. Se puede
acceder por medio del menú superior en el Editor de Contenidos, o en la lista de
editores en el Menú Editor de la Vista de Edición.

RSS
1. El primero es el lector RSS. Cada uno de los elementos que se muestran en la
lista, son las agencias de noticias que publican su información y permite el acceso
de la información con una dirección web.

 
Imagen  31.  Lista  de  servicios  RSS

2. En el formulario de este elemento (Imagen 32), se agrega una nueva agencia

teniendo en cuenta la información disponible: Nombre agencia, dirección de la
lista de noticias (URL RSS), y dirección web del sitio de las noticias (URL Página
Web) y si los resultados se mostrarán en la página del sitio (Activado).

 
Imagen  32.  Información  de  un  servicio  RSS

        23  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Calendarios
Se pueden generar Calendarios personalizados para mostrar en cada uno de los sitios. La
interfaz y el funcionamiento es muy similar en el Editor de Contenidos y en la Vista de
Edición.

Editor  de  Contenidos  

1. El editor de calendarios, permite hacer registro de eventos en un calendario, para
informar las fechas y horas a los usuarios interesados. Este se accede por medio
del menú Eventos en el editor de contenidos (Imagen 33).

 
Imagen  33.  Barra  de  navegación  en  el  editor,  con  el  menú  de  eventos  seleccionado  

2. Al crear un calendario, inicialmente solo aparecerá la opción del título, el alias y si

el calendario está publicado (Imagen 34).

 
Imagen  34.  Vista  de  creación  de  un  Calendario

3. Después, para modificar o agregar un evento, al ingresar a la edición del

calendario, en la parte inferior de la pantalla aparece un calendario (Imagen 35).

 
Imagen  35.  Vista  de  Modificación  de  un  calendario,  y  la  vista  para  modificar  y  agregar  eventos

        24  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

4. Al agregar o editar un evento, aparecerá un formulario en el panel derecho, que

se separa en secciones de información:

Información Principal (Imagen 36):

Título del evento
Descripción del Evento
La imagen relacionada con el evento, donde se puede seleccionar la región visible
de la imagen. Esta imagen aparece en la parte izquierda de la información del
evento en la vista de calendario.
El color de evento, que se muestra en la vista del calendario
La fecha y hora inicial, y la hora de terminación

 
Imagen  36.  Información  Básica  de  un  Evento

        25  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Información de las repeticiones:

Dependiendo el tipo de repeticiones, sea por cantidad o por una fecha límite, se
activaran las correspondientes opciones (Imagen 37).

Imagen  37.  Formulario  de  repeticiones  por  fecha  cantidad  

Intervalo de Semanas: La cantidad de semanas que separan la ocurrencia de

dos eventos. Ejemplo, una carrera de fórmula 1 tiene 2 semanas de separación,
por lo tanto el intervalo de semanas es de dos.
Opción Semanal: Los días de la semana que se repite el evento.

Vista  de  Edición  

1. En la vista de edición la estructura es similar al de publicaciones y categorías. Para acceder
a la lista de calendario del sitio, se hace clic en la opción de Calendarios en el menú del
Editor. Aparecerá una ventana con la lista de calendarios. Donde se tienen las mismas
opciones de la vista que aparece en el editor (Imagen 38).

 
Imagen  38.  Llsta  de  Calendarios

        26  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

2. Al editar o crear un Calendario, de manera similar a los editores anteriores, está dividido
en dos pestañas. Información General, que tiene los campos de la información básica de
un calendario y Eventos que muestra los eventos que están registrados para cada
calendario (Imagen 39).

 
Imagen  39.  Información  General  del  Calendario

Nota: Cuando se está creando un calendario, la pestaña de Eventos está desactivada.

Para activarla, se debe guardar primero el Calendario.

3. Al acceder a la sección de eventos aparecerá en la izquierda un calendario, y en la parte

inferior la lista de eventos de la fecha seleccionada y un link para Agregar eventos (Imagen
40).

 
Imagen  40.  Eventos  de  un  Calendario

4. Al editar o crear un evento, en el panel derecho Aparecerá un formulario con la

información del evento.

        27  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

 
Imagen  41.  Información  Básica  de  un  Evento

Información Básica (Imagen 41):

Título del evento
La descripción del evento
El color de evento, que se muestra en la vista del calendario, y un color
acompañante para elementos más oscuros en la apariencia del evento.
La fecha y hora inicial, y la hora de terminación.

 
Imagen  42.  Formato  repeticiones  del  Evento  (Por  Cantidad)  

 
Imagen  43.  Formato  repeticiones  del  Evento  (Por  Fecha  Limite)

        28  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Repeticiones:
El formulario de las repeticiones tienen dos tipos de limites, el primero por
cantidad de repeticiones del evento (Imagen 42) y la segunda es una fecha límite
(Imagen 43). En el primer caso, se tiene un campo numérico con el conteo de la
cantidad de repeticiones, y en el segundo caso, aparece un campo con la selección
de la fecha hasta el cuál se repetirá el evento.
Los campos siguientes son los mismos para los dos casos, el intervalo de semanas
(que se explicó anteriormente) y los días de la semana en los que el evento se
repite.

5. Al terminar de guardar el evento, el formulario se oculta y el evento aparecerá en la lista

de eventos del panel izquierdo, como se describe en el punto 3 (pág. 26).

        29  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Multimedia
El editor también permite la edición de la estructura multimedia que se puede tener para
cada uno de los sitios.

 
Imagen  44.  Editor  Multimedia

En la parte izquierda están las carpetas y las opciones correspondientes: Editar y

Eliminar , junto a cada carpeta, y en la parte derecha del título del panel aparece la
opción de crear Carpeta (Imagen 44).

Al crear o editar una carpeta aparecerá un formulario donde se debe especificar la

información básica de la carpeta y adicionalmente definir en qué otra carpeta se
encuentra (Imagen 45).

 
Imagen  45.  Formulario  de  Edición  de  una  Carpeta

Al lado derecho están los paneles de los tipos de datos que se manejan: imágenes y
archivos. Para navegar entre cada uno de ellos, en la extrema derecha de la ventana está
la opción de imágenes y de archivos (Imagen 44), y en la parte inferior aparece el
botón Subir que se encarga de mostrar el panel de Carga de Archivos.
1. Para cargar una imagen o un archivo, inicialmente se debe seleccionar la carpeta a
dónde se va a agregar el contenido.

        30  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

2. Al hacer clic en el botón Subir aparecerá el siguiente panel (Imagen 46):

 
Imagen  46.  Ventana  para  cargar  una  nueva  imagen

3. Donde hay un espacio, que al arrastrar los archivos desde el explorador de

archivos del sistema operativo, se va a cargar un formulario con la información de
la imagen o el archivo (Imagen 47).

 
Imagen  47.  Formulario  generado  tras  agregar  un  archivo  al  proceso  de  carga

4. Se carga el archivo haciendo clic en el botón Subir. Al terminar de cargar el

archivo, se cerrará el formulario y volverá a la vista de navegación.
Nota 1: Se pueden cargar varios documentos simultáneamente, Se van
agregando, y por cada uno de los archivos aparecerá un nuevo formulario. Al
hacer clic en el botón Subir, todos los archivos se cargaran a la plataforma.
Nota 2: El sistema identifica de qué tipo es el archivo, si es una imagen hará el
procesamiento correspondiente, y si es un documento lo subirá y lo agregará a la
sección de Archivos.
5. Para eliminar un archivo, solo es necesario seleccionar los que se van a eliminar, y
hacer clic en el botón de Eliminar Imagen que aparece en el panel inferior con la
información del archivo (Imagen 44). Al activar la opción, aparecerá un diálogo
confirmando la acción (Imagen 48).

        31  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Imagen  48.  V entana  de  confirmación  para  eliminar  un  archivo  

        32  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Funciones especiales del editor de texto

 

 
Imagen  49.  Barra  de  herramientas  de  un  editor  de  texto  

Pegar desde Word: Muestra una ventana donde se pega el texto copiado
desde un editor de texto enriquecido como Microsoft Word, WordPad, Apple iWorks y
el explorador, y elimina el formato asociado para que se adapte a los estilos que se
definieron para la plataforma.

Insertar Imagen: Permite insertar una imagen en el contenido de forma sencilla.

Muestra una ventana donde se selecciona la imagen y se agrega contenido de soporte
para personas con limitaciones (accesibilidad), como un título o una descripción (Imagen
50).

 
Imagen  50.  Panel  para  insertar/editar  una  imagen

Para insertar una imagen, en la ventana se debe hacer clic en el botón derecho del

navegador de archivos , donde aparecerá una ventana similar al administrador

multimedia. En esa ventana se selecciona la imagen y el tamaño que se quiere agregar al
contenido (Imagen 51).

        33  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

 
Imagen  51.  Panel  de  la  administración  de  multimedia  para  seleccionar  una  imagen/archivo

Posteriormente se pueden modificar los otros elementos que ofrece la ventana de

inserción de imágenes.

 
Imagen  52.  Panel  de  configuración  avanzada  de  la  imagen

Para un mejor comportamiento de las imágenes dentro del contenido de la página, en la

configuración de la imagen, dentro de la pestaña de Apariencia se debe verificar que toda
la información, en especial las dimensiones estén vacías (Imagen 52).

        34  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Insertar Multimedia: Permite insertar un audio o un video localizado en el

servidor (No Recomendado).

 
Imagen  53.  Panel  de  inserción  de  elementos  multimedia

Para hacer la inserción de un archivo de audio, en la pestaña General, se debe seleccionar

en Tipo la opción de Audio, y en el botón de la derecha , donde aparecerá una

ventana similar al administrador multimedia. Y se selecciona el archivo de audio
correspondiente. Tener en cuenta que el reproductor de audio solo soporta los
siguientes formatos: mp3 y ogg. En caso de seleccionar un archivo de otro formato, el
reproductor no funcionará.

        35  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

 
Imagen  54.  Configuración  avanzada  de  un  elemento  multimedia

En la pestaña de Avanzados se debe activar la opción de Controles para que el audio sea
visible dentro del contenido (Imagen 54).

Insertar Archivo: Permite insertar un archivo con su respectivo link de descarga

dentro del contenido de la publicación. Tiene la posibilidad de seleccionar si se quiere
visualizar el ícono o el título asignado en el formulario para el archivo (Imagen 55).

 
Imagen  55.  Configuración  de  la  carga  de  un  archivo

De manera similar que en las anteriores tareas, para agregar el archivo, se hace clic en el

botón , para que muestre el administrador multimedia y de ahí seleccionar el archivo

correspondiente.

        36  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Componentes de Contenido
Existen componentes complementarios que colaboran en la visualización de la
información generada por las categorías y las publicaciones. En cada categoría se agrega
un campo donde se pueden agregar componentes con información especial, como
galerías, organización de archivos, y las últimas noticias que hacen parte del sitio.
Para agregar un componente, se debe ir a la categoría correspondiente, y activar la vista
de edición, y se tendrán las opciones correspondientes (Remitirse a la primera sección,
pág. 2).

1. Para agregar contenido, se activa el modo de edición en el indicador

de la parte superior izquierda, donde se mostrarán las zonas de
manejo de contenidos, que son regiones de las páginas que están enmarcadas en
la parte superior con una barra gris, y un botón con el texto de agregar (Imagen
56).

 
Imagen  56.  Activado  el  modo  edición  desde  la  barra  de  edición

2. Al hacer clic en Añadir, aparece una lista de componentes, que pueden ayudar en
complementar el contenido del texto (Imagen 57), para ver la función de cada uno
ver el apéndice A (pág. 39).

 
Imagen  57.  Selección  de  un  componente  (plugins)  para  una  zona  de  edición  de  la  plantilla

        37  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

3. Al terminar la edición del espacio, se desactiva el modo de edición, haciendo clic

en el indicador de modo de edición en la barra de edición, y se

hará la visualización de los cambios como los vería un usuario normal.

        38  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Apéndice  A  
Restricciones  en  las  categorías  y  las  publicaciones  

Recomendaciones:

Tamaño portadas:
Recomendada: 1920 x 1060 (Zona visible: 1920 x 820)
Mínimo: 1280 x 660 (Zona visible: 1280 x 500)

Título:
No usar negrilla
No sobrepasar las 15 palabras (120 caracteres)

Resumen:
Un solo párrafo
De 20 a 30 palabras (250 caracteres)

Lista  de  componentes  de  contenido  adicionales  

Arquidiócesis – Arzobispo
Muestra la información del arzobispo del sitio actual. En caso de que el sitio no tenga un
Arzobispo encargado, no muestra nada. Solo sirve para la página de la arquidiócesis.

Arquidiócesis – Vicario
Muestra la información del vicario del sitio actual. En caso de que el sitio no tenga un
Vicario encargado, no muestra nada. Solo sirve para las vicarías.

Arquidiócesis – Sacerdote
Muestra la información de cualquier sacerdote seleccionado en cualquier sitio.

Arquidiócesis – Formulario de Contacto

Muestra un formulario de contacto personalizado para la información propia de la
arquidiócesis. Al momento de editar, aparece un formulario con esta información:
Receptor del email: El correo electrónico que recibirá la información registrada por el
usuario.

        39  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Título: El título que muestra el formulario.

Mostrar título: Indica si se muestra el título del formulario en la página.+
Descripción: La descripción del formulario de contacto.
Etiquetas: Los títulos de las etiquetas para cada uno de los campos que se van a
mostrar, como es Nombre, Correo electrónico, Asunto y Mensaje.
Mensaje de Agradecimiento: El mensaje que se muestra después de que el usuario
haya enviado el mensaje.

Arquidiócesis – Parroquias por Arquidiócesis

Muestra la lista de las parroquias de la arquidiócesis en orden alfabético.

Arquidiócesis – Parroquias por Vicaría

Muestra la lista de las parroquias de una vicaría en orden alfabético.

Feed Reader
Muestra la lista de noticias en orden cronológico (del más nuevo al más antiguo). La
cantidad de noticias se establece en la vista de configuración.

Caja de Auxilio – Sistema

Agrega el componente de la Caja de Auxilio: El login, y el despliegue de la información de
cada usuario.

Calendario
Muestra el calendario con los eventos creados en el editor de eventos. Se tiene la opción
de mostrar una vista específica: Mes, semana y día.

Categoría de sitios – Información básica de sitios

Muestra un panel con pestañas para cada uno de los sitios que hacen parte de una
categoría de sitios. Ejemplo, el panel de las vicarías en el home de la Arquidiócesis.

Sitios – Carrusel de Últimas Publicaciones

Muestra un panel con las imágenes, de la información del sitio o una cantidad
determinada de publicaciones que tienen una imagen de portada. Se puede activar y
desactivar la información del sitio, en el panel de configuración del componente.

        40  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Sitios – Lista de Últimas Publicaciones

Muestra las últimas publicaciones del sitio seleccionado. Tiene dos campos especiales, en
las principales publicaciones (number main publications), que muestra cada publicación en
una columna (de derecha a izquierda) y el número de publicaciones (number
publications) que muestra las publicaciones en una columna de la izquierda.

Sitios – Descripción del sitio

Muestra la información completa del sitio actual.

Sitios – Información Básica

Muestra la información básica del sitio (Información de contacto) más la última noticia.

Categorías de Publicaciones – Vista en Página

Muestra las publicaciones de una categoría para una página de contenido.

Categorías de Publicaciones – Vista en Home

Muestra las publicaciones de una categoría para el home. Este tiene la particularidad de
que agrega las publicaciones de todas las subcategorías.

Publicaciones – Vista Simple

Muestra una publicación, de la misma manera que el componente de las últimas noticias.

Galería – Archivos
Muestra un panel con pestañas para una carpeta con archivos. Cada pestaña es una
subcarpeta de la carpeta seleccionada.

Galería – Imágenes
Muestra un panel con todas las imágenes de una carpeta. Permite visualizar la imagen en
pantalla completa.

Twitter – Buscar en Twitter

Muestra un panel con los últimos tweets con un criterio específico.

        41  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Twitter Básico
Muestra un panel con los últimos tweets de un usuario de twitter.

Google Maps – Mapa de Google

Muestra un mapa de google, con una dirección específica.

Enlace
Muestra un enlace simple.

Flash
Muestra un componente de flash (un archivo .swf).
Se debe tener en cuenta que el contenido Flash no se puede visualizar en los dispositivos
móviles.

Texto
Muestra un contenido básico similar al contenido de un artículo.

        42  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Apéndice  B  
Seleccionar  imagen  de  portada  y  de  miniatura  

Portada
1. En el panel de selección de imagen, hay dos opciones, si se quiere tener Imagen
de Portada o Imagen Miniatura, o ambas.

2. Al activar “Usar Imagen de Portada” aparecerá un nuevo panel con un botón que
dice “Seleccionar Imagen”.

        43  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

3. Al hacer clic en ese botón, aparecerá el editor multimedia permitiendo elegir

imágenes:

4. Al seleccionar la imagen, automáticamente en la sección de edición aparecerá la

imagen seleccionada. Por defecto se tiene una región de la imagen seleccionada.
Al hacer clic en la imagen, y sin soltar el mouse se arrastra y se selecciona la
fragmento de la imagen que se desea visualizar para la portada. Para esta imagen,
siempre se tiene una selección con proporciones fijas para que se adapte a la
sección del banner en la página principal del sitio.

        44  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

5. Al hacer cambios, el botón “Actualizar Información Visual” que aparece en la parte

inferior del editor, sea activará para guardar la información. Al hacer clic en este
botón, se bloqueará el editor hasta que los cambios se hayan reflejado.

        45  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

Miniatura
1. Al activar “Usar imagen miniatura”, aparecerá un panel con selección de tres
opciones para la imagen de miniatura.

Nota: Si solo se selecciona la imagen en miniatura las dos primeras opciones se

bloquearán, dado que dependen de la imagen de portada seleccionada. Al tener
una imagen de portada seleccionada, estas dos primeras opciones se activan.

2. La primera opción es “Usar misma imagen de portada”, la cual hace que la imagen
seleccionada en la portada sea la misma que se mostrará en la imagen de
miniatura.

3. La segunda opción, “Trabajar con la imagen de Portada”, selecciona la misma

imagen base de la portada, pero permite seleccionar un espacio personalizado
para la imagen de miniatura.

        46  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

4. Y la última opción permite seleccionar una nueva imagen para la miniatura. Su

proceso de selección es la misma que para la imagen de la portada.

5. Al editar las imágenes se activa el botón que aparece en la parte inferior del panel
“Actualizar Información Visual”.

6. Y al hacer clic en el botón de “Actualizar Información Visual” se bloqueará el panel

hasta que los cambios se hayan realizado.

        47  
   
Arquidiócesis de Bogotá: Edición y Montaje de Contenido

        48