Documentación en Plantilla ACADEMICS

 Los elementos de contenido pueden ser:

  Haciendo uso del item "Página Publicable" se pueden añadir páginas a nuestra web. Como ahora las páginas publicables no pasan a formar parte de manera automática del menú de la izquierda, para poder acceder a ellas hace falta enlazarlas o bien desde  una opción de un menú o bien desde otro elemento como puede ser el caso de un elemento visual como el siguiente:

Este bloque de contenido se corresponde con un bloque de texto a una columna dentro de la página publicable de la que dependa. El atributo Título aparece como encabezado del bloque de contenido seguido del Contenido principal.

Existe una versión adicional del componente en el que la imagen se muestra detrás del texto. Como vemos en el ejemplo que hay a continuación. Para ello se debe marcar la casilla de verificación (checkbox) al afecto. La casilla se llama "Imagenalfondo".

Cuando la imagen se muestra detrás del texto se oscurece haciendo que haya más contraste con el texto. El texto se muestra con un tamaño de letra superior al estándar.

Como un subtipo del componente de bloque de texto con imagen de fondo, hemos preparado varios diseños adicionales para incluir distintos diseños de contenidos que pueden resultar útiles.

En este ejemplo, se muestran unos contadores que se pueden utilizar para expresar de forma gráfica y atractiva unos números animados para atraer más la atención del lector.

El código HTML de ejemplo que puedes copiar para reproducir el contenido es éste. Modifica los valores en negrita para adaptar el contenido y los datos que quieres mostrar. También puedes añadir o eliminar bloques como los 4 del ejemplo:

<div class="counter-area bg-primary-deep">
    <div class="container-fluid">
        <div class="row">
            <div class="col counter1-box wow fadeInUp" data-wow-duration="1s" data-wow-delay=".20s" 
                         style="visibility: visible; animation-duration: 0.5s; animation-delay: 0.2s; animation-name: fadeInUp;">
                <h2 class="about-counter title-bar-counter" data-num="51">51</h2>
                <p>EXTRA CURRICULARES</p>
            </div>
            <div class="col counter1-box wow fadeInUp" data-wow-duration="1s" data-wow-delay=".40s" 
                         style="visibility: visible; animation-duration: 0.5s; animation-delay: 0.4s; animation-name: fadeInUp;">
                <h2 class="about-counter title-bar-counter" data-num="54">54</h2>
                <p>OBLIGATORIAS</p>
            <div class="col counter1-box wow fadeInUp" data-wow-duration="1s" data-wow-delay=".60s" 
                         style="visibility: visible; animation-duration: 0.5s; animation-delay: 0.6s; animation-name: fadeInUp;">
                <h2 class="about-counter title-bar-counter" data-num="12">12</h2>
                <p>OPTATIVAS</p>
            </div>
            <div class="col counter1-box wow fadeInUp" data-wow-duration="1s" data-wow-delay=".80s" 
                         style="visibility: visible; animation-duration: 0.5s; animation-delay: 0.8s; animation-name: fadeInUp;">
                <h2 class="about-counter title-bar-counter" data-num="24">24</h2>
                <p>ECO</p>
            </div>
        </div>
    </div>
</div>

Como un subtipo del componente de bloque de texto con imagen de fondo, hemos preparado varios diseños adicionales para incluir distintos diseños de contenidos que pueden resultar útiles.

En este ejemplo, se muestran un listado de elementos que se puede utilizar para expresar de forma gráfica y atractiva, por ejemplo, enlaces a estudios, cursos, actividades o cualquier conjunto de elementos resaltables para atraer más la atención del lector.

Un ejemplo de este tipo de elemento:

 Con estos bloques de contenidos podemos incorporar código HTML (a una columna o dos) de manera libre por si los complementos de contenido no nos dan la suficiente flexibilidad para visualizar el contenido que queremos incorporar.

 No obstante, una virtud de este gestor de contenidos es el poder prescindir de conocimientos HTML. En base a ello y debido al hecho que el uso de código HTML podría desembocar en una falta de heterogeneidad del sitio web se desaconseja el uso de estos dos complementos.

 Únicamente se recomienda su uso en el caso de que se quieran tener 2 columnas de distinta longitud para que un encabezado no quede al final de una columna.

 Cuando se necesite insertar un complemento HTML, como son los widget, no es necesario utilizar este elemento, basta con insertar un bloque de texto normal, editarlo con el botón "Show Editor" y seleccionando la pestaña HTML (situada en la esquina inferior izquierda) insertar el código HTML necesario.

 Un ejemplo de Widget muy útil que se puede añadir es el de la web de Eventos de la uclm, como por ejemplo uno personalizado para la Facultad de Letras de Ciudad Real.

En realidad, se trata de tres componentes distintos: 

• Grupo de enlaces: Es el componente más simple de los tres y se va a comportar como la cabecera de los enlaces individuales o múltiples que creemos dentro
• Enlace individual: Consta de una descripción y una URL destino.
• Enlace múltiple: Consta de una descripción y hasta cuatro URL destino que, en caso de que se indique, en el campo "Identificador", una extensión de fichero conocida esta se sustituye por el icono correspondiente.

Es muy importante fijarse en que hay distintos comandos en rojo para incorporar los distintos tipos de destino. Los más habituales serán:

• Insert link: Para ir a otro punto de la estructura de www.uclm.es
• Insert media link: Para enlazar con un elemento de la mediateca
• Insert external link: Para enlazar con una página externa

En este complemento configuramos distintos apartados de texto en pestañas. De la misma manera que en el grupo de enlaces, en este caso también tenemos básicamente Nombre y Título en el grupo de pestañas y el detalle de contenido de cada pestaña en “Pestaña contenido”.

Con este componente tenemos la opción de analizarlo en la web como si fuera un componente tipo acordeón. En este sentido simplemente hay que marcar la casilla “comportamiento acordeón”.

Con este control activado provocamos que las pestañas de contenido se conviertan en bloques de texto con posibilidad de expandir o contraer clicando en las flechas de la parte derecha. Cada vez que pulsamos en un bloque de contenido distinto se colapsa el bloque estuviera desplegado y se despliega el bloque pulsado.

Para hacer referencia a otra pestaña desde el contenido de una de ellas tendremos que incorporar el siguiente texto en html en el editor correspondiente:

 <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion-itemgrupopestañas" href="#itempestaña" aria-expanded="false">texto-enlace</a>

Donde

• -nombre-item es el nombre del ítem en el árbol de contenidos de sitecore correspondiente al destino del enlace.
• Texto-enlace es el texto que en la pestaña de origen va a referenciar al ítem destino correspondiente.

Con este complemento podremos incorporar una serie de hasta 9 enlaces con formato imagen que se comportan de manera responsiva. El atributo del título es el que se incorpora en la parte superior en la banda roja, si no hubiera título, la banda roja tampoco aparece.

La información necesaria para configurar cada uno de los enlaces sería:

• Imagen de referencia.
• Texto que aparece en la parte inferior de la imagen.
• URL de destino de la imagen.

La última versión de este componente también incorpora la posibilidad de incluir un icono del tipo de letra “Awesome”. Es una fuente estándar que mantiene actualizados iconos de referencia a nivel mundial. Utilizar estas referencias gráficas nos asegura que si cambia, por ejemplo, el icono de Facebook, cualquier componente en el que hayamos incorporado la letra en lugar de la imagen se mantendrá actualizado de forma automática.

En el campo FAIcono se debe escribir   "fa-" seguido del icono que queramos de los vistos en la web citada, por ejemplo:  fa-home si se quiere poner el icono de una casa.

Si incorporamos iconos, la estética cambia; el icono aparece en el centro, la banda gris desaparece y el texto cambia de posición y de fuente.

 En este complemento con solo insertar el código de un plan de estudios y el curso académico que se requiera, se visualizan todas las asignaturas de ese plan de estudios de ese curso académico.

  En este complemento se debe seleccionar un plan de estudios de un determinado centro.

  Se mostrará en una página independiente el plan de estudios especificado con toda la información del mismo.

  En dicha página, se pueden mostrar unos botones para acceder de forma directa a: Horarios, Exámenes, Plan de Recepción, Reconocimientos, Plan de Estudios, Movilidad, Prácticas Externas, con solo hacer clic en la casilla de verificación correspondiente.

  Luego, a esa página creada habrá que referenciarla desde algún sitio, ya que en Academics se prescinde del menú lateral. Se puede referenciar desde un menú superior o, o desde un componente de Enlaces Visuales, o con un hipervínculo de la siguiente forma: Plan de estudios de Ingeniería Mecánica de Ciudad Real.

 Con este complemento conseguiremos incorporar noticias o elementos destacados dentro de nuestro entorno de gestión de contenidos web.

 Se trata de una aproximación similar a la de Actualidad que gestiona el gabinete del Rector para la página principal.

 Para publicar las novedades se necesitan dos componentes:

• Novedad: Cada novedad se publica en un único punto fuera de la estructura de la web (home), en la rama Promotores (La ruta sería: /Content/Global/Promotores). En cada promotor habrá una carpeta denominada “Novedades” donde se irán incorporando una a una.
  A la hora de crear una novedad en la plantilla academics, en lugar de Insertar una nueva novedad y luego cambiar los layouts a la plantilla academics, es más rápido duplicar una novedad ya creada y luego modificarla.
• Parrilla de destacados: Es un complemento de agrupación que habrá que colocarlo en la estructura de la web (Content/Home) que corresponda con el punto donde se quieran publicar esas novedades. Al insertar la parrilla de destacados habrá que seleccionar la carpeta de novedades, o las novedades específicas del promotor creadas anteriormente.

 De manera similar al resto de la estructura web, cada usuario tendrá permiso de escritura en la carpeta de novedades correspondiente a su promotor. El acceso al resto de novedades será en modo lectura únicamente; por esta razón la configuración de la parrilla de destacados se puede realizar mezclando los conceptos de promotor y novedad individual de otro promotor.

  Los atributos específicos de las Novedades serían:

• En el ítem "Base Detalles" los atributos: Nombre y Título.
• En el ítem "Contenido Detalles" los atributos: Entradilla, Imagen Principal y Contenido Principal.
• En el ítem "Noticia Detalles" los atributos: Fecha y Antetítulo. 

  Actualmente el atributo activo no se está tomando en consideración. Por defecto están todas las novedades activas.

 En la publicación vemos cómo se corresponden los atributos, tanto en modo resumen como en el detalle de cada una de las novedades una vez que pulsamos.

 En modo resumen, aparecen por orden: Título, antetítulo y fecha.

 En modo extenso, aparece por orden: Imagen principal, a la derecha de la imagen el antetítulo, título y fecha. Por debajo de la imagen veremos la entradilla y el contenido principal.

 La parrilla de destacados que se usa para las novedades también se usa para las convocatorias.

 Hay dos diferencias básicas entre las convocatorias y las novedades:

1. Por la naturaleza de ambas, se deben rellenar campos de datos diferentes. Asimismo, las novedades se crean en carpetas de novedades y las convocatorias se crean en carpetas de convocatorias.
2. Toda convocatoria que se publique en el gestor de contenidos automáticamente se podrá ver en la web de las convocatorias. Por ello no es conveniente publicar ninguna convocatoria de prueba, ya que automáticamente se vería en dicha web.

 En la ruta de la web institucional donde se quieran visualizar las convocatorias:

•   Con el botón derecho - Insert - Item ParrillaDeDestacados.
  • Rellenar los campos que sean necesarios:
  • Destacados Seleccionados (Para seleccionar convocatorias específicas)
    1. Carpetas De Destacados (Es la opción más recomendable. Se mostrarán todas las convocatorias que estén en una carpeta determinada).
    2. Promotores (Se mostrarán todas las convocatorias del promotor que se seleccione).

•  Si hay que crear una convocatoria se debe hacer en:
  •  "Global - Promotores".
  •  En el Promotor correspondiente, se ha de crear (con el botón derecho e Insert) de no estarlo, una carpeta de Convocatorias.

     Dentro de la carpeta de Convocatorias - Con el botón derecho - Se pueden ir creando convocatorias (con la opción Insert - Item convocatoria).

• Cuando se inserta una convocatoria:
  1. Se le da un nombre, un título, se le puede poner una entradilla, una imagen, un texto en contenido principal.
  2. No hay que cumplimentar: Items Relacionados, Adjuntos y Formulario relacionados.
     • En "Detalle convocatoria" cumplimentar:
     • Antetítulo 
       1. El o los promotores.
       2. El Tipo de la convocatoria (Becas, Convocatorias y Premios y Concursos)
       3. El o los colectivos a quien va dirigida la convocatoria (Estudiantes, PDI, PAS, Titulados u Otros).
       4. Fechas inicio y fin de solicitudes y fecha resolución.
       5. Seleccionar de la mediateca:

          La carpeta con los archivos Base

          La carpeta con los archivos Anexos

          La carpeta con los archivos resolución

       6. Los tipos de archivos de estas carpetas pueden ser de los tipos: PDF, DOC, DOCX, XLS, XLSX, PPT, PPTX, CSV, ODT, ODS y TXT.

 No hay que olvidarse de tanto en la ruta home, como en media library como en global-promotores de dar al botón "Save" y "Publish Item".

 Como paso previo, se debe crear en la ruta Global-Promotores una “Carpeta de Casos de Éxito”. Dentro de ella se van insertando Items “CasoDeExito”. En cada uno de dichos Items hay que insertar una imagen, una entradilla, y un texto en el campo llamado “Resultado”.

 Hecho eso, en la parte de /home hay que insertar un elemento llamado: "Parrilla de Casos de Éxito", donde hay que seleccionar la carpeta creada y publicada con anterioridad.

 Se muestran, de manera reducida, una colección de elementos (documentos o imágenes) correspondientes a una determinada carpeta de la mediateca. 

 En el campo "Carpeta" se debe seleccionar una carpeta de la media library.

 En "TipoArchivos" se debe elegir el tipo de archivos entre: "documentos" o "imágenes".

 Los formatos soportados para imágenes son: JPG, JPEG, GIF y TIFF y para documentos: PDF, DOC y DOCX.

 Con este elemento se pueden visualizar los datos, que figuran en el directorio de la UCLM, de los usuarios que se especifiquen.

 Los usuarios se deben introducir separados por comas.

 La foto de un usuario solo se muestra si ese usuario dio permiso en la Gestión de Credenciales. Si se modifican esos permisos, esos cambios no tienen efecto hasta el día siguiente.

 Si se marca la casilla "Usuariosenlistado" se mostrarán los datos de todos los usuarios en formato lista sin incluir las fotos.

Los atributos de los ítems en Sitecore pueden ser de muchos tipos. Uno de los atributos más comunes es el de “contenido principal”. Este atributo es el contenedor de la información más descriptiva del ítem. En los ítems de tipo páginas publicables incorporamos en este atributo la información principal del contenido de la propia página.

Si pulsamos sobre el control “Show editor” del contenido principal nos moveremos a un entorno básico de edición de texto en el que podremos realizar algunas operaciones básicas.

Por orden vemos los comandos de negrita, itálica, insertar enlace a un elemento de sitecore, insertar imagen, borrar enlace, gestor de enlace, inserción de símbolo, incluir lista ordenada (con números), incluir lista desordenada (con puntos), inserción de tabla, selección de estilos predefinidos, deshacer acción, rehacer acción y buscar.

Merece especial atención el comando de tablas que para mantener un estilo homogéneo en toda la web pasamos a explicar a continuación.

Recomendamos el uso del asistente en la opción de “Table wizard”. En el siguiente interfaz disponemos de distintas herramientas para configurar la tabla. En la primera pestaña de configuración podemos elegir número de filas y columnas así como seleccionar celdas y realizar las uniones (span) que consideremos necesarias.

En la pestaña “Table properties” recomendamos seleccionar en la parte derecha en el desplegable de CSS la opción de “uclmtable” para homogeneizar los estilos de todas las tablas que aparezcan en la web. Un ejemplo lo podemos ver en el punto siguiente.

 Se deben crear en la ruta del promotor correspondiente, en la parte del árbol de contenidos: /Global/promotores/

 Se pueden personalizar tanto un menú superior como un menú inferior:

 En las carpetas de estos menús se pueden insertar ítems llamados “Item MenuMega”. Estos menús-mega pueden tener una dirección URL de enlace, más submenús, que se crean insertando ítems “Item Menu”, y las opciones de estos, con ítems “Item MenuOpcion”).

 En las opciones de menús en la plantilla Academics no se pueden introducir imágenes, al contrario que en la plantilla original.

 Una vez creados los menús, en la web del centro o departamento, en la ruta /home correspondiente en la sección "Item PaginaHome Menús" hay que seleccionar los menús creados anteriormente.

 En el menú Versions hay un botón en la cinta de opciones donde podemos seleccionar Spanish o English. Así se pude ir generando una versión inglesa por cada uno de los ítems que tengamos. La primera vez que se selecciona English informa que se añade una nueva versión.

 Con el botón Translate se pueden ir viendo las dos versiones para, por ejemplo, comprobar que no nos quede ningún contenido sin traducir. En la columna izquierda se verá el idioma activo y en la columna derecha se puede ver el otro idioma, que se debe seleccionar en el recuadro "Language".

 En la esquina superior derecha de cada ítem se puede seleccionar el idioma con el que queremos trabajar.

 Para cada item se podrían crear diferentes versiones, pero como norma general es preferible trabajar solo en una versión.

 Se puede visualizar un calendario interno del gestor de contenidos seleccionando uno ya creado en la parte global\promotores.

 Con este componente se pueden añadir los eventos, de la web de Eventos de la uclm, de un determinado centro. Sin la necesidad de insertar un widget.
 Se puede seleccionar por Tipo de Evento (Conferencia, Congreso, Curso, Curso de Verano, Jornadas o Seminario), aunque normalmente este campo se deja en blanco para que se muestren todos los tipos de evento.
 En el campo "EventoDirectorio" se puede seleccionar el campus concreto (Albacete, Almadén, Ciudad Real, Cuenca, Talavera de la Reina o Toledo) o se puede seleccionar "UCLM", en el caso que no sea de un campus concreto.
 En el campo "EventoUbicacion" se puede seleccionar un Centro/Facultad/Promotor en concreto. Si se deja en blanco se mostrarán todos.

 En esta tabla se especifica la lista de imágenes con sus respectivas resoluciones que deben estar disponibles en la librería de medios: