Taller WordPress

23
Taller de WordPress Plataforma Web de Fecaparagón. 30 de Abril de 2.014 Pedro José Bosque Coma http://pedrojosebosque.com

description

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.

Transcript of Taller WordPress

Page 1: Taller WordPress

Taller de WordPress

Plataforma Web de Fecaparagón. 30 de Abril

de 2.014

Pedro José Bosque Comahttp://

pedrojosebosque.com

Page 2: Taller WordPress

Taller de WordPress - Indice1. Introducción2. El Panel de Control de WordPress3. Crear contenido: Entradas y Páginas.

Categorías y Etiquetas4. Citas, mapas y formularios en entradas y

páginas.5. MEDIOS: Documentos, Imágenes, vídeos6. Posicionamiento SEO7. Usuario Administrador8. Personalizar Apariencia: Título, Colores,

Imágenes, Menús, Enlaces y Portada9. Ruegos y Preguntas

Pedro José Bosque Comahttp://

pedrojosebosque.com

Page 3: Taller WordPress

1. IntroducciónAcerca de WordPressWordPress.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 Comahttp://

pedrojosebosque.com

Page 4: Taller WordPress

2. El Panel de Control de WordPress

Pedro José Bosque Comahttp://

pedrojosebosque.com

Page 5: Taller WordPress

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 Comahttp://

pedrojosebosque.com

Page 6: Taller WordPress

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 Comahttp://

pedrojosebosque.com

Page 7: Taller WordPress

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 Comahttp://

pedrojosebosque.com

Page 8: Taller WordPress

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 Comahttp://

pedrojosebosque.com

Page 9: Taller WordPress

3. Entradas y Páginas. Categorías y Etiquetas: RESUMENEntradas 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 EtiquetasTener pocas y buenas

Pedro José Bosque Comahttp://

pedrojosebosque.com

Page 10: Taller WordPress

CITASEn 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 Comahttp://

pedrojosebosque.com

Page 11: Taller WordPress

MAPASLo 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 Comahttp://

pedrojosebosque.com

Page 12: Taller WordPress

FORMULARIOSSe insertan en páginas o entradasEmpezaremos 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 Comahttp://

pedrojosebosque.com

Page 13: Taller WordPress

5. MEDIOS: Documentos, Vídeos, Imágenes, GaleríasDocumentosLos 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 Comahttp://

pedrojosebosque.com

Page 14: Taller WordPress

5. MEDIOS: Documentos, Vídeos, Imágenes, GaleríasDocumentosLos 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ídeosIncrustar un vídeo de YouTube

Pedro José Bosque Comahttp://

pedrojosebosque.com

Page 15: Taller WordPress

5. MEDIOS: Documentos, Vídeos, Imágenes, GaleríasImá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

Page 16: Taller WordPress

6. Posicionamiento SEOTener 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 Comahttp://

pedrojosebosque.com

Page 17: Taller WordPress

6. Posicionamiento SEOClaves 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

Page 18: Taller WordPress

7. Usuario AdministradorEscritorio. 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 => ComentariosSugerencias: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 Comahttp://

pedrojosebosque.com

Page 19: Taller WordPress

Ajustes: Desde aquí vamos a definir los aspectos más importantes de nuestra página

GeneralesEscrituraLecturaComentariosMediosEnlaces PermanentesCookiesCompartirStatPress: Estadísticas de nuestra Web

7. Usuario Administrador

Pedro José Bosque Comahttp://

pedrojosebosque.com

Page 20: Taller WordPress

8. Apariencia, Plugins, Usuarios, Herramientas, Ajustes y StatPress

AparienciaDesde aquí definimos la apariencia de

nuestra WebTemasPersonalizar WidgetsMenúsEditar CSSCabecera Fondo:Editor:

Pedro José Bosque Comahttp://

pedrojosebosque.com

Page 21: Taller WordPress

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 Comahttp://

pedrojosebosque.com

Page 22: Taller WordPress

9. Ruegos y Preguntas

Pedro José Bosque Comahttp://

pedrojosebosque.com

Foro para compartir dudas :

[email protected]

Page 23: Taller WordPress

Taller de WordPress

Plataforma Web de Fecaparagón. 30 de Abril

de 2.014

Pedro José Bosque Comahttp://

pedrojosebosque.com