Curso de Diseño de páginas Web con WordPress.com

1,111 views

Published on

Curso de WordPress.com:
- Registro de wordpress.com
- Creación de una página Web/Blog
- Interfaz Plantillas Widgets y Plugins
- Menús
- Multimedia: imágenes y vídeos
- Configuración avanzada
- SEO Wordpress

Published in: Technology
  • Be the first to comment

Curso de Diseño de páginas Web con WordPress.com

  1. 1. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez Guisado francisco@humantica.comfrancisco@humantica.com www.humantica.comwww.humantica.com Curso deCurso de WordPress.comWordPress.com (Diseño de Blogs y Páginas Web con WordPress.com)(Diseño de Blogs y Páginas Web con WordPress.com) Junio deJunio de 20152015
  2. 2. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 2CURSO DE WORDPRESSCURSO DE WORDPRESS Diseño de Páginas WebDiseño de Páginas Web con WordPress.comcon WordPress.com 1.1. IntroducciónIntroducción 2.2. RegistroRegistro 3.3. ConfiguraciónConfiguración 4.4. EntradasEntradas 5.5. MultimediaMultimedia Único requisito: Correo electrónicoÚnico requisito: Correo electrónico 6.6. MenúsMenús 7.7. TemasTemas 8.8. WidgetsWidgets 9.9. PluginsPlugins 10.10.MantenimientoMantenimiento
  3. 3. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 3CURSO DE WORDPRESSCURSO DE WORDPRESS 1. Tres razones para1. Tres razones para tener tu propio Blogtener tu propio Blog 1.1. Compartir tusCompartir tus ideasideas 2.2. Puedes ganarPuedes ganar dinerodinero 3.3. Es casi obligatorio si quieresEs casi obligatorio si quieres dar unadar una imagen públicaimagen pública ((brandingbranding personal)personal)
  4. 4. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 4CURSO DE WORDPRESSCURSO DE WORDPRESS 1. ¿Qué es WordPress?1. ¿Qué es WordPress? • Es unEs un CMSCMS (Gestor de Contenidos)(Gestor de Contenidos) • Está desarrollado enEstá desarrollado en PHPPHP yy MySQLMySQL • Tiene licenciaTiene licencia GNUGNU GPLGPL • Su competidor esSu competidor es BloggerBlogger (Google)(Google) Al final del curso hay un pequeñoAl final del curso hay un pequeño diccionariodiccionario. Consulta la Wikipedia. Consulta la Wikipedia Lanzado en 2003
  5. 5. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 5CURSO DE WORDPRESSCURSO DE WORDPRESS 1. ¿Por qué diseñar tu1. ¿Por qué diseñar tu web con WordPress.com?web con WordPress.com? 1.1. EsEs gratuitogratuito 2.2. Fácil deFácil de crearcrear 3.3. Muy fácil deMuy fácil de mantenermantener 4.4. Atrae muchosAtrae muchos visitantesvisitantes 5.5. SeSe posicionaposiciona muy bienmuy bien 6.6. El resultado es limpio yEl resultado es limpio y profesionalprofesional
  6. 6. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 6 10. Ejemplos10. Ejemplos Visita los blogs:Visita los blogs: humantica.eshumantica.es** EnergiaLibre.esEnergiaLibre.es, valderramaehijos.com, valderramaehijos.com KaiZen.org.esKaiZen.org.es, smfatima.wordpress.com, smfatima.wordpress.com RecetasParaSolteros.wordpress.comRecetasParaSolteros.wordpress.com
  7. 7. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 7CURSO DE WORDPRESSCURSO DE WORDPRESS 1. Diferencias entre1. Diferencias entre WordPress.comWordPress.com y WordPress.orgy WordPress.org • ConCon WordPress.comWordPress.com podrás crear tu Weblog en muypodrás crear tu Weblog en muy poco tiempo, quedando alojado en WordPress.com.poco tiempo, quedando alojado en WordPress.com. SinSin costocosto, pero con limitaciones., pero con limitaciones. • En cambio si decides usarEn cambio si decides usar WordPress.orgWordPress.org necesitarásnecesitarás tener untener un alojamiento propioalojamiento propio del blog (del blog (hostinghosting de pago)de pago) donde instalar todo el paquete de código abierto de estadonde instalar todo el paquete de código abierto de esta plataforma. Tendrás más opciones y flexibilidad.plataforma. Tendrás más opciones y flexibilidad.
  8. 8. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 8CURSO DE WORDPRESSCURSO DE WORDPRESS 1. Lo “bueno” y lo “malo”1. Lo “bueno” y lo “malo” Lo bueno de WordPress.comLo bueno de WordPress.com :: •ElEl alojamiento es gratisalojamiento es gratis y mucho más fácil de configurary mucho más fácil de configurar •Todo a cargo de WordPress: instalación, actualizaciones,Todo a cargo de WordPress: instalación, actualizaciones, spamspam, seguridad, seguridad •Tu Web está en cientos de servidores, es poco probable que el sitioTu Web está en cientos de servidores, es poco probable que el sitio caigacaiga •TusTus entradasentradas son guardadas automáticamente con copia de seguridadson guardadas automáticamente con copia de seguridad •Muy buenMuy buen posicionamientoposicionamiento en Google, mejor que una página Weben Google, mejor que una página Web •Acceso seguroAcceso seguro para que nadie pueda entrar en tu cuenta si utilizaspara que nadie pueda entrar en tu cuenta si utilizas Wi-FiWi-Fi •Tienes laTienes la opción de pagoopción de pago para aumentar el espacio y tener tu dominiopara aumentar el espacio y tener tu dominio Lo malo de WordPress.comLo malo de WordPress.com :: •Ofrecen pocos temas (más cada día) que se puede modificar y editar el CSSOfrecen pocos temas (más cada día) que se puede modificar y editar el CSS con algunas restricciones , perocon algunas restricciones , pero nono puede ejecutar un tema personalizadopuede ejecutar un tema personalizado •NoNo se puede personalizar el código PHP detrás de tu blogse puede personalizar el código PHP detrás de tu blog ** •NoNo se puede cargarse puede cargar pluginsplugins, que son pequeñas partes de código, que son pequeñas partes de código ** •NoNo puedes instalarpuedes instalar widgetwidget de publicidad o anuncios en tu blog (te cierran)de publicidad o anuncios en tu blog (te cierran) ** •Si quieresSi quieres exportar el blogexportar el blog a otro alojamientoa otro alojamiento  difícil y cuesta dineritodifícil y cuesta dinerito ** SíSí con las versiones de pagocon las versiones de pago
  9. 9. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 9CURSO DE WORDPRESSCURSO DE WORDPRESS 1. ¿Qué puedo construir?1. ¿Qué puedo construir? • Sitios WebSitios Web: Webs profesionales: Webs profesionales • BlogsBlogs: Webs personales tipo bitácora: Webs personales tipo bitácora y con relación con los lectoresy con relación con los lectores • WeblogsWeblogs: Mezcla de los anteriores: Mezcla de los anteriores • RevistasRevistas: De hecho así nació WP: De hecho así nació WP • CMSCMS: Gestor de contenidos: Gestor de contenidos • Tiendas onlineTiendas online (pagando)(pagando)
  10. 10. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 10CURSO DE WORDPRESSCURSO DE WORDPRESS 2. ¡Regístrate en WP!2. ¡Regístrate en WP! Piensa en el nombre que tendrá tu Web… “recetasparasolteros”.Piensa en el nombre que tendrá tu Web… “recetasparasolteros”. Puedes crear una cuenta gratuita sólo para Wordpress.Puedes crear una cuenta gratuita sólo para Wordpress. 1.1. Accede a la páginaAccede a la página es.wordpress.comes.wordpress.com 2.2. Pulsa “Pulsa “Crear sitio webCrear sitio web”” 3.3. Rellena los datos:Rellena los datos: • CorreoCorreo • Nombre usuarioNombre usuario • ContraseñaContraseña • Nombre del blogNombre del blog 4.4. Pulsa “Pulsa “.WordPress.com.WordPress.com GratisGratis”” • Ojito con las trampas paraOjito con las trampas para que contrates algoque contrates algo
  11. 11. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 11CURSO DE WORDPRESSCURSO DE WORDPRESS 2. ¡Regístrate en WordPress.com!2. ¡Regístrate en WordPress.com! Responde con mucha atención a todas las preguntas.Responde con mucha atención a todas las preguntas. Y ojito con la “trampas” para que pagues por los servicios.Y ojito con la “trampas” para que pagues por los servicios.
  12. 12. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 12CURSO DE WORDPRESSCURSO DE WORDPRESS 2. Guarda tus contraseñas2. Guarda tus contraseñas Dirección del sitio Web: .wordpress.com Usuario: Correo electrónico: @ Contraseña: Y no olvidesY no olvides cerrar sesióncerrar sesión antes de salir deantes de salir de WordPressWordPress
  13. 13. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 13CURSO DE WORDPRESSCURSO DE WORDPRESS 2. Elige un tema2. Elige un tema Selecciona de momento el tema “Selecciona de momento el tema “Misty LakeMisty Lake” (u otro parecido)” (u otro parecido)
  14. 14. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 14CURSO DE WORDPRESSCURSO DE WORDPRESS 2. Visualiza tu tema2. Visualiza tu tema Lo configuraremos más adelanteLo configuraremos más adelante
  15. 15. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 15CURSO DE WORDPRESSCURSO DE WORDPRESS 2. Entra en tu Blog2. Entra en tu Blog • Como visitante:Como visitante: recetasparasolteros.wordpress.comrecetasparasolteros.wordpress.com • Como administrador:Como administrador: recetasparasolteros.wordpress.com/adminrecetasparasolteros.wordpress.com/admin Ten abiertas dos pestañas en el navegador, una para cada unoTen abiertas dos pestañas en el navegador, una para cada uno //wp-adminwp-admin
  16. 16. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 16CURSO DE WORDPRESSCURSO DE WORDPRESS 2. Como visitante2. Como visitante recetasparasolteros.wordpress.comrecetasparasolteros.wordpress.com
  17. 17. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 17CURSO DE WORDPRESSCURSO DE WORDPRESS 2. Como administrador2. Como administrador recetasparasolteros.wordpress.com/adminrecetasparasolteros.wordpress.com/admin A estas alturas habremos recibido un correo para que confirmemos que hemos creado un nuevo Blog; ¡hazlo! Si has recibido un correo de confirmación, acéptaloSi has recibido un correo de confirmación, acéptalo
  18. 18. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 18CURSO DE WORDPRESSCURSO DE WORDPRESS 3. El escritorio (3. El escritorio (DashboardDashboard)) Lo primero que haré es poner todo el blog en español desde el escritorio:Lo primero que haré es poner todo el blog en español desde el escritorio: Setting / General / Languaje / es-EspañolSetting / General / Languaje / es-Español (Configuración / General / Idioma(Configuración / General / Idioma / Español). O lo puedes cambiar en el perfil:/ Español). O lo puedes cambiar en el perfil:
  19. 19. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 19CURSO DE WORDPRESSCURSO DE WORDPRESS 3. Opciones del escritorio3. Opciones del escritorio • Un vistazo generalUn vistazo general • Comprar mejorasComprar mejoras • Gestión de las EntradasGestión de las Entradas • Gestión de la Biblioteca MultimediaGestión de la Biblioteca Multimedia • Gestión de EnlacesGestión de Enlaces • Gestión de PáginasGestión de Páginas • Gestión de los Comentarios de tus visitantesGestión de los Comentarios de tus visitantes • Encuestas, Calificaciones y SugerenciasEncuestas, Calificaciones y Sugerencias • Todo lo referente a la estética de tu BlogTodo lo referente a la estética de tu Blog • Gestión de Perfiles y UsuariosGestión de Perfiles y Usuarios • Importación y Exportación del SitioImportación y Exportación del Sitio • Configuración generalConfiguración general • Simplificar el Menú del EscritorioSimplificar el Menú del Escritorio Revisa con el profe todasRevisa con el profe todas y cada una de lasy cada una de las opcionesopciones
  20. 20. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 20CURSO DE WORDPRESSCURSO DE WORDPRESS • Vamos a modificar el menúVamos a modificar el menú “Inicio”“Inicio”, para ello crea una entrada, para ello crea una entrada de texto. A esta Entrada la podríamos llamar “de texto. A esta Entrada la podríamos llamar “Bienvenido al BlogBienvenido al Blog”.”. Ten preparado un texto para el menú “Ten preparado un texto para el menú “InicioInicio”” • Te aconsejo queTe aconsejo que seasseas brevebreve y conciso.y conciso. 3. Menú “Inicio”3. Menú “Inicio” • El menú “El menú “InicioInicio”” recoge todas lasrecoge todas las entradas delentradas del BlogBlog.. **
  21. 21. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 21CURSO DE WORDPRESSCURSO DE WORDPRESS .. 4. Entradas en modo clásico4. Entradas en modo clásico
  22. 22. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 22CURSO DE WORDPRESSCURSO DE WORDPRESS .. 4. Entradas en modo mejorado4. Entradas en modo mejorado
  23. 23. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 23CURSO DE WORDPRESSCURSO DE WORDPRESS • Vamos a crear unaVamos a crear una entrada de nuevaentrada de nueva para lapara la de la Web, parade la Web, para ello piensa en ella, dibújala y después crea tu primera entrada,ello piensa en ella, dibújala y después crea tu primera entrada, dale un nombre que sea sencillo y explicativo.dale un nombre que sea sencillo y explicativo. Ten preparadosTen preparados una imagenuna imagen y un texto.y un texto. • No olvides alegrarlaNo olvides alegrarla con algunacon alguna imagenimagen.. • Rellena laRellena la CategoríaCategoría y lasy las EtiquetasEtiquetas.. 4. Crea una Entrada4. Crea una Entrada
  24. 24. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 24CURSO DE WORDPRESSCURSO DE WORDPRESS 4. Crea una entrada4. Crea una entrada
  25. 25. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 25CURSO DE WORDPRESSCURSO DE WORDPRESS Puedo cambiar de TEMA en cualquier momento (330) • € • Mostrar una PÁGINA ESTÁTICA (modo Página Web) Piensa en cómo deseas tu página principal*Piensa en cómo deseas tu página principal* • Cambia el TÍTULO y la DESCRIPCIÓN CORTA • Editar la imagen de la CABECERA* de la Web • Mostrar lista de subpáginas bajo la página principal 4. Apariencia de la Web4. Apariencia de la Web • € • € • Añade WIDGETS a la barra lateral
  26. 26. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 26CURSO DE WORDPRESSCURSO DE WORDPRESS 4. Añadir hiperenlaces4. Añadir hiperenlaces 1.1. BuscaBusca una página de interés en Internet y copia su direcciónuna página de interés en Internet y copia su dirección 2.2. EditaEdita una entrada o página de tu Bloguna entrada o página de tu Blog 3.3. Selecciona el texto que quieres que enlace a esa página WebSelecciona el texto que quieres que enlace a esa página Web 4.4. Pulsa el botónPulsa el botón Insertar EnlaceInsertar Enlace (Alt + Mayúscula + A)(Alt + Mayúscula + A) 5.5. Actualizar y pruebaActualizar y prueba qué tal se ve elqué tal se ve el vídeovídeo en Interneten Internet Localiza una página de interés en Internet y enlázala desde una entrada.Localiza una página de interés en Internet y enlázala desde una entrada. Después crea un enlace interno a alguna página de tu propia Web.Después crea un enlace interno a alguna página de tu propia Web. Sugiero una nueva entrada con enlaces a páginas de cocineros famosos.Sugiero una nueva entrada con enlaces a páginas de cocineros famosos. También puedesTambién puedes enlazar con unaenlazar con una Página o Entrada dePágina o Entrada de tu propia Webtu propia Web
  27. 27. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 27CURSO DE WORDPRESSCURSO DE WORDPRESS 4. Comentarios4. Comentarios Haz comentarios sobre las entradas de tus compañerosHaz comentarios sobre las entradas de tus compañeros ***********
  28. 28. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 28CURSO DE WORDPRESSCURSO DE WORDPRESS .. 4. Opciones de una entrada4. Opciones de una entrada Haz varias entradas probandoHaz varias entradas probando todastodas las opciones marcadas.las opciones marcadas. Inserta vídeos deInserta vídeos de YOUTUBEYOUTUBE,, tweetstweets dede TWITER.TWITER. Cambia el formato dependiendo del tema Mueve la entrada a la papelera y recupérala Prueba las dos opciones Borrador **
  29. 29. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 29CURSO DE WORDPRESSCURSO DE WORDPRESS .. 4. Programar publicaciones4. Programar publicaciones
  30. 30. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 30CURSO DE WORDPRESSCURSO DE WORDPRESS 5. Galería Multimedia5. Galería Multimedia • NecesitaremosNecesitaremos enriquecerenriquecer nuestra Web con imágenes.nuestra Web con imágenes. • Para ello debemos alimentar laPara ello debemos alimentar la GALERÍA MULTIMEDIAGALERÍA MULTIMEDIA con cuantascon cuantas imágenes creamos que vamos a necesitar.imágenes creamos que vamos a necesitar. • Siempre puedesSiempre puedes editar la Galeríaeditar la Galería para añadir, modificar o eliminar elementos.para añadir, modificar o eliminar elementos. • Ten en cuenta losTen en cuenta los derechos de autorderechos de autor al descargar imágenes de Internet.al descargar imágenes de Internet. Descarga unas cuantas fotos: para la página principal (huevo frito), paraDescarga unas cuantas fotos: para la página principal (huevo frito), para cada elemento del menú (sopa, filete, gazpacho…).Y para la Galeríacada elemento del menú (sopa, filete, gazpacho…).Y para la Galería** LuegoLuego podráspodrás EDITAREDITAR cadacada imagenimagen porpor separadoseparado
  31. 31. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 31CURSO DE WORDPRESSCURSO DE WORDPRESS .. 5. Galería de imágenes5. Galería de imágenes
  32. 32. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 32CURSO DE WORDPRESSCURSO DE WORDPRESS 5. Cabecera5. Cabecera 1.1. Crea una imagen recomendada deCrea una imagen recomendada de 1015x2761015x276 pixpix (en este Tema)(en este Tema) 2.2. GuárdalaGuárdala en la Biblioteca Multimediaen la Biblioteca Multimedia 3.3. Apariencia / Personalizar / Cabecera / Añadir nueva / GuardarApariencia / Personalizar / Cabecera / Añadir nueva / Guardar Ten preparada una imagen de fondo y otra/s como cabecera.Ten preparada una imagen de fondo y otra/s como cabecera. Aprende a cambiarla el tamaño con el programaAprende a cambiarla el tamaño con el programa Paint.Paint.
  33. 33. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 33CURSO DE WORDPRESSCURSO DE WORDPRESS 5. Imagen de fondo5. Imagen de fondo 1.1. AñadeAñade a la Biblioteca multimediaa la Biblioteca multimedia una imagenuna imagen 2.2. Apariencia / FondoApariencia / Fondo 3.3. EligeElige la imagen de la Bibliotecala imagen de la Biblioteca 4.4. Adjunto “Adjunto “FijoFijo”” 5.5. ……Y si no te gusta…Y si no te gusta… 6.6. QuitaQuita la imagen de fondola imagen de fondo 7.7. Selecciona un “Selecciona un “Color de fondoColor de fondo”” Cambia el fondo de tu WebCambia el fondo de tu Web
  34. 34. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 34CURSO DE WORDPRESSCURSO DE WORDPRESS 5. Crear tablas5. Crear tablas Crea unaCrea una tabla 2x3tabla 2x3 con tres fotos y tres textos usando el editor decon tres fotos y tres textos usando el editor de TextoTexto
  35. 35. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 35CURSO DE WORDPRESSCURSO DE WORDPRESS 6. Páginas principales6. Páginas principales • CrearemosCrearemos una página principal por cada elemento de menúuna página principal por cada elemento de menú que vayamos a necesitar.que vayamos a necesitar. • Piensa pues laPiensa pues la estructuraestructura que quieres que tenga el menú de tuque quieres que tenga el menú de tu Web (Superior/Orden).Web (Superior/Orden). Crea las páginas: “Entrantes”, “Segundos platos”.Crea las páginas: “Entrantes”, “Segundos platos”.
  36. 36. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 36CURSO DE WORDPRESSCURSO DE WORDPRESS 6. Categorías6. Categorías • Crea una categoría por cada tipo de entrada que necesitesCrea una categoría por cada tipo de entrada que necesites • Se puede (Se puede (y debey debe) poner más de una categoría por entrada) poner más de una categoría por entrada • Crea las siguientes categorías: “Crea las siguientes categorías: “PostresPostres”, “”, “Primeros platosPrimeros platos”,”, ““Segundos platosSegundos platos”…”… • Asigna las categorías correspondientes a cada entradaAsigna las categorías correspondientes a cada entrada Observa cómo se crea automáticamente un menú por cada página creadaObserva cómo se crea automáticamente un menú por cada página creada
  37. 37. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 37CURSO DE WORDPRESSCURSO DE WORDPRESS 6. Administración del Menú6. Administración del Menú • Crearemos los diferentes elementos del menú.Crearemos los diferentes elementos del menú. • Previamente habremos creado las páginas correspondientes.Previamente habremos creado las páginas correspondientes. Crea las páginas: “Crea las páginas: “Primeros platosPrimeros platos”, “”, “Segundos platosSegundos platos”… y las”… y las categorías “categorías “PostresPostres”, “”, “Platos fíosPlatos fíos”, “”, “Platos calientesPlatos calientes”...”...
  38. 38. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 38CURSO DE WORDPRESSCURSO DE WORDPRESS 6. Administración del Menú6. Administración del Menú • Cambiar los botones del menúCambiar los botones del menú • Resultado de nuestro menú:Resultado de nuestro menú: No olvides indicar en las páginas de los submenús de qué menúNo olvides indicar en las páginas de los submenús de qué menú dependen. Puedes añadir un menú enlazando a una página exterior.dependen. Puedes añadir un menú enlazando a una página exterior.
  39. 39. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 39CURSO DE WORDPRESSCURSO DE WORDPRESS 6. Página de6. Página de InicioInicio fijafija Crea una página llamada BIENVENIDO para el menú INICIOCrea una página llamada BIENVENIDO para el menú INICIO
  40. 40. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 40CURSO DE WORDPRESSCURSO DE WORDPRESS 6. Página del6. Página del BlogBlog fijafija 1º crea una página llamada1º crea una página llamada ””BlogBlog”” para el menú de las Entradas del Blogpara el menú de las Entradas del Blog Apariencia / Personalizar / PortadaApariencia / Personalizar / Portada
  41. 41. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 41CURSO DE WORDPRESSCURSO DE WORDPRESS • LosLos TEMASTEMAS son plantillas deson plantillas de diseño que sirven para establecerdiseño que sirven para establecer una apariencia y estructurauna apariencia y estructura • Ya seleccionaste el Tema “Ya seleccionaste el Tema “MistyMisty LakeLake” al principio de este curso” al principio de este curso • Ahora dedícate a cambiar el TemaAhora dedícate a cambiar el Tema de la Web para que veas lo fácilde la Web para que veas lo fácil que es y lo espectacular que puedeque es y lo espectacular que puede resultar el cambioresultar el cambio • Después de varios cambios deDespués de varios cambios de tema,tema, deja el tema “Yoko”deja el tema “Yoko” 7. Temas7. Temas Apariencia / Temas / Gratis / Busca un tema / Vista previa / ActivarApariencia / Temas / Gratis / Busca un tema / Vista previa / Activar Cambia el tema “Cambia el tema “Misty LakeMisty Lake” por “” por “YokoYoko”.”. Puedes ver todos en : theme.wordpress.comPuedes ver todos en : theme.wordpress.com Misty Lake Misty Lake Yoko Yoko
  42. 42. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 42CURSO DE WORDPRESSCURSO DE WORDPRESS 7. Personaliza el tema7. Personaliza el tema Modifica la CabeceraModifica la Cabecera, pues el cambio de tema la habrá modificado., pues el cambio de tema la habrá modificado. Crea unaCrea una Cabecera rotatoriaCabecera rotatoria con varias imágenes aleatorias.con varias imágenes aleatorias. Crea unCrea un fondo animadofondo animado, recuerda usar la “Herramientas de, recuerda usar la “Herramientas de búsqueda”búsqueda”
  43. 43. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 43CURSO DE WORDPRESSCURSO DE WORDPRESS 7. Imagen del Blog / Icono7. Imagen del Blog / Icono ConfiguraciónConfiguración  GeneralGeneral  Imagen del Blog / IconoImagen del Blog / Icono  ExaminarExaminar
  44. 44. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 44CURSO DE WORDPRESSCURSO DE WORDPRESS 7. Icono de tu usuario7. Icono de tu usuario UsuariosUsuarios  Mi perfilMi perfil  Cambiar tu GravatarCambiar tu Gravatar
  45. 45. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 45CURSO DE WORDPRESSCURSO DE WORDPRESS 8. Widgets8. Widgets ¿No te recuerdan a los¿No te recuerdan a los GadgetsGadgets de Windows 7?de Windows 7? Arrastrar
  46. 46. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 46CURSO DE WORDPRESSCURSO DE WORDPRESS 8. Widgets8. Widgets ¡Ojo! Cada¡Ojo! Cada TemaTema puede traerpuede traer WidgetsWidgets diferentesdiferentes
  47. 47. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 47CURSO DE WORDPRESSCURSO DE WORDPRESS 8. Widgets8. Widgets Muy importante laMuy importante la información de contactoinformación de contacto
  48. 48. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 48CURSO DE WORDPRESSCURSO DE WORDPRESS 8. Widgets8. Widgets Prueba tu propioPrueba tu propio feedfeed: https://recetasparasolteras.wordpress.com/feed: https://recetasparasolteras.wordpress.com/feed Integrar el RSS de otro, busca “Integrar el RSS de otro, busca “rss de cocina vegetarianarss de cocina vegetariana””
  49. 49. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 49CURSO DE WORDPRESSCURSO DE WORDPRESS 9. Plugins9. Plugins En WordPress.com no se pueden usarEn WordPress.com no se pueden usar PLUGINSPLUGINS. Sin. Sin embargo, puedes encontrar código HTML oembargo, puedes encontrar código HTML o WIDGETSWIDGETS que teque te sirvan.sirvan. Inserta un vídeoInserta un vídeo en la página deen la página de “Inicio” como código HTML o“Inicio” como código HTML o unun pluginplugin (Ninja Forms)(Ninja Forms)
  50. 50. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 50CURSO DE WORDPRESSCURSO DE WORDPRESS 9. Incluir un formulario9. Incluir un formulario 1.1. Crea unaCrea una nueva páginanueva página 2.2. Llámala “Llámala “ContactoContacto”” 3.3. Inserta este código:Inserta este código: [contact-form][contact-form] 4.4. GuárdalaGuárdala 5.5. Edita el menúEdita el menú 6.6. Añade un botónAñade un botón de menúde menú asociado a la paginaasociado a la pagina “Contacto”“Contacto” 7.7. PruebaPrueba que funcionaque funciona Hay otras opciones:Hay otras opciones:
  51. 51. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 51CURSO DE WORDPRESSCURSO DE WORDPRESS 10. Publicar entrada desde el10. Publicar entrada desde el correocorreo Configura tu blog y publica una entrada desde tu correoConfigura tu blog y publica una entrada desde tu correo qoli453page@post.wordpress.comqoli453page@post.wordpress.com
  52. 52. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 52CURSO DE WORDPRESSCURSO DE WORDPRESS 10. Publicar entrada desde Word10. Publicar entrada desde Word Ojito con la URL:Ojito con la URL: http://recetasparasolteros.wordpress.com/xmlrpc.phphttp://recetasparasolteros.wordpress.com/xmlrpc.php
  53. 53. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 53CURSO DE WORDPRESSCURSO DE WORDPRESS 10. Publicar Entrada desde10. Publicar Entrada desde WordWord Configura tu Word y publica unaConfigura tu Word y publica una Entrada desde WordEntrada desde Word
  54. 54. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 54CURSO DE WORDPRESSCURSO DE WORDPRESS 10. Gestión de usuarios10. Gestión de usuarios Colaborador HazHaz colaborador decolaborador de tu blog a tutu blog a tu compañero decompañero de claseclase
  55. 55. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 55CURSO DE WORDPRESSCURSO DE WORDPRESS 10. La app de WordPress10. La app de WordPress Instala “Wordpress” desde Google Play o Apple Store.Instala “Wordpress” desde Google Play o Apple Store.
  56. 56. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 56CURSO DE WORDPRESSCURSO DE WORDPRESS 10. Borrar mi Blog de WP10. Borrar mi Blog de WP
  57. 57. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 57CURSO DE WORDPRESSCURSO DE WORDPRESS 10. Crear otro Blog10. Crear otro Blog Una vez eliminado tu blog, o no; tu cuenta en WORDPRESS noUna vez eliminado tu blog, o no; tu cuenta en WORDPRESS no se pierde, así que puedes volver a entrar ense pierde, así que puedes volver a entrar en www.wordpress.com con tu usuario y crear uno o varios blogswww.wordpress.com con tu usuario y crear uno o varios blogs más asociados a la misma cuenta:más asociados a la misma cuenta:
  58. 58. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 58CURSO DE WORDPRESSCURSO DE WORDPRESS 10. Mantenimiento de WP10. Mantenimiento de WP 1.1. Sólo instala losSólo instala los widgetswidgets necesariosnecesarios 2.2. DedícaleDedícale un ratitoun ratito todas las semanastodas las semanas 3.3. Utiliza losUtiliza los pretty permalinkspretty permalinks 4.4. Etiqueta yEtiqueta y categorizacategoriza tus entradastus entradas 5.5. Haz unaHaz una copiacopia mensualmensual 6.6. RespondeResponde los comentarioslos comentarios de tus visitantesde tus visitantes (enlaces permanentes(enlaces permanentes o permalinks)o permalinks)
  59. 59. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 59CURSO DE WORDPRESSCURSO DE WORDPRESS 10. Las estadísticas10. Las estadísticas Plugins de estadísticas: Google Analytics for WordPress · JetPack · WP-Stats-Plugins de estadísticas: Google Analytics for WordPress · JetPack · WP-Stats- DashboardDashboard No hay estadísticas en wordpress.comNo hay estadísticas en wordpress.com wordpress.com/stats/recetasparasolteras.wordpress.comwordpress.com/stats/recetasparasolteras.wordpress.com
  60. 60. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 60CURSO DE WORDPRESSCURSO DE WORDPRESS 10. Posicionamiento - SEO10. Posicionamiento - SEO 1.1. Los buscadores son mi fuenteLos buscadores son mi fuente , y de, y de ellos me llega el nuevo cliente.ellos me llega el nuevo cliente. 2.2. MiMi pagerankpagerank ayuda muchoayuda mucho , y para, y para subirlo, constantemente lucho.subirlo, constantemente lucho. 3.3. Si me enlazan los mejoresSi me enlazan los mejores , consigo, consigo puestos y honores.puestos y honores. 4.4. Poner en mi dominio una palabraPoner en mi dominio una palabra ,, hace que escale como una cabra.hace que escale como una cabra. 5.5. Pon con acierto a la página títuloPon con acierto a la página título , y más cerca del usuario aparecerá el, y más cerca del usuario aparecerá el vínculo.vínculo. 6.6. LasLas keywordkeyword,, descriptiondescription yy authorauthor etiquetan tu contenido mejor.etiquetan tu contenido mejor. 7.7. Construye unConstruye un sitemapsitemap divinodivino, que a las arañas facilite el camino., que a las arañas facilite el camino. 8.8. El rey de todo es el contenidoEl rey de todo es el contenido , y en tu texto destacará siempre lo que pido., y en tu texto destacará siempre lo que pido. 9.9. La antigüedad del dominio y el certificadoLa antigüedad del dominio y el certificado , hacen que tu, hacen que tu sitesite sea biensea bien considerado.considerado. 10.10. Hacer trampas es un intento vano, puesHacer trampas es un intento vano, pues Google intenta parecer humanoGoogle intenta parecer humano .. Valentín Pereiro
  61. 61. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 61CURSO DE WORDPRESSCURSO DE WORDPRESS 11. Un poquito más de SEO11. Un poquito más de SEO 1.1.Realizar un estudio deRealizar un estudio de palabras clavepalabras clave 2.2.Poner palabras clave en elPoner palabras clave en el dominiodominio 3.3.Evitar laEvitar la fugas de autoridadfugas de autoridad 4.4.Mejora losMejora los enlaces internosenlaces internos 5.5.Evita losEvita los contenidoscontenidos duplicadosduplicados 6.6.Elimina losElimina los enlaces tóxicosenlaces tóxicos yy los enlaces rotoslos enlaces rotos 7.7.Evita la sobre optimización de losEvita la sobre optimización de los anchor textanchor text 8.8.UsaUsa plugins para SEOplugins para SEO (WordPress SEO by Yoast)(WordPress SEO by Yoast) 9.9.Mejora laMejora la velocidad de cargavelocidad de carga 10.10.Establece unEstablece un linkbuildinglinkbuilding de calidadde calidad http://paginaswebyseo.es/consejos-seo-para-wordpress-en-2015http://paginaswebyseo.es/consejos-seo-para-wordpress-en-2015
  62. 62. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 62CURSO DE WORDPRESSCURSO DE WORDPRESS 10. Atajos de WordPress10. Atajos de WordPress Alt+Shift+HAlt+Shift+H Ver los atajosVer los atajos del tecladodel teclado
  63. 63. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 63CURSO DE WORDPRESSCURSO DE WORDPRESS 10. Diccionario10. Diccionario • BackupBackup:: Copia de seguridadCopia de seguridad • BlogBlog:: Página web especializada en bitácoras personalesPágina web especializada en bitácoras personales • CMSCMS:: Gestor de contenidos (Gestor de contenidos (Content Management System)Content Management System) • CSSCSS:: Hoja de estilos en cascada, la apariencia de una WebHoja de estilos en cascada, la apariencia de una Web • EntradaEntrada:: Cada una de las publicaciones (artículos) de un blogCada una de las publicaciones (artículos) de un blog • FTPFTP:: Sistema de copiado de archivos a través de InternetSistema de copiado de archivos a través de Internet • GNU GPLGNU GPL:: Licencia Pública General, protege a usuarios finalesLicencia Pública General, protege a usuarios finales • HostingHosting:: Alojamiento de ficheros en un servidor de pagoAlojamiento de ficheros en un servidor de pago • MySQLMySQL:: Base de datos basada en “software libre”Base de datos basada en “software libre” • PHPPHP:: Lenguaje de programación de WordPressLenguaje de programación de WordPress • PluginPlugin:: Una herramienta que añade funciones extra a WPUna herramienta que añade funciones extra a WP • SEOSEO:: Search Engine OptimizationSearch Engine Optimization • WidgetWidget:: Pequeñas funcionalidades en la barra lateral de WPPequeñas funcionalidades en la barra lateral de WP
  64. 64. Monitor: Francisco Sánchez GuisadoMonitor: Francisco Sánchez GuisadoDiapositiva - 64 ¡Muchas gracias a todos!¡Muchas gracias a todos!

×