MANUAL DE USO WORDPRESS

COLEGIOALTACORDILLERA.CL

Mayo 2016

1
Para ingresar al panel de administracin de wordpress, se debe ir a las siguientes URL,
dependiendo del colegio:

Colegio Link

Colegio Santa Mara de Lo Caas

Colegio San Joaqun

Liceo Domingo Santa Mara de Arica

Colegio Domingo Santa Mara de Puerto

Montt

Colegio Domingo Santa Mara de La

Serena

Colegio Domingo Santa Mara de Vicua

Colegio Alta Cordillera http://www.colegioaltacordillera/wp-admin/

El usuario y contrasea es el mismo para todos, escribirlo en el siguiente campo:

Usuario: maindev_ebc
Clave: 223B)]pt,V

2
Importante: Los link finales y usuarios y contraseas definitivas se enviarn
prximamente, cuando los nuevos sitios estn publicados. Por mientras se pueden hacer
las modificaciones y actualizaciones de informacin a travs de estos links.

Una vez que se haya hecho ingreso, se visualizar el panel de administracin con todas
sus opciones. Los enlaces directos a las opciones de actualizacin y/o modificacin de
pginas, etc., se encuentran en la columna izquierda de la pantalla.

En caso de no visualizarlas, revisar que el men est correctamente desplegado, y no

escondido, esto se puede ver en la parte inferior izquierda de la columna, donde existe la
opcin de abrir y cerrar el men:

Indicaciones Generales de Administracin

Editar pgina existente

Para cambiar un texto en alguna pgina, o bien crear una nueva si es que lo necesita, el
usuario debe dirigirse a la seccin Pginas >> Todas las Pginas en el men de la
columna izquierda del panel de administracin. Se ingresa al panel principal de esta

3
seccin, y luego se selecciona el nombre de la pgina que desea editar.

Tambin existe la opcin de buscar la pgina que necesite ser modificada (cuando el
listado de pginas es muy extenso). Esto se realiza mediante el busc ador ubicado en la
zona superior derecha de esta pgina. De esta forma se tiene un acceso ms rpido a la
informacin solicitada, slo debes escribir el nombre de la pgina que buscas.

Vamos a la pgina que queremos modificar, y damos clic a Editar. En este caso
utilizaremos la pgina Proyecto Educativo, del Colegio San Joaqun de La Serena.

En la imagen siguiente se presenta la primera parte de la pgina elegida a editar. Esto

corresponde a Ttulo y Descripcin.

Bajo el ttulo de la pgina se presenta la URL o Link permanente. Al cambiar el Ttulo de

una pgina previamente creada, es fundamental actualizar tambin el nombre de su URL.
Esto se puede realizar apretando la tecla Editar.

4
Importante: Cuando hablamos de Enlace permanente, ac debiese aparecer el link que
corresponde a su establecimiento, en caso contrario significa que ha ingresado a uno
diferente. Ac ejemplificamos con el link de El Buen Camino.

Edicin de texto en pgina

Luego, podemos editar el campo de texto de la pgina. El panel de opciones para el texto
funciona del mismo modo que cualquier editor de texto como Word, por lo que su uso es
fcil y fluido.
Sin embargo, no es recomendable copiar y pegar directamente texto desde otros sitios
web, ni de un Word con diseo (colores, tamaos, formatos, etc), ya que parte del estilo
suele quedar impregnado en el texto, modificando y produciendo errores de cdigo y
variaciones en la visualizacin del contenido online.

Para prevenir, luego de pegar el texto seleccinelo y haga clic en Limpiar formato (cono
que parece goma de borrar en el men de texto).
Si en cambio desea modificar palabras o escribir texto, hgalo directamente en el
recuadro de descripcin.

Otro campo de edicin de texto dentro de la pgina es Extracto. El extracto es el texto

que aparece en la pgina web, de forma destacada, antes de que el prrafo comience.

5
Para cambiar el Extracto, slo se debe escribir directamente en el recuadro, editar
palabras o borrar el texto existente y escribir o pegar un nuevo texto.

Importante: Esta explicacin de edicin de textos dentro de una Pgina, menciona los
espacios que se encuentran en la Plantilla Predeterminada, la que es ms frecuente. Para
ver las excepciones y el detalle por plantilla ir a Anexos, en la ltima pgina.

Edicin de imgenes en pgina

Ms abajo podemos observar que existe una Imagen de Cabecera. Es recomendable no

cambiar la imagen de cabecera, pero en caso de ser necesario, vamos a darle clic a la X
que se encuentra en la parte superior derecha de la foto.

Luego vamos a Add Image. El tamao de la foto de cabecera debe ser de 2000x400
pxeles. Ac les compartimos un editor de fotos on-line https://pixlr.com/express/.

Vamos a Subir archivos >> Seleccionar Archivos.

6
Cuando la foto est cargada, seleccionarla y escribir un Ttulo acorde a la pgina web.
Ponemos el nombre del colegio o del contexto Proyecto Educativo Colegio San Joaqun,
por ejemplo.

No importa si repetimos el mismo Ttulo para varias fotos, lo importante es que entregue
informacin sobre nuestra web, esto es importante para que el colegio tenga mejor
bsqueda en Google, o cualquier buscador.

Una vez cargada la foto, damos clic en Seleccionar.

Tambin existe el espacio de Imagen Destacada, que se encuentra en la esquina inferior

derecha de la pgina.

En caso de que exista una foto en Imagen Destacada y se quiera cambiar, apretar link
Quitar Imagen Destacada y luego Asignar imagen destacada. Vamos a seguir los
mismos pasos que cuando subimos una nueva foto a la Imagen de Cabecera.

7
(Foto de Imagen Destacada de Pgina Elementary. Ciclos. Colegio Santa Mara de Lo Caas)
Qu pasa si quiero editar una foto que est inserta en la descripcin de pgina?

Vamos a tomar como ejemplo la pgina Profesores High School del Colegio Santa Mara
de Lo Caas.

Vamos a seleccionar la foto que deseamos cambiar, y damos click a Eliminar.

Nos posamos en la parte del recuadro de descripcin donde queremos insertar la imagen.
Puede ser entre medio de texto o donde deseen, y damos click a Aadir objeto.

8
Al igual que en la explicacin de la pgina 6, vamos a Subir archivos >> Seleccionar
Archivos, y buscamos en nuestro computador la nueva foto que deseamos subir. Ac
tampoco es necesario que tenga un tamao especfico.

Una vez cargada la nueva foto en el Wordpress, vamos a seleccionarla y dar click en
Insertar.
Recuerde que el Ttulo de la nueva foto debe tener relacin al Colegio.

Cuando haya quedado inserta la nueva foto en el campo de descripcin de la pgina,

vamos a Actualizar.

9
Importante: Si inserta una imagen dentro de la descripcin de la pgina, es mejor que no
agregue, adems, una imagen destacada, ya que ambas imgenes compiten en
informacin, no son complementarias.

Tablas de contenido dentro de una pgina

Vamos a tomar como ejemplo a la pgina Uniformes del Colegio Santa Mara de Lo
Caas. Ac se puede apreciar que las tablas de contenido podemos pegarlas
directamente en el campo descriptivo de la pgina.
Sin embargo, es importante que la tabla tenga los cdigos correctos. Para esto debemos
dar click a HTML.

10
Para que la tabla se visualice correctamente en la pgina, es necesario asegurar que los
smbolos que rodean los componentes de cada ttulo tengan combinacin th, como vemos
en la imagen a continuacin. Ac Nivel, Hombres y Mujeres tienen th.

Agregar / modificar archivos descargables en pgina

En esta ocasin vamos a dirigirnos a la pgina donde queremos editar los archivos
descargables que ah se encuentran. Por ejemplo vamos a Lista de tiles.

Si queremos agregar un nuevo archivo, primero debemos cargarlo. Vamos a Insertar

descarga.

Dar click a Aadir descarga rpidamente y subimos el archivo.

11
Escribir el ttulo de la descarga y dar click a Guardar descarga.

El nuevo archivo queda con un ID asignado. Memorizamos el ID, en este caso #1007, y
cerramos la ventana emergente con la X de la parte superior derecha.

Vamos a la seccin Archivos descargables y borramos los archivos que no queremos

que se vean en la pgina. Si nos posamos sobre el archivo se desplegarn los smbolos
(+) y (-). Apretando (+) se agrega un campo nuevo con archivos descargables en la parte
de arriba, y apretando (-) se borra el archivo.

12
Si hemos borrado todos los archivos existentes, se debe dar click al botn Agregar
Archivo de descarga.

Completar el Ttulo visible del Archivo y luego pegar el Enlace del archivo descargable. El
enlace tiene la misma estructura para todos los colegios:

http://www.colegioaltacordillera/download/ID/

Importante: El link final de cada colegio ser sin el www.elbuencamino.info, sino que
tendr el formato de cada colegio. Por ejemplo: http://www.csmlc/download/1007/

Tambin se puede obtener el enlace del archivo descargable en el men izquierdo del
wordpress.

Ah aparecer el listado de todos los archivos que hemos subido a nuestra web. Damos
click al ttulo del archivo del que queremos conseguir el enlace.

13
Al entrar al archivo de descarga veremos al costado derecho la Informacin de la
descarga. Ah podemos copiar el enlace o URL.

Adems, se puede modificar el ttulo asignado al archivo descargable. Algo bastante

conveniente si nos hemos equivocado al escribir una palabra, como en este caso Men.

Al finalizar los cambios en cualquier rea de la pgina, o archivo descargable, dam os click
a Actualizar.

14
 Editar contenidos de Infraestructura
Vamos al men izquierdo del wordpress Infraestructura >> Todos los posts de
Infraestructura.

Ah aparecer el listado con los post de nuestro mapa del Colegio - Liceo. Damos click al
post que deseamos editar, en este caso vamos a Salas Infant School.

Editar Texto

Para editar el texto vamos directamente al campo de descripcin. Como explicamos en la

pgina 5, el panel de opciones para el texto funciona del mismo modo que cualquier editor
de texto como Word, por lo que su uso es fcil y fluido.
Recordar limpiar el formato de texto cuando hemos pegado el contenido desde otra web o
documento.

15
Editar Fotos

Si queremos editar la foto de Imagen destacada, vamos a Quitar la imagen destacada.

Damos click a Subir archivos y seleccionamos la foto que queremos subir. El tamao de
las imgenes de Infraestructura son de 500x330 pxeles.

Una vez subida la nueva foto vamos a dar click a Subir a esta pgina y podremos ver las
fotos que estn en el post de infraestructura. Si queremos podemos borrar
permanentemente la antigua foto, en la seccin Detalles de Adjuntos.

16
Lo importante es que en la foto que se suba a la imagen destacada se escriba en la
Leyenda la palabra galeria, sin maysculas ni tilde.

Al terminar clickeamos Asignar imagen destacada.

Si en cambio queremos agregar una nueva foto al post de infraestructura, vamos a

Aadir objeto.

17
Se siguen los mismos pasos de la Imagen destacada. Subimos el archivo en 500x330
pxeles y escribimos galeria (sin tilde) en el espacio de Leyenda. Aqu para finalizar slo
debemos cerrar la pestaa emergente, no se inserta la foto en la descripcin.

Editar contenidos de Actividades Extra Programticas o

Selecciones Deportivas

Vamos a Act. Extra Programticas >> Todas las Actividades o Selecciones Deportivas
>> Todas las Selecciones en el men izquierdo del wordpress. Esta explicacin de
edicin sirve para ambas secciones.

Importante: En los wordpress de cada colegio esta seccin de Actividades puede

aparecer con tres nombres: Actividades Extra Programticas, Academias o Talleres.
Adems, en todos los wordpress aparecer la seccin Selecciones Deportivas, aunque no
se utilice tal campo para su colegio.

Se desplegar el listado de las actividades/selecciones que existen, puede modificarlas o

agregar una nueva.

Para modificarlas, fijarse en las categoras que se encuentran en el lado derecho del
listado. Puede que una actividad/seleccin tenga el mismo nombre, pero van a
diferenciarse si pertenecen a algn ciclo.

Por ejemplo, en la siguiente imagen podemos ver que existen dos actividades llamadas
Instrumental Mixto, pero estas se diferencian porque una pertenece a la categora High
School y la otra a Elementary.

18
Damos click a la actividad/seleccin que deseamos modificar, o vamos a Agregar
Actividad/ Agregar Seleccin si queremos aadir una nueva.

stos son los espacios editables:

1-. Podemos cambiar o agregar el Ttulo de la actividad/seleccin. Recordar que el enlace

debe tener al final el mismo nombre del ttulo.

2-. En el campo de Texto podemos agregar toda la informacin complementaria a la

actividad/seleccin. Qu equipos deben llevar, uniforme, etc.

3-. En el Detalle de Talleres podemos agregar el lugar donde se realiza la actividad o

entrenamiento, escribir el nombre del Profesor o Profesora a cargo, y si lo deseas agregar
la modalidad (Mixto, Varones, Damas).

19
4-. Ac se deben escribir los Horarios segn cada Curso o grupo de cursos, el Da y la
Hora. Para agregar un nuevo Horario damos click a Agregar Horario y completamos los
campos.

5-. En el costado derecho de la actividad/seleccin se debe seleccionar las Categoras a

las que pertenece.

Tambin se puede agregar una nueva categora al listado, al dar click a Agregar Extra
programticas o Agregar Seleccin.

20
Ah se debe completar el nombre de la nueva categora, y en Categora superior
seleccionar Actividades Extra Programticas o Selecciones Deportivas segn
corresponda.

Luego damos click a Agregar Extra programticas.

6-. Finalmente podemos agregar una imagen destacada a la actividad/seleccin, o quitar

la imagen destacada existente y subir una nueva foto.

Ac no es necesario subir un tamao de foto con tamao especial, ni agregar la palabra

galeria a Leyenda. Damos click a Subir archivos y seleccionamos la foto que quedar en
la Imagen destacada. Luego de subida la seleccionamos y damos click a Asignar Imagen
Destacada.

Agregar Eventos al Calendario

Vamos al men izquierdo del wordpress Eventos>> Eventos.

21
Ac podemos ver todos los eventos creados y editarlos o agregar uno nuevo.

Damos click al ttulo del Evento que deseamos editar o click en Agregar nuevo. stos son
los componentes editables ms utilizados en cada evento:

1-. Ttulo y link

2-. Texto descriptivo

3-. Tiempo y fecha. Si des-seleccionamos el campo Todo el da Evento, podemos

agregar las horas y minutos en que se realizar la actividad.

22
4-. Ubicacin. Se puede seleccionar un lugar guardado, o escribir el nombre de uno
nuevo.

5-. Extracto. Si la descripcin del evento es muy larga, se puede agregar un texto
resumen en este campo.

23
6-. Se pueden agregar Etiquetas que nos den pistas sobre lo que trata el Evento.

7-. O tambin crear una Categora del evento.

Finalmente damos click a Actualizar.

Agregar Galera Multimedia

24
Vamos al men izquierdo del wordpress Galeras>> Todas las Galeras.

Aparecer el listado de Galeras que hemos subido. Se puede editar una galera ya
subida o dar click a Agregar Galera.

Vamos a escribir o editar el ttulo de la Galera. Recordar que el enlace debe tener el
mismo nombre que el ttulo. Luego se escribe en el campo de texto. Si se pega un texto
desde otra web o documento, limpiar el formato. Seleccionamos el texto y luego
apretamos el icono parecido a una goma de borrar que est en el men.

Dar click a Aadir Objeto y subir las fotos de la galera.

Una vez que se haya subido, debemos asegurarnos que el ttulo de cada foto tenga
relacin a la galera creada.
En la Biblioteca Multimedia seleccionamos Subir a esta pgina y aparecern todas las
fotos cargadas. Dar click a cada una y escribir el ttulo.

25
Luego escribimos en el espacio de Leyenda, al igual que en las fotos de Infraestructura, la
palabra galeria (sin tilde) y cerramos la ventana emergente. No se deben insertar las fotos
en el espacio de descripcin.

La Imagen Destacada puede ser una de las que subiste en la galera. Vamos a Asignar
imagen destacada.

En Biblioteca multimedia apretamos Subir a esta pgina y seleccionamos la foto que

deseamos destacar. Damos click a Asignar imagen destacada.

Se debe asignar una categora a la nueva Galera. En caso de que se quiera agregar una
nueva, dar click a Agregar Tipos de Galeras, escribir el nombre de la categora y dar
nuevamente click a Agregar Tipos de Galeras.

26
Al terminar damos click en Actualizar.

Agregar Noticias

Vamos al men izquierdo del wordpress Entradas>> Todas las entradas.

Ah veremos el listado de las ya publicadas. Para agregar una nueva noticia damos click a
Aadir nueva. Tambin puedes editar una noticia creada, dando click a su ttulo.

Esta vez vamos agregar una nueva. Primero escribimos el ttulo.

27
Luego escribimos el texto. Si es que se pega desde otra web, asegurarse que el formato
quede limpio (icono goma) y en Prrafo.

Vamos a Asignar la imagen destacada, y subimos la foto de la noticia. Si existen ms

fotos la idea es que stas se suban a Galeras Multimedia.

Luego vamos a seleccionar las Categoras de la noticia. Primero damos click a Noticias y
despus a la subcategora, en este caso Eventos.

28
Si esta noticia es antigua y estn poblando el sitio web con las noticias del ao, se puede
modificar la fecha de publicacin. Slo se debe dar click a Editar al lado de Publicar
inmediatamente.
Aqu podremos seleccionar el da correspondiente a la Noticia. Luego vamos a Aceptar.

Finalmente damos click en Publicar.

Asignar noticia principal

29
En la pgina de noticias podemos seleccionar una que sea destacada, independiente de
la fecha de publicacin. Es la que aparecer primero y en grande.

Para asignar una noticia principal debemos ir a la nota que hemos publicado, y dar click al
cuadro del ttulo Feature this Entrada y vamos a Actualizar la pgina.
Luego debemos ir a la noticia que estaba destacada anteriormente y des-seleccionar el
cuadro, despus actualizamos esta entrada de noticia.

Agregar Guas de estudio

30
Antes de agregar la gua o material de estudio, vamos a dirigirnos al men izquierdo, a
Guas de Estudio >> Cursos.

Aqu nos aseguraremos que antes de subir el material, exista el curso al que le servir la
gua. Si no est el curso de la nueva gua que subiremos, vamos a escribir el Nombre del
curso nuevo y dar click al botn inferior Agregar Cursos.

31
Tambin se puede editar un curso existente. Vamos a Edicin rpida y escribimos el
nuevo nombre del curso, en Slug debe quedar el mismo nombre, con un guin entre las
letras y nmeros. Luego vamos a Actualizar Cursos.

Vamos a Guas de Estudio >> Todas las guas y ac podemos ver las guas y material
de estudio existentes, adems de a qu cursos pertenecen.

Damos click en Agregar gua y en la pantalla emergente completamos el nombre del

archivo.

Luego vamos a Insertar descarga >> Aadir descarga rpidamente

32
Seleccionamos el archivo y completamos el ttulo del material de estudio. Luego vamos a
Guardar descarga.

Seleccionamos la descarga y vamos a Insertar cdigo rpido.

En Guas Cursos se selecciona el curso o los cursos a los que les sirve el Material de
Estudio o Gua. Luego vamos a Publicar.

33
 Edicin de la Home

Editar imgenes y links de Slider

En la home de la pgina web de su colegio lo primero que se destaca es el carrusel de

imgenes (que llamaremos Slider), el cual contiene un Ttulo, Subttulo y un Botn de
enlace a una pgina, entrada o link.

Para editar estos campos, primero debemos ir a Entradas >> Todas las Entradas ah
se podrn identificar las que pertenecen al home, ya que en Categoras estn
seleccionadas como Slider.

34
Cada foto que aparece en el Slider tiene una entrada, entonces si queremos modificar
algn elemento del Slider, ya existente, vamos a dar click al ttulo de la entrada, o
podemos Aadir una nueva.

Dentro de la entrada stos son los elementos a editar:

1-. Ttulo

2-. Subttulo

3-. Botn de enlace: En cada entrada podemos cambiar el link a otra direccin.

35
4-. Foto: Las fotos deben ser de alta calidad, de mnimo 2000 pixeles de largo.

Finalmente vamos a Categoras y nos aseguramos de que est seleccionado el elemento

Slider. Luego vamos a Actualizar.

36
Editar banners y relacionados

Vamos a Pginas >> Todas las Pginas en el men de la columna izquierda. Ah

buscamos la pgina Inicio.

Importante: Las pginas que se derivan de Inicio depender de cada colegio. Por ejemplo
en el Colegio Santa Mara de Lo Caas son Infant School, Elementary y High School,
mientras que en San Joaqun tienen Alumnos, Academias y Apoderados en la Home.

Si damos click a Inicio, existen varias secciones que podemos editar. El mensaje de inicio
de la web.

Y los banners externos. Se pueden editar los ttulos o enlaces directamente en los
recuadros.

37
Para editar las imgenes de los banners, damos click a la X que aparece en la esquina
superior derecha de las fotos. Luego vamos a Aadir Imagen.
Ac no es necesario que tengan un tamao especfico, sin embargo, las fotos deben ser
de buena calidad para que la home tenga una buena presentacin.

38
Tambin podemos editar los accesos directos de la home. Nombres y enlaces. Sin
embargo, stos tienen que tener concordancia con el icono relacionado.

Importante: Aunque aparecen los signos (+) y (-) no se deben borrar ni aadir ms
accesos, ya que el diseo de la web se vera afectado. Slo se pueden modificar.

Luego de los cambios en Inicio vamos a

Ahora vamos a editar las pginas que se derivan de Inicio. Como ya habamos
comentado, estas pueden ser diferentes en cada colegio, sin embargo, se pueden editar
siguiendo los mismos pasos.
Ac utilizaremos la Pgina derivada de Inicio Infant School.

39
Lo primero que podemos editar es el ttulo y el enlace permanente.

Luego agregamos los ttulos y links de los enlaces relacionados. Existen 4 espacios
habilitados para enlaces. Para modificar los existentes o agregar uno, click en los
nmeros y completar Ttulo y Enlace.

Finalmente podemos editar la Imagen destacada. Click en Quitar la imagen destacada y

subir nueva foto. sta no tiene que tener un tamao especfico, pero s ser de buena
calidad para la presentacin de la home del colegio.

40
Crear Alertas

Agregar videos en pgina o entrada de noticia

Al abrir una Entrada o Pgina vamos a tener, en los dos caso, el espacio de edicin de
Texto. Para insertar un video desde Youtube debemos seleccionar HTML y pegar el
codigo de insercin del video.

41
Cmo conseguimos el cdigo de insercin de Youtube?

Sobre el video de Youtube damos click con el botn derecho del mouse y aparecern las
opciones de seleccin. Vamos a Obtener cdigo de insercin >> Copiar.

Subir videos directamente a las entradas y pginas de la web

42
 Creacin y edicin de Usuarios en wordpress

Edicin y creacin de Formularios

Anexo

Detalle de Plantillas por pgina

Al editar o crear una pgina, es necesario fijarnos en los Atributos, donde podemos
seleccionar la plantilla a la que pertenece. Algunas plantillas generan ms campos de
edicin de texto, ac las detallaremos.

Importante: Algunas pginas usan la Plantilla Predeterminada, a pesar de que exista una
plantilla con su nombre. Es por esta razn que entregamos un completo listado con el
detalle.

Pgina Infraestructura >> Plantilla Infraestructura

43
En esta Plantilla aparecer, adems, el campo Extra Pgina separado por 2 bloques.

As se ve en el sitio web luego de escribir los contenidos del Bloque Izquierdo y del
Bloque Derecho.

Pgina Extra Programticas (tambin Talleres o Academias) >> Plantilla Actividades

En esta plantilla aparece el campo Subttulos/Introducciones, donde podemos escribir

prrafos tipo Extracto, en caso de que la Pgina Extra Programticas, Talleres o
Academias, tengan la divisin de Selecciones Deportivas y Actividades Extra
Programticas.

44
As se ve en el sitio web:

Pginas que utilizan plantillas diferentes a la Predeterminada, pero que no contienen

ms campos editables que los que aparecen en la Predeterminada:

Pgina Galera Multimedia >> Plantilla Galera

Pgina Calendario de Actividades >> Plantilla Calendario

45
Pgina Material de Estudio >> Plantilla Guas
Pginas Formularios de Admisin >> Plantilla Admisin (formularios)
Pgina Noticias >> Plantilla Noticias

Las dems pginas deben ir con la Plantilla Predeterminada.

46