Este taller lo he impartido en el Centro Joaquín Roncal de Zaragoza y está destinado para que las Ampas Asociadas a Fecaparagón, puedan ser sus propios gestores de noticias a través de un blog.
El taller, no sólo incluye temas exclusivos de WordPress, sino también, tratamiento de imágenes, subir videos a YouTube y presentaciones a SlideShare, y claves SEO para mejorar el posicinamiento natural de su página Web entre otros temas.
Se imparte previa inscripción en Fecaparagón, los días 30 de abril y 7 de mayo de 2014 en horario de 16:00 a 21:00.
1. Plataforma Web de Fecaparagón.
30 de Abril de 2.014
Pedro José Bosque Coma
http://pedrojosebosque.com
2. Taller de WordPress - Indice
1. Introducción
2. El Panel de Control de WordPress
3. Crear contenido: Entradas y Páginas. Categorías y
Etiquetas
4. Citas, mapas y formularios en entradas y páginas.
5. MEDIOS: Documentos, Imágenes, vídeos
6. Posicionamiento SEO
7. Usuario Administrador
8. Personalizar Apariencia: Título, Colores, Imágenes,
Menús, Enlaces y Portada
9. Ruegos y Preguntas Pedro José Bosque Coma
http://pedrojosebosque.com
3. 1. Introducción
Acerca de WordPress
WordPress.com y WordPress.org
http://wp.com
Nuestro Sitio Web:
Está montado con la versión 3.9 con el tema Twenty
Fourteen. Los más recientes. Tiene menos de un mes
desde su actualización.
Pedro José Bosque Coma
http://pedrojosebosque.com
4. 2. El Panel de Control de WordPress
Pedro José Bosque Coma
http://pedrojosebosque.com
5. Entradas:
Son Noticias, publicaciones o “Posts”. Se ordenan
cronológicamente donde la más reciente es la primera que
se ve. Se deben clasificar en Categorías y se pueden agrupar
por Etiquetas. Las entradas antiguas se archivan conforme
mes y año. Las Entradas son sindicadas a través de RSS, lo
que permite a nuestros que sigan nuestras publicaciones a
través de “RSS feeds”.
Las entradas permiten que sean compatibles con redes
sociales.
Las entradas incluyen la función para activar “comentarios”.
Ojo.
3. Crear contenido: Entradas y
Páginas. Categorías y Etiquetas
Pedro José Bosque Coma
http://pedrojosebosque.com
6. Páginas:
Son contenidos estáticos de información. Se utilizan para
publicar una descripción, formularios de contacto, aviso
legal, etc.
No muestran la hora o fecha en que fueron publicadas, y
por defecto no incluyen enlaces RSS.
A diferencia de las entras, tienen una Jerarquía por
naturaleza, lo que permite tener subpáginas dentro de una
página. Así mismo, las páginas incluyen una característica
llamada “Orden” que permite presentarlas bajo el orden
numérico que establezcamos.
Por defecto en las páginas no deberíamos permitir
comentarios.
3. Crear contenido: Entradas y
Páginas. Categorías y Etiquetas
Pedro José Bosque Coma
http://pedrojosebosque.com
7. Categorías :
Especial cuitado en elegir bien las Categorías sobre las
que pensamos hablar o publicar.
Concepto o temas principales de los que trata el Blog.
Deberían formar parte de nuestro menú. será más
fácil y ordenado encontrar la información
Tener pocas y buenas
3. Crear contenido: Entradas y
Páginas. Categorías y Etiquetas
Pedro José Bosque Coma
http://pedrojosebosque.com
8. Etiquetas (tags):
Conceptos más específicos de los que trata cada post,
dentro de una Categoría en el Blog.
WordPress hace intuitivo el pinchar encima de las
etiquetas de los posts. Si las vamos centrando en no
muchas, tendremos también muy bien organizados los
post, para que cuando un usuario “pinche” una de
nuestras etiquetas, se le presente una pantalla con
todas las entradas que incluyen esa etiqueta.
3. Crear contenido: Entradas y
Páginas. Categorías y Etiquetas
Pedro José Bosque Coma
http://pedrojosebosque.com
9. 3. Entradas y Páginas. Categorías y
Etiquetas: RESUMEN
Entradas y Páginas.
Las entradas muestran su fecha de publicación, las páginas
no.
Las entradas son sociales, las páginas no.
Las entradas pueden clasificarse por categorías. En las
páginas se puede establecer una Jerarquía y un orden.
Las Entradas se incluyen en los RSS, las páginas no.
Las páginas pueden presentarse sin la columna de la
derecha.
Categorías y Etiquetas
Tener pocas y buenas Pedro José Bosque Coma
http://pedrojosebosque.com
10. CITAS
En una entrada o página podemos crear una
presentación de texto tipo “cita”
Ejemplo en Entrada de “Nueva página web del ampa”
Ejemplo de cómo incrustar una cita:
<blockquote class="alignleft">Aquí la
cita</blockquote>
4. Citas, mapas y formularios en
entradas y páginas.
Pedro José Bosque Coma
http://pedrojosebosque.com
11. MAPAS
Lo utilizaremos para nuestra página dónde estamos y
cuando queramos presentar alguna actividad.
Usaremos Google Maps para copiar el código.
Vamos a https://maps.google.es/. Buscamos cada uno
nuestro colegio
Editar la página dónde estamos (Incrustar un mapa)
4. Citas, mapas y formularios en
entradas y páginas.
Pedro José Bosque Coma
http://pedrojosebosque.com
12. FORMULARIOS
Se insertan en páginas o entradas
Empezaremos editando nuestro formulario de
contacto del ampa. Vamos a la página “contacto”.
4. Citas, mapas y formularios en
entradas y páginas.
Pedro José Bosque Coma
http://pedrojosebosque.com
13. 5. MEDIOS: Documentos,
Vídeos, Imágenes, Galerías
Documentos
Los navegadores Web saben leer Documentos de texto,
videos e imágenes. Cuando pinchamos sobre un enlace
de uno de estos documentos, nos los muestra. El resto
de documentos “Word”, “Excel”… no los saben leer y
por tanto, al pincharlos nos propone una ventana de
descarga.
Pedro José Bosque Coma
http://pedrojosebosque.com
14. 5. MEDIOS: Documentos,
Vídeos, Imágenes, Galerías
Documentos
Los navegadores Web saben leer Documentos de texto,
videos e imágenes. Cuando pinchamos sobre un enlace
de uno de estos documentos, nos los muestra. El resto
de documentos “Word”, “Excel”… no los saben leer y
por tanto, al pincharlos nos propone una ventana de
descarga.
Vídeos
Incrustar un vídeo de YouTube
Pedro José Bosque Coma
http://pedrojosebosque.com
15. 5. MEDIOS: Documentos,
Vídeos, Imágenes, Galerías
Imágenes:
Copiar imágenes desde Internet. Descargarlas. El peligro de vincularlas.
Las publicaciones, son mucho más entretenidas cuando contienen
imágenes. Cuando publiquemos documentos pdf’s, nos aparecerá una
línea a la que si pinchamos nos mostrará el contenido.
Vamos a ver cómo queda mucho más vistoso si convertimos un pdf a
imagen. Utilizaremos
Convertir pdf a imagen http://pdf2.jpg.net
Cuando queramos editar una imagen:
Editor de imágenes on-line http://pixlr.com
Galerías:
Crear galería de imágenes.
Presentación
Pedro José Bosque Coma
http://pedrojosebosque.com
16. 6. Posicionamiento SEO
Tener una página Web no implica que aparezca en los
primeros resultados de buscadores como Google o
Yahoo.
Si queremos conseguir que nuestra página Web se
indexe correctamente con buscadores tipo Google,
debemos seguir una serie de consejos. A toda esta
técnica se le conoce como “SEO” “Search Engine
Optimization”
Pedro José Bosque Coma
http://pedrojosebosque.com
17. 6. Posicionamiento SEO
Claves principales:
- Metadatos de información
- Páginas amigables
- Optimización de imágenes
- Enlaces Internos
- Sitemap del sitio
- Enlazar la página con Redes Sociales, Maps…
- Otras técnicas: Registrar la página en Desarrolladores
de Google, Yahoo…
Pedro José Bosque Coma
http://pedrojosebosque.com
18. 7. Usuario Administrador
Escritorio.
Jetpack. Es un Conjunto de Plugins que para su funcionamiento
requiere que esté integrado con Wordpress.com.
Comentarios:
Aquí se recogen todos los comentarios que publiquen nuestros
visitantes al blog si los tenemos habilitados.
Vamos a configurar las opciones desde:
Ajustes => Comentarios
Sugerencias:
Aquí se recogen las respuestas a los formularios que hemos creado.
Herramientas:
Sirve para exportar e importar contenidos de nuestro blog. Lo
utilizaremos para hacer copias de seguridad
Pedro José Bosque Coma
http://pedrojosebosque.com
19. Ajustes: Desde aquí vamos a definir los aspectos más
importantes de nuestra página
Generales
Escritura
Lectura
Comentarios
Medios
Enlaces Permanentes
Cookies
Compartir
StatPress: Estadísticas de nuestra Web
7. Usuario Administrador
Pedro José Bosque Coma
http://pedrojosebosque.com
20. 8. Apariencia, Plugins, Usuarios,
Herramientas, Ajustes y StatPress
Apariencia
Desde aquí definimos la apariencia de nuestra Web
Temas
Personalizar
Widgets
Menús
Editar CSS
Cabecera
Fondo:
Editor:
Pedro José Bosque Coma
http://pedrojosebosque.com
21. 8. Apariencia, Plugins, Usuarios,
Herramientas, Ajustes y StatPress
Plugins:
Concepto parecido a las APP de nuestros móviles. Son
los “programitas” que nos permiten hacer cosas en
nuestra Web. Están montadas las básicas e
imprescindibles para el funcionamiento de nuestra
Web. El uso excesivo de plugins puede ralentizar la
Web. Vamos a configurar All in one Favicon
Usuarios:
Desde aquí podemos dar de alta y editar usuarios
Pedro José Bosque Coma
http://pedrojosebosque.com
22. 9. Ruegos y Preguntas
Pedro José Bosque Coma
http://pedrojosebosque.com
Foro para compartir dudas :
web-ampas@googlegroups.com
23. Plataforma Web de Fecaparagón.
30 de Abril de 2.014
Pedro José Bosque Coma
http://pedrojosebosque.com