CURSO DE

WORDPRESS

MANUAL DEL PROFESOR

Profesor: Ezequiel Tesone

v.1.0: Junio 2017

Autor y Recopilador: Ezequiel Tesone

Este contenido se distribuye bajo licencia Creative Commons 3.0 con atribución

(https://creativecommons.org/licenses/by/3.0/)

El contenido incluye material ofrecido bajo la misma licencia por Fundación Wikimedia, Inc.

publicado en https://es.wikipedia.org

Se acepta su copia y redistribución en cualquier medio y formato y adaptarlo en cualquier forma

(remixado, transformado y construir sobre él) para cualquier propósito, incluso comercial bajo una

única condición: la atribución y crédito a sus autores y a la aclaración de cambios realizados en

caso de haberse realizado

Curso de Diseño Web – Manual del Alumno 3

INDICE

INDICE ......................................................................................................................................................... 3

ORGANIZACIÓN DEL CURSO ............................................................................................................... 4

MÓDULO I: PLANIFICAR UN SITIO/BLOG ....................................................................................... 5

CLASE 1 ..................................................................................................................................................... 5

Comenzando .......................................................................................................................................... 5

Armado de un Sitio o Blog .................................................................................................................... 7

Ejercicios a plantear en clase ............................................................................................................... 7

CLASE 2 ..................................................................................................................................................... 9

Ejercicios a plantear en clase ............................................................................................................... 9

MÓDULO CREAR CONTENIDO .......................................................................................................... 11

CLASE 3 ................................................................................................................................................... 11

Pixlr ..................................................................................................................................................... 11

Canva .................................................................................................................................................. 12

Ejercicios a plantear en clase ............................................................................................................. 12

CLASE 4 ................................................................................................................................................... 14

Ejercicios a plantear en clase ............................................................................................................. 14

MÓDULO WORDPRESS......................................................................................................................... 16

CLASE 5 ................................................................................................................................................... 16

Ejercicios a plantear en clase ............................................................................................................. 16

CLASE 6 ................................................................................................................................................... 18

Ejercicios a realizar en clase .............................................................................................................. 18

CLASE 7 ................................................................................................................................................... 19

Ejercicios a plantear en clase ............................................................................................................. 19

CLASE 8 ................................................................................................................................................... 20

ORGANIZACIÓN DEL CURSO

¡Hola! Bienvenido o bienvenida al Manual del Profesor del curso de WordPress. En estas

páginas te ayudaré a organizar el dictado de este curso a alumnos del mismo. Este

Manual se acompaña con los videos del curso, presentaciones y planillas de cálculo con

los materiales que podés utilizar en la clase y compartir con los alumnos.

También te recomiendo repasar y revisar el Manual del Alumno que le será entregado a

cada alumno y podés usar como base y como pedido de lectura a los alumnos de una

clase a otra.

Este manual es una sugerencia, te recomiendo adaptarlo a tu forma de dictar y al grupo

que te toque para hacerlo más ameno y cumplir los objetivos del curso.

Este manual está organizado por clase, pero dependiendo del grupo que se te asigne, el

nivel del mismo y la duración del mismo podrías necesitar algunos ajustes en la duración

de los temas y en qué dictar clase por clase. Tomalo como una guía de ayuda no como

algo que debas cumplir 100%.

Cada vez que comiences una clase, preguntá si quedó alguna duda o consulta de la

clase anterior y al terminar tratá de hacerlo 5 ó 10 minutos antes del horario oficial de

cierre y hacé un repaso o punteo de los temas que se trataron en el día y es una buena

oportunidad para terminar de ver si queda alguna pregunta.

Hay un examen por cada módulo, úsalo para ver en qué temas quedaron dudas y repasar

los temas.

Junto con este manual tenés a disposición unas carpetas con archivos por clase que te

ayuden como guía para usar con los alumnos. Revisá qué archivos querés compartir con

los alumnos para usarlos de base y qué preferís que hagan ellos sobre la marcha del

curso.

¡Mucha suerte con el dictado!

MÓDULO PLANIFICAR UN SITIO/BLOG

Clase 1

Comenzando

El primer paso por supuesto es presentarte, hacelo corto y efectivo. Contales qué hacés

y por qué te interesa enseñarles este tema. Luego contales cómo va a ser la organización

del curso, cuántos días, cómo se le entrega el material, qué tipo de curso será, qué

prácticas haremos y repasá el temario de cosas que van a ver y qué van a saber hacer.

Siempre es bueno contar si harás un recreo y a qué hora, dónde están los baños y la

salida de emergencia ante cualquier problema.

Luego para romper el hielo si son menos de 20 alumnos podés hacer que cada uno se

presente rápido (no más de 20 segundos por alumno) diciendo a qué se dedican y qué

esperan del curso. Si son más de 20 alumnos es mejor hacer preguntas y que levanten

la mano.

Luego de esto preguntales si alguno tiene alguna duda sobre lo que se verá en el curso

antes de arrancar.

Como algunos temas son de uso común, tratá de fomentar la participación y el

intercambio de opiniones con los alumnos para que cuando la clase sea más teórica no

se convierta en un monólogo.

Algunos consejos sobre la actitud como profesor(a):

• No tenerle miedo a la clase, son sólo otras personas que quieren aprender un

tema. Vos no tenés que ser el más experto para dar el curso, sos alguien que

sabe un poco más que ellos y que ya practicó y estás para ayudarlos. No lo

consideres como que el evaluado sos vos y que estás dando un examen oral.

• Hay que esperar todo tipo de preguntas y responder desde tu experiencia. Nunca

inventes una respuesta; si no la sabés, respondé que no sabés la respuesta y

deciles que después fuera de clase o para la siguiente clase le buscás la

respuesta.

• Planteá ejercicios prácticos que tengan relación con la vida diaria de los alumnos,

algo que vean concreto. Evitá ejemplos académicos o que no tienen relación con

la vida diaria del lugar donde se dicte el curso. Cuanto más cercano a los alumnos

esté el ejercicio mejor comprenderán los conceptos.

• No pasa nada si te equivocás en clase, no te pongas nervioso/a, simplemente

actúa como si estuvieras trabajando (todos nos equivocamos) y mostrales cómo

se detecta y arregla el problema

• Nunca suponer que los alumnos saben algo. Preguntá primero, incluso si te

parece algo básico como crear una carpeta o saber que "save" significa grabar en

inglés.

• Incentivá las preguntas, cada tanto si están muy tímidos preguntá si hay alguna

duda o si alguien tiene una pregunta. Cuando alguien pregunta, aún si te parece

super básica, agradécele y decile que es buena pregunta porque seguro alguien

más está pensando lo mismo.

• Cuando puedas incentivá a los alumnos a hacer ejercicios entre clase y que

puedan investigar algún tema en Google.

• No te quedes a la defensiva detrás de un escritorio. Es mejor caminar por la clase

mientras vas mirando a todos los alumnos. Que todos se sientan que hablás con

ellos, en lugar de mirar al piso, al techo o sólo a los de adelante.

Al inicio hacé una introducción de qué es WordPress. No te pongas muy teórico en esta

parte, sólo con palabras simples y sencillas qué van a ser capaces de hacer. Es mejor ir

a la práctica en cursos tan cortos e intensivos.

Armado de un Sitio o Blog

En esta clase debés enfocarte en que el alumno comprenda el proceso de armado de un

sitio web en WordPress se compone de diferentes etapas. Esta etapa corresponde a un

estadío de planificación de lo que va a ser ese Sitio/blog. En esta clase vamos a ver los

siguientes conceptos:

1. Pensar y organizar el contenido de un sitio/blog

2. Buscar ideas y establecer mis potenciales por medio de un FODA

3. Investigar tópicos en mi mercado objetivo

4. Implementar Mapa de de contenido con un diagrama.

Recordá leer con anterioridad el material de “Planificar un Sitio/Blog WordPress” donde

se encuentran los contenidos citados. También en este manual vas a tener la descripción

de los ejercicios que te voy a explicar en los videos.

Ejercicios a plantear en clase

Slide 5 de “Planificar un sitio/blog WordPress” - “Vamos a hacer un análisis FODA de nuestro proyecto Web/Blog para identificar cuál es nuestro potencial en contenido.”

La finalidad de este ejercicio es encontrar en qué temáticas soy fuerte o bien cuáles son

de mi preferencia para encarar el proyecto del nuevo sitio/blog. En el video realizamos

una práctica de cómo efectuarlo.

Slide 7 de “Planificar un sitio/blog WordPress” - “Vamos a hacer una investigación en Google trends para encontrar ideas.”

La finalidad de este ejercicio es encontrar en base a como busca la gente y cuáles son

sus intereses:

1. Tópicos más relevantes.

2. ideas para nombre del dominio de mi blog.

3. Qué temáticas son más relevantes para las personas en mi país.

En el video de esta clase detallamos el ejercicio que se plantea en esta clase.

Slide 9 de “Planificar un sitio/blog WordPress” - “Vamos a hacer un mapa de pensamiento para organizar el contenido con la herramienta draw.io .”

La finalidad de este ejercicio es organizar las ideas en un gráfico orientativo que me va

a servir de base para construir un mapa del sitio en la siguiente clase.

Clase 2

En esta clase vamos a avanzar en la segunda parte de planificar un sitio/blog WordPress.

En base a la investigación que realizamos en los diferentes ejercicios de la clase uno

vamos a proceder a organizar las secciones del sitio web en un “Mapa de sitio”.

En este clase vamos a ver los siguiente conceptos:

1. ¿Como se organiza un sitio web?

2. Hacer un mapa del sitio

3. Implementar la herramienta Draw.io para hacer el mapa del sitio.

4. ¿Cómo organizo el contenido de mi sitio web con Google Drive?

Recordá leer los contenidos de la presentación “Planificar un Sitio/Blog WordPress 2” y

ver los videos de clase donde te voy a explicar cómo hacer un Mapa del sitio.

Ejercicios a plantear en clase

Slide 6 de “Planificar un sitio/blog WordPress 2” - “Vamos a crear nuestro primer Mapa del sitio con Draw.IO.”

La idea es llevar el contenido que surgió en el mapa de mente y organizarlo en un Mapa

del sitio.

Slide 5 de “Organización de contenido” - “Vamos a crear la estructura de carpetas en nuestra cuenta gratuita de Google drive y a probar las diferentes funcionalidades del sistema.”

La idea en esta sección es aprender las funcionalidades de Google Drive siguiendo el

siguiente orden:

1. Crear carpetas en google drive con la siguiente estructura:

a. Carpeta con nombre del sitio.

b. Dentro de la carpeta de proyecto vas a crear las siguientes

carpetas:

i. carpeta para imágenes

ii. carpetas para textos.

iii. carpeta para Site Map y Slides (mapa del sitio y

presentaciones).

2. Dentro de la carpeta de “Texto” vas a crear un Documento y vas a probar

las funcionalidades de comentarios y trabajo colaborativo.

3. Dentro de la carpeta “Imágenes” vas a subir diferentes imágenes que vas

a utilizar en el sitio.

4. Dentro de la carpeta “Site Map y Slides” vas a subir el sitemap creado y a

crear una presentación de Google Slides y vas a probar las funcionalidades de

comentarios y trabajo colaborativo.

MÓDULO CREAR CONTENIDO

Clase 3

En esta clase vamos a comenzar con la organización de nuestro proyecto para realizar

un sitio/blog en WordPress.

En este clase vamos a ver los siguientes herramientas y conceptos:

1. Edición de imágenes con Pixlr

2. Armado de diseños con Canva

Recordá leer los contenidos de la presentación “Organización de contenidos” y ver los

videos de clase donde te voy a explicar cómo hacer los diferentes ejercicios.

Pixlr

Cuando no contamos con Photoshop hay una herramienta que nos permite trabajar

online para editar las imágenes y luego guardarlas para utilizarlas en nuestro sitio web.

Esta herramienta es PIXLR y se puede utilizar en forma gratuita y online ingresando en

www.pixlr.com

Canva

Cuando tenemos que diseñar elementos para nuestro sitio web como un encabezado

(header), un banner o bien una portada y no disponemos de herramientas como Adobe

Ilustrator y tampoco tenemos conocimientos de diseño podemos iniciar con las plantillas

editables y gratuitas que nos proporciona Canva.com.

Esta herramienta es un software muy intuitivo y online con el cual podemos llevar a cabo

nuestras ideas.

Ejercicios a plantear en clase

Slide 4 de “Crear contenido” - “Vamos a realizar una práctica con PIXLR.”

Ingresar al sitio de PIXLR y cliquear en Pixlr editor “Lauch Web app” (lanzar aplicación

web). Una vez dentro de Pixlr editor:

1. Abrir una imagen desde el ordenador.

2. Vamos a ver los elementos y las funcionalidades del

3. Vamos a redimensionar la imagen.

4. Aplicar un filtro

5. Crear una capa y aplicar un texto.

6. Guardar el archivo en un formato liviano para web.

Slide 6 de “Crear contenido” - “Vamos a realizar una práctica con CANVA.COM”

Debemos seguir los siguientes pasos

1. Registrarse en Canva.com

2. Explicar el panel y las características.

3. Ver todos los formatos disponibles.

4. Hacer una práctica con uno de los formatos de plantillas (templates).

5. Hacer una práctica con un formato a medida.

6. Guardar la imagen que creamos en nuestra computadora.

Clase 4

En esta clase vamos a comenzar con la organización de nuestro proyecto para realizar

un sitio/blog en WordPress.

En este clase vamos a ver los siguientes herramientas y conceptos:

1. Recursos para alojar y editar audio

2. Recursos para alojar y editar video

Recordá leer los contenidos de la presentación “Crear contenido 2” y ver los videos de

clase donde te voy a explicar cómo hacer los diferentes ejercicios

Ejercicios a plantear en clase

Slide 5 de “Crear contenido 2” - “Vamos a realizar una práctica con Hya-Wave”

En este ejercicio haremos uso de la herramienta gratuita online Hya-Wave disponible en

https://wav.hya.io

1. Ingresar al sitio de Hya-Wave.

2. Vamos a editar un audio desde nuestro ordenador.

3. Vamos a grabar un audio y editarlo en el editor.

Slide 7 de “Crear contenido 2” - “Vamos a crear una cuenta de SoundCloud y probar sus funcionalidades.”

1. Ingresar al sitio de Sound Cloud en www.soundcloud.com

2. Crear una lista y subir audio.

3. Tomar el código para compartir el audio en el blog.

Slide 9 de “Crear contenido 2” - “Vamos a hacer una práctica con Magisto”

Aquí vamos a hacer uso del servicio gratuito de Magisto (disponible en

www.magisto.com) para editar videos.

1. Ingresar al sitio de MAGISTO

2. Editar un video en la plataforma.

Slide 11 de “Crear contenido 2” - “Vamos a crear una cuenta en Vimeo y a subir nuestro video.”

En esta sección haremos uso de los servicios de publicación de video de Vimeo

disponibles en www.vimeo.com)

1. Ingresar al sitio de Vimeo.

2. Subir un video al canal.

MÓDULO WORDPRESS

Clase 5

En esta clase vamos a ver los siguientes conceptos de WordPress.

1. ¿Qué es un CMS?

2. ¿Qué es WordPress?

3. WordPress.com vs. WordPress.org

4. Conceptos básicos

Recordá leer los contenidos de la presentación “WordPress” y ver los videos de clase

donde te voy a explicar cómo hacer los diferentes ejercicios

Ejercicios a plantear en clase

Slide 7 de “WordPress” - “Vamos a ver los sitios de WordPress.com y WordPress.org”

Tenés que analizar los diferentes planes de WordPress.COM y compararlos con

WordPress.org. En el caso del sitio .org descargate los archivos para mostrarles a los

alumnos en que consiste esta versión.

Slide 11 de “WordPress” - “Vamos a ver ejemplos de sitios hechos con WordPress”

Ejemplos:

Sitio empresa de software: http://www.sisem.net/

Sitio empresa de colectivos: http://www.zenit.com.ar/

Sitio e-commerce: http://www.dermashape.com.ar

Sitio Hosteria: http://www.estanciasanjoaquin.com.ar/

Sito medio de comunicación: http://lationews.com/acerca-de-lationews/

Sitio Medico para niños: http://pediatradefamilia.com.ar/

Clase 6

Inicialmente te recomiendo que abras una cuenta gratuita en WordPress.com para poder

dar esta clase. Vamos a ver los siguientes elementos y funcionalidades de WordPress:

1. Ajustes

2. Temas

3. Entradas, Páginas y Categorías

4. Menú

Recordá leer los contenidos de la presentación “WordPress 2” y ver los videos de clase

donde te explicamos cómo dar la clase y hacer los diferentes ejercicios.

Ejercicios a realizar en clase

Slide 8 de “WordPress” - “Vamos a ver ejemplos de diferentes Plugins de WordPress”.

Plug-in SEO YOAST: https://WordPress.org/plugins/WordPress-seo/

Plug-in E-commerce Woocommerce: https://WordPress.org/plugins/woocommerce/

Plug-in Seguridad Wordfence : https://WordPress.org/plugins/wordfence/

Plug-in Calendario The Events Calendar : https://WordPress.org/plugins/the-events-

calendar/

Plug-in Instagram Feed : https://WordPress.org/plugins/instagram-feed/

Clase 7

En esta clase vamos a ver los siguientes elementos y funcionalidades de WordPress:

1. Crear una cuenta en WordPress .COM

2. Panel y funcionalidades

Recordá leer los contenidos de la presentación “WordPress 3” y ver los videos de clase

donde te voy a explicar cómo dar la clase hacer los diferentes ejercicios

Ejercicios a plantear en clase

Slide 8 de “WordPress” - “Vamos a crear nuestra primer cuenta en WordPress.com”.

Tenés que asistir a los alumnos en el proceso paso a paso de crear su primer cuenta

gratuita en WordPress.com

Slide 9 de “WordPress” - “Vamos a ver en detalle todas las funcionalidades de WordPress.COM”.

Tenés que explicar todas las secciones del sistema WordPress, su funcionalidad y la

forma en la que se realizan los ajustes sobre cada una de ellas.

Clase 8

Esta clase estará destinada para que tus alumnos creen y cierren sus proyectos de

WordPress.com en clase. Es un buen momento para la respuesta de inquietudes o

repasar temas que hayan quedado pendientes de clases anteriores. Acompaña a cada

alumno en ver cómo vienen con la creación de su blog y ayudalos a terminar su ejercicio,

cada uno a su nivel.

No esperes ni les hagas entender a los alumnos que todos deberían estar al mismo nivel.

Planteales objetivos que cada persona pueda cumplir y que terminen el curso con un

sitio o blog funcionando para cada uno de ellos.