Manual de uso: Editor Web del CMS

Este manual sirve de apoyo para aquellas personas que usen el CMS y requieran editar textos dentro del mismo.

Índice:

1. ¿Cómo copiar texto desde Word?2. ¿Cómo resaltar textos de amarillo?3. ¿Cómo dar estilo: Firma de Lampadia, Comentado por Lampadia?4. ¿Cómo mostrar los bloques de separación? 5. ¿Cómo maximizar la vista de contenido?6. ¿Cómo insertar Videos de Youtube?7. ¿Cómo agregar párrafos y saltos de línea?8. ¿Cómo insertar una imagen dentro del texto?9. ¿Cómo agregar enlaces?10. ¿Cómo crear saltos de línea en los títulos del slider?

1. ¿Cómo copiar texto desde Word?

Documento de origen:

Paso1: Seleccionamos el párrafo que queremos copiar:

Paso 2: Seleccionamos el siguiente botón:

(Pegar desde Word)Que se encuentra ubicado en la primera fila :

Paso 3: Clic derecho -> Pegar.

Paso 4: Clic en “Aceptar”.

De esta manera podemos copiar un texto extraído de Word al editor Web con todo y enlaces. El texto sombreado de amarillo se deberá asignar de manera manual desde el editor.

2. ¿Cómo resaltar textos de amarillo?

Paso 1: En el editor web, seleccionamos el texto que queremos resaltar.

Paso 2: Clic en el botón “Color de fondo”

3. ¿Cómo dar estilo: Firma de Lampadia, Comentado por Lampadia?

Firma de Lampadia

Paso 1: Seleccionamos la palabra “Lampadia”.

Paso 2: Clic en el botón “Estilo” y seleccionamos el ítem “Firma Lampadia”

Listo:

De manera similar podemos darle estilo a los “comentarios de lampadia“ para pintar de azul el texto.

4. ¿Cómo mostrar los bloques de separación?

Es el último botón de la tercera fila:

Nos sirve como ayuda visual para identificar los párrafos y objetos que están en el contenido.

5. ¿Cómo maximizar la vista de contenido?

Es el penúltimo botón de la tercera fila.

Nos permite una vista más amplia del texto a pantalla completa.

Para minimizar, dar clic por segunda vez.

6. ¿Cómo insertar videos de Youtube?

Paso 1: Clic en el penúltimo botón de la segunda fila:

Paso 2: Se abrirá una ventana en la cual debemos ingresar la URL del video alojado en Youtube.

Ej: https://www.youtube.com/watch?v=1lYvYmYtdIY

Paso 3:Importante Check en: “Hacer responsivo (ignorar anchura y altura, ajustar a la anchura)”Esto para que el video se ajuste al ancho de la pantalla y además permitirá que el vídeo se muestre correctamente en la versión móvil.

Paso 4: Clic en “Aceptar”.

7. ¿Cómo agregar párrafos y saltos de línea?

Párrafo: “Enter”.

Salto de línea: “Shift” + “Enter”

8. ¿Cómo insertar imágenes al contenido?

Paso 1: Creamos un par de párrafos vacíos:

Paso 2: Colocamos el cursor en el primer párrafo vacío.

Paso 3: Clic en el botón “Imagen”, ubicado en la segunda fila:

Se abrirá una ventana. Clic en la segunda pestaña (“Cargar”):

Paso 4: Clic en “Seleccionar archivo”.Buscamos la foto que queremos agregar y la seleccionamos. Luego de eso debe aparecer el nombre de la foto. (Ej: 1428351691_b.jpg)

Paso 5: Clic en “Enviar al ServidorAparecerá otra ventana:

Podemos asignarle un tamaño o una alineación si deseamos.

Paso 6: Clic en “Aceptar”.

El resultado:

9. ¿Cómo agregar enlaces?

Paso 1: Copiamos contenido desde Word:

Paso 2: Clic en el botón: “Pegar desde Word”

Clic en Aceptar

Paso 3: Doble clic en el enlace.

Se abrirá una ventana:

Paso 4: Clic en el TAB “Destino”Seleccionamos: “Nueva ventana (_blank)”.

Clic en Aceptar

Paso 5:Guardamos los cambios en el formulario.

10.¿Cómo crear saltos de línea en los títulos del slider?

Lo hacemos mediante la inserción de una etiqueta HTML dentro del título

Etiqueta HTML:<br/> = Salto de Línea

Ejemplo: Al ingresar en el CMS el siguiente título: La visión de Arvind Subramanian.Da como resultado:

Pero si insertamos la etiqueta HTML: <br/> en medio de la oraciónTítulo: La visión de <br/> Arvind Subramanian

El resultado sería el siguiente: