Taller WordPress

download Taller WordPress

If you can't read please download the document

Embed Size (px)

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

  • 1. Plataforma Web de Fecaparagn. 30 de Abril de 2.014 Pedro Jos Bosque Coma http://pedrojosebosque.com
  • 2. Taller de WordPress - Indice 1. Introduccin 2. El Panel de Control de WordPress 3. Crear contenido: Entradas y Pginas. Categoras y Etiquetas 4. Citas, mapas y formularios en entradas y pginas. 5. MEDIOS: Documentos, Imgenes, vdeos 6. Posicionamiento SEO 7. Usuario Administrador 8. Personalizar Apariencia: Ttulo, Colores, Imgenes, Mens, Enlaces y Portada 9. Ruegos y Preguntas Pedro Jos Bosque Coma http://pedrojosebosque.com
  • 3. 1. Introduccin Acerca de WordPress WordPress.com y WordPress.org http://wp.com Nuestro Sitio Web: Est montado con la versin 3.9 con el tema Twenty Fourteen. Los ms recientes. Tiene menos de un mes desde su actualizacin. 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 cronolgicamente donde la ms reciente es la primera que se ve. Se deben clasificar en Categoras y se pueden agrupar por Etiquetas. Las entradas antiguas se archivan conforme mes y ao. Las Entradas son sindicadas a travs de RSS, lo que permite a nuestros que sigan nuestras publicaciones a travs de RSS feeds. Las entradas permiten que sean compatibles con redes sociales. Las entradas incluyen la funcin para activar comentarios. Ojo. 3. Crear contenido: Entradas y Pginas. Categoras y Etiquetas Pedro Jos Bosque Coma http://pedrojosebosque.com
  • 6. Pginas: Son contenidos estticos de informacin. Se utilizan para publicar una descripcin, 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 Jerarqua por naturaleza, lo que permite tener subpginas dentro de una pgina. As mismo, las pginas incluyen una caracterstica llamada Orden que permite presentarlas bajo el orden numrico que establezcamos. Por defecto en las pginas no deberamos permitir comentarios. 3. Crear contenido: Entradas y Pginas. Categoras y Etiquetas Pedro Jos Bosque Coma http://pedrojosebosque.com
  • 7. Categoras : Especial cuitado en elegir bien las Categoras sobre las que pensamos hablar o publicar. Concepto o temas principales de los que trata el Blog. Deberan formar parte de nuestro men. ser ms fcil y ordenado encontrar la informacin Tener pocas y buenas 3. Crear contenido: Entradas y Pginas. Categoras y Etiquetas Pedro Jos Bosque Coma http://pedrojosebosque.com
  • 8. Etiquetas (tags): Conceptos ms especficos de los que trata cada post, dentro de una Categora en el Blog. WordPress hace intuitivo el pinchar encima de las etiquetas de los posts. Si las vamos centrando en no muchas, tendremos tambin 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 Pginas. Categoras y Etiquetas Pedro Jos Bosque Coma http://pedrojosebosque.com
  • 9. 3. Entradas y Pginas. Categoras y Etiquetas: RESUMEN Entradas y Pginas. Las entradas muestran su fecha de publicacin, las pginas no. Las entradas son sociales, las pginas no. Las entradas pueden clasificarse por categoras. En las pginas se puede establecer una Jerarqua y un orden. Las Entradas se incluyen en los RSS, las pginas no. Las pginas pueden presentarse sin la columna de la derecha. Categoras y Etiquetas Tener pocas y buenas Pedro Jos Bosque Coma http://pedrojosebosque.com
  • 10. CITAS En una entrada o pgina podemos crear una presentacin de texto tipo cita Ejemplo en Entrada de Nueva pgina web del ampa Ejemplo de cmo incrustar una cita: Aqu la cita 4. Citas, mapas y formularios en entradas y pginas. Pedro Jos Bosque Coma http://pedrojosebosque.com
  • 11. MAPAS Lo utilizaremos para nuestra pgina dnde estamos y cuando queramos presentar alguna actividad. Usaremos Google Maps para copiar el cdigo. Vamos a https://maps.google.es/. Buscamos cada uno nuestro colegio Editar la pgina dnde estamos (Incrustar un mapa) 4. Citas, mapas y formularios en entradas y pginas. Pedro Jos Bosque Coma http://pedrojosebosque.com
  • 12. FORMULARIOS Se insertan en pginas o entradas Empezaremos editando nuestro formulario de contacto del ampa. Vamos a la pgina contacto. 4. Citas, mapas y formularios en entradas y pginas. Pedro Jos Bosque Coma http://pedrojosebosque.com
  • 13. 5. MEDIOS: Documentos, Vdeos, Imgenes, Galeras Documentos Los navegadores Web saben leer Documentos de texto, videos e imgenes. 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, Vdeos, Imgenes, Galeras Documentos Los navegadores Web saben leer Documentos de texto, videos e imgenes. 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. Vdeos Incrustar un vdeo de YouTube Pedro Jos Bosque Coma http://pedrojosebosque.com
  • 15. 5. MEDIOS: Documentos, Vdeos, Imgenes, Galeras Imgenes: Copiar imgenes desde Internet. Descargarlas. El peligro de vincularlas. Las publicaciones, son mucho ms entretenidas cuando contienen imgenes. Cuando publiquemos documentos pdfs, nos aparecer una lnea a la que si pinchamos nos mostrar el contenido. Vamos a ver cmo queda mucho ms vistoso si convertimos un pdf a imagen. Utilizaremos Convertir pdf a imagen http://pdf2.jpg.net Cuando queramos editar una imagen: Editor de imgenes on-line http://pixlr.com Galeras: Crear galera de imgenes. Presentacin Pedro Jos Bosque Coma http://pedrojosebosque.com
  • 16. 6. Posicionamiento SEO Tener una pgina Web no implica que aparezca en los primeros resultados de buscadores como Google o Yahoo. Si queremos conseguir que nuestra pgina Web se indexe correctamente con buscadores tipo Google, debemos seguir una serie de consejos. A toda esta tcnica se le conoce como SEO Search Engine Optimization Pedro Jos Bosque Coma http://pedrojosebosque.com
  • 17. 6. Posicionamiento SEO Claves principales: - Metadatos de informacin - Pginas amigables - Optimizacin de imgenes - Enlaces Internos - Sitemap del sitio - Enlazar la pgina con Redes Sociales, Maps - Otras tcnicas: Registrar la pgina 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 ms importantes de nuestra pgina Generales Escritura Lectura Comentarios Medios Enlaces Permanentes Cookies Compartir StatPress: Estadsticas 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 Mens 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 mviles. Son los programitas que nos permiten hacer cosas en nuestra Web. Estn montadas las bsicas 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://pedr