Sencillo manual de wordpress.com

9,842 views

Published on

Manual realizado para los alumnos del taller "Como montar mi sitio web con herramientas de la web social"

Published in: Technology, Business

Sencillo manual de wordpress.com

  1. 1. Sencillo manual de<br />Naiara Pérez de Villarreal<br />naiarapzv@gmail.com<br />www.naiaraperezdevillarreal.com<br />Mikel sánchezBalciscueta<br />mikelbalciscueta@gmail.com<br />www.elpensamientosostenible.com<br />
  2. 2. Qué es wordpress<br />Estructura de un wordpress<br />Date de alta en wordpress.com<br />Crea tu espacio en wordpress.com<br />El escritorio<br />Páginas, el menú de navegación<br />Entradas/Posts, el contenido dinámico<br />Organizando el contenido: categorias y etiquetas<br />Diseño del sitio: Apariencia<br />Comentarios<br />Gestión de usuarios<br /> Opciones de Ajustes<br /> índice<br />
  3. 3. ¿Qué es un wordpress?<br />Es un CMS (Sistema de Gestión de Contenidos) especialmente pensado en la publicación de bitácoras pero que puede ser usado para la creación de webs de edición fácil y rápida. Tiene una serie de funcionalidades que vienen en su núcleo (gestión de feeds, búsquedas, etiquetas, categorías, …) y luego se le pueden añadir otras muchas a través de plugins (por ejemplo, un detector de spam).<br />Con WordPress tenemos dos opciones: crearnos un blog en su plataforma comercial (wordpress.com) o en nuestro propio servidor gracias a su software bajo licencia GPL (wordpress.org). <br />En ambos casos el gasto es cero pero con excepciones. En el primero, determinadas funcionalidades son de pago (por ejemplo, la posibilidad de editar el css de nuestra plantilla) y en el segundo, el coste estará en el servidor en el que decidamos montar nuestro blog.<br />Blog de Loretahur http://blog.loretahur.net/2010/04/wordpress-for-dummies.html<br />
  4. 4. 4<br />Estructura de un wordpress<br />1<br />Cabecera<br />2<br />Menú de navegación<br />Barra Lateral (1)<br />(widgets)<br />4<br />3<br />Columna central (entradas)<br />Barra Lateral (2)<br />(widgets)<br />4<br />3<br />Entradas<br />5<br />Pie de página (widgets)<br />
  5. 5. Date de alta en www.wordpress.com<br />1<br />Cambiar idioma<br />2<br />Pinchar aquí<br />
  6. 6. Crea tu espacio en Wordpress.com<br />Nombre del blog<br />Usuario de wordpress<br />Contraseña<br />Confirmar contraseña<br />Dirección de email<br />Pinchar aquí<br />
  7. 7. Crea tu espacio en Wordpress.com<br />1<br />Completa tus<br /> datos de perfil<br /> (opcional)<br />2<br />Activa tu cuenta<br />
  8. 8. Crea tu espacio en Wordpress.com<br />www.wordpress.com<br />¡Tu cuenta está activa!<br />
  9. 9. 9<br />Acceder a la estructura interna de la web<br />1<br />Añadir /wp-admin en la url<br />2<br />Rellenar los datos de<br /> usuario y contraseña<br />3<br />PulsarAcceder<br />
  10. 10. Radiografía de un wordpress: secciones<br />Radiografía de un wordpress: elementos principales<br />3<br />Entradas (etiquetas + categorías)<br />2<br />Menú de navegación (Páginas)<br />Gestión de comentarios<br />Elementos de las barras laterales <br />y el pie de página<br />4<br />5<br />1<br />Cabecera<br />Gestión de usuarios<br />Los números representan cada elemento de la estructura de la home, tal y como aparecía en una de las diapositivas anteriores <br />
  11. 11. Páginas, el menú de navegación<br />Añadir nueva<br />Editar una página: Pinchar encima del titulo de la página<br />Borrar una página: Poner el puntero encima del titulo de la página y pinchar en papelera<br />
  12. 12. Páginas, el menú de navegación<br />Añadir una imagen<br />Añadir una imagen, video, objeto, archivo o música<br />
  13. 13. Páginas, el menú de navegación<br />Insertar una imagen desde tu ordenador<br />Elegir un archivo desde tu ordenador <br />
  14. 14. Páginas, el menú de navegación<br />Poner título a la imagen<br />Poner leyenda a la imagen (opcional)<br />Poner descripción a la imagen (opcional)<br />Poner urls se quiere enlazar la imagen (opcional)<br />Dónde se quiere alinear la imagen<br />Elegir tamaño de la imagen<br />Insertar la imagen<br />Guardar<br />
  15. 15. Páginas, el menú de navegación<br />Insertar una imagen desde internet<br />Poner la url de la imagen que queremos mostrar<br />
  16. 16. Páginas, el menú de navegación<br />Insertar una imagen desde la galería (imágenes anteriormente subidas a esta misma entrada) <br />
  17. 17. Páginas, el menú de navegación<br />Insertar una imagen desde la librería multimedia (todas las imágenes subidas a<br />la web) <br />Pinchar en mostrar<br />
  18. 18. Páginas, el menú de navegación<br />Editar la imagen que hemos añadido a la página<br />Pinchar encima de la foto, y posteriormente hacer click en la imagen pequeñita que aparece <br />
  19. 19. Páginas, el menú de navegación<br />Editar la imagen que hemos añadido a la página<br />Tamaño de la foto<br />Actualizar<br />
  20. 20. Páginas, el menú de navegación<br />Ajustes avanzados de la imagen<br />Dirección de procedencia<br />Concretar tamaño<br />Añadir un borde a la imagen: Poner un número no muy alto para determinar el grosor <br />Dejar espacio entre la imagen y el texto: Poner un número no muy alto para determinar el espacio<br />
  21. 21. Páginas, el menú de navegación<br />Guardar la página sin publicarla<br />Vista previa para comprobar que la página se visualiza como queremos<br />Publicar la página<br />Determinar si va a ser una página del menú principal o una subpágina<br />Elegir el modo de visualización de la misma<br />Elegir el orden en el que mostrar la página dentro del menú<br />
  22. 22. Páginas, el menú de navegación<br />También podemos personalizar el menu de la página<br />Marca la opción páginas principales para ordenar el menú principal<br />Ordena tus páginas fácilmente aquí. Simplemente arrástralas. También puedes utilizar categorías como página del menú.<br />Busca y selecciona las páginas que quieras que aparezcan en el menú<br />Busca y selecciona las categorías que quieras que aparezcan como página en el menú<br />
  23. 23. Páginas, el menú de navegación<br />Estructura de páginas que hemos creado<br />Desplegable con subpáginas<br />
  24. 24. Entradas, el contenido dinámico<br />Añadir nueva<br />Titulo de la entrada<br />Añadir una imagen, video, objeto, archivo o música<br />Texto de la entrada<br />
  25. 25. Entradas, el contenido dinámico<br />Añadir una imagen a la entrada<br />Si quieres añadir una imagen a la entrada selecciona “insertar en la entrada”<br />Si quieres que aparezca la imagen en la home selecciona “usar como imagen destacada”<br />
  26. 26. Entradas, el contenido dinámico<br />Selecciona categorías <br />Añade categorías nuevas <br />Selecciona etiquetas de la entrada<br />
  27. 27. Organizando el contenido: Categorías<br />Entra en categorías<br />Editor de categorías<br />Nombre de la categoría<br />Elegir si es una categoría o subcategoría(opcional)<br />Descripción de la categoría (opcional)<br />Añadir la nueva categoría creada<br />Para convertir categorías en etiquetas pincha aquí<br />
  28. 28. Organizando el contenido: Etiquetas<br />Entra en etiquetas<br />Editor de etiquetas<br />Nombre de la etiqueta<br />Descripción de la etiqueta (opcional)<br />Añadir la nueva etiqueta creada<br />Para convertir etiquetas en categorías pincha aquí<br />
  29. 29. Diseño del sitio: Apariencia-temas<br />Aquí daremos diseño e imagen a nuestro sitio web<br />Nombre de la plantilla actual<br />Opciones de la plantilla actual<br />Buscar plantilla por nombre o filtrando la búsqueda (recomendado)<br />Examinar los temas(plantillas)<br />Entra en temas<br />
  30. 30. Diseño del sitio: Apariencia-temas<br />A través de algunos filtros podemos buscar la plantilla que se ajuste a las <br />carecterísticas y detalles que necesitamos<br />Elige las opciones que quieras que tenga la web<br />Pinchar aquí para aplicar los filtros<br />Vista previa de la web con esta plantilla<br />Activar esta plantilla a la web<br />
  31. 31. Diseño del sitio: Apariencia- Widgets<br />Los widgets son las aplicaciones que nos permiten dotar de funcionalidad nuestro sitio. <br />Los incluimos en las barras laterales. Algunos son fijos, pero otros se añaden según la plantilla que<br /> hayamos elegido.<br />Entra en widgets<br />Barras donde incluiremos los wigdets<br />Arrastra el widget a la posición donde quieras incrustarlo<br />
  32. 32. Diseño del sitio: Apariencia- Widgets<br />Abrir widget<br />Titulo del widget<br />Pegar código html del elemento a insertar <br />Pegar la url del feed de RSS<br />Titulo del widget de RSS<br />Nº de elementos a mostrar<br />Otras opciones del widget<br />
  33. 33. Diseño del sitio: Apariencia- cabecera<br />La cabecera es el lugar donde podremos insertar nuestra imagen (logo, escudo.etc)<br />No todas las plantillas tienen la opción de incluir una cabecera.<br />Seleccionar archivo y subirlo <br />Eliminar cabecera<br />Entra en cabecera<br />Restaurar cabecera original de la plantilla<br />Visualizar el nombre de la web en la cabecera ( a veces también se puede cambiar el color del texto)<br />Restaurar el texto original de la cabecera<br />Guardar cambios<br />
  34. 34. Diseño del sitio: Apariencia- opciones del tema<br />La mayoría de plantillas permiten personalizar algunos aspectos del diseño<br />Selecciona la categoría que quieres destacar en la home<br />Imagen destaca en la entrada principal?<br />Enlazar la web con un perfil de twitter y facebook<br />Volver a las opciones predeterminadas<br />Guardar los cambios<br />Entra en opciones del tema<br />Tocar código para html para poder elegir todo tipo de letra. Más info en http://bit.ly/mJXHyR<br />Tocar código para cambiar los colores de la plantilla. Hay que pagar.<br />
  35. 35. Gestión de usuarios<br />Worpdress es una plataforma multiusuario, con perfiles y permisos distintos<br />Editor de usuarios<br />Poner aquí la dirección de email del nuevo usuario (tienen que darse de alta en wordpress)<br />Entra en usuarios<br />Elegir el perfil del nuevo usuario<br />Añadir usuario<br />
  36. 36. Gestión de usuarios- mi perfil<br />Guardar cambios<br />Cambiar imagen de perfil o gravatar<br />Pon los datos relativos a tu perfil (opcional)<br />Entra en mi perfil<br />
  37. 37. Opciones de Ajustes<br />Título del sitio, Descripción corta, idioma….<br />Ajustes a la hora de escribir una entrada o página: Categoría predeterminada para las entradas, Categoría predeterminada para enlaces,eta…<br />Ajustes al visualizar la home: La página inicial mostrará tus últimas entradas o una página estática, Número máximo de entradas a mostrar en el sitio, etc…<br />Gestión de comentarios: notifocación cuando hay comentarios, moderación de comentarios,etc..<br />Algunos ajustes de contenidos multimedia como fotos o videos<br />Ajustes de privacidad de la web<br />Entrar con openID al tablero o escritorio<br />Avisos al móvil de notificaciones de la web<br />Para compartir los contenidos en las redes sociales<br />Para comprar el dominio de la web<br />Avisos por email de cambios en la gestión de la web<br />
  38. 38. Ajustes-generales<br />Importante para posicionar la web en google<br />Selecciona una imagen de blog y subirla <br />Editar ajustes<br />Guardar cambios<br />
  39. 39. Ajustes- escritura<br />Tamaño de la caja para escribir entradas o páginas<br />Otros ajustes de escritura<br />Categoría prederminada para entradas (por defecto uncategorized)<br />Algunas herramientas útiles<br />Guardar cambios<br />
  40. 40. Ajustes-lectura<br />La Home (página inicial) mostrará una página estática o las últimas entradas. Si elegimos página estática las últimas entradas (contenido dinámico) estará oculto tras una página. Se puede elegir una página que hayamos creado para ello (por ejemplo Actualidad o Blog)<br />Elegir el número de entradas que se quieren mostrar en la home<br />Elegir el número de entradas que se quieren mostrar el widget del feed<br />Elegir lo que se quiere mostrar en los artículos del feed, el texto completo o resumen<br />Elegir lo que aparecerá en los artículos del feed<br />Configurar el mensaje de respuesta para las personas que se suscriban a la página<br />Guardar cambios<br />
  41. 41. Ajustes- comentarios<br />Opciones de ajuste de los comentarios<br />Marcar los comentarios como pendientes de moderación cuando contengan palabras, url, e-mail o IP que añadamos en este campo<br />Marcar los comentarios como spam directamente cuando contengan palabras, url, e-mail o IP que añadamos en este campo<br />Opciones de ajuste de los avatares<br />Guardar los cambios<br />

×