Las páginas son la estructura fundamental de un sitio web, pues organizan la información y le da ubicuidad al contenido. Ellas organizan la información atemporal (Contacto, Quiénes somos) y puede estructurarse en páginas y sub-páginas. Si es cliente nuestro, le recomendamos que nos consulte sobre la creación de páginas nuevas, ya que éstas impactan sobre la navegación del sitio.

Veamos primero los elementos de una página:

• Título: este es el campo para escribir el nombre de la página. Recuerda que mientras más conciso más fácil es su lectura.
• Barra de herramientas: muestra algunas de las herramientas que usamos en office y te permite darle un estilo muy básico al contenido de la página.
• Añadir multimedia: para insertar archivos, imágenes o galerías.
• Contenido de la página: en este campo es donde redactarás el contenido de la página. A mano derecha verás dos pestañas: Visual y Texto. La primera es la que recomendamos usar, ya que es la que incluye la barra de herramientas para editar el texto, sin tener conocimientos de lenguaje html. Para usuarios avanzados con conocimientos en lenguaje html, la segunda pestaña le permitirá acceder al código que se está utilizando.
  Para usuarios básicos, utilizaremos el Editor visual, haciendo click en [Backend Editor] o [Frontend Editor] para modificarla insitu dentro de nuestro sitio web. Esto nos permitirá editar nuestra página con una gran cantidad de elementos de manera muy sencilla.

 

Usando Backend Editor:

Al presionar en [Backend Editor], en la pestaña visual veremos algo como esto:

Lo más básico sería agregar un bloque de texto (Add text block), aunque muy sencillo si queremos darle una buena imagen a nuestra página.

Agregando un elemento (Add Element) ya podemos empezar a visualizar lo que nos ofrece este potente editor, que básicamente se compone de objetos como Slider de fotos, filas de contenido, columnas, separadores, imagenes, reproductores de video, mapas de google, entre muchas otras.

Al seleccionar un elemento, automáticamente se cargará una ventana/popup con la configuración del elemento, así podremos definir como se mostrará finalmente.

Cuando ya tengamos algo bien construido, tendremos algo como esto:

Si agregamos una plantilla (Add Template), visualizaremos algo como lo siguiente:

De esta manera, haremos carga de elementos con diseños pre-establecidos, facilitando la tarea de darle orden y diseño a nuestro contenido.

¿Qué nos permite este editor en resúmen?

1. Podremos cargar temas/plantillas pre-hechas para facilitarnos el trabajo de presentar el contenido de forma atractiva.
2. Podremos cargar elementos especificos, moverlos, adaptarlos y cambiar sus propiedades como tamaño, colores, fondos, entre muchas otras opciones.
3. Podremos Editar o Eliminar el contenido cargado.
4. Cambiar posición de las capas o elementos de nuestra página de manera sencilla (Drag & Drop)
5. Podremos incorporar contadores, fotografías, iconos, campos de texto, galería de fotos, títulos animados, videos, deslizador de fotos, mapas, tabla de precios, testimonios, botones, estadísticas, carousel de elementos, call to action, entre muchas cosas más.

Las siguientes herramientas nos permitirán agregar, modificar, eliminar y mover los elementos que tengamos en nuestro editor:

El primero nos permite agregar un elemento al campo o así también un columna o fila.
El segundo nos permite modificar el elemento sobre el cual nos posamos con el mouse.
El tercero nos permite eliminar el elemento seleccionado.
Y el cuarto nos permite arrastrar el elemento o cuadro dentro del editor para cambiar su ubicación.
 

Usando Frontend Editor:

Por otro lado, si necesitamos editarlo como Frontend, haciendo click en el botón [Frontend Editor], podremos visualizar los elementos como se verán finalmente en el sitio.

 

Pasos para publicar una página

1.- Selecciona un título o nombre para la página.
2.- En la caja de texto comienza a redactar el contenido. Puedes añadir enlaces, negritas, sangrías, entre otros usando la barra de herramientas, tal como lo harías en cualquier documento de Office.
3.- En la caja de “Atributos de página”:

 

• Selecciona la opción “Sin Superior” sin es una página principal
• Si es una sub-página busca en la lista la página padre.
• Define el tipo de plantilla: predeterminada, ancho completo sin laterales, página de portada.

4.- Ve al apartado de Publicar y define:

• Visibilidad: se puede seleccionar si la entrada estará protegida por contraseña, que se fije en la parte superior del blog (Con esta opción, la entrada permanecerá de primera aun cuando subas notas nuevas) o que sea privada (Solo tú puedes verla).
• Estado: puedes publicar la nota, dejarla como borrador para revisar más tarde, o pendiente de revisión. Esta última opción es de gran utilidad cuando otro administrador debe aprobar la nota antes de su publicación
• Programar publicación: puedes seleccionar la fecha en que aparecerá publicada la entrada si deseas que aparezca en el futuro, o si por el contrario se publica con retraso.

5.-Por último presiona Publicar, Actualizar o Update (según sea el caso).