adfkjghxkfjnadk

1. Creación de contenidos Web
 En ocasiones las personas necesitan crear y distribuir
contenidos web:
 Página web personal o profesional
 Un Blog (Noticias, eventos, etc.)
 Una página para hacer anuncios o incluir información
 Sitios web para organizaciones o centros
 Etc.
 Existen varias alternativas populares que permiten crear
páginas web personalizadas sin conocimientos técnicos:
 https://www.tumblr.com/
 https://es.wordpress.com
 https://sites.google.com/

2. Creación de contenidos Web
 Sitios web creados usando WordPress:
 http://wordpress.org/showcase/
 Sitios web creados usando Tumblr:
 http://spyrestudios.com/30-awesome-custom-tumblr-blog-designs/
 Sitios web creados usando Google Sites:
 http://www.jackoboyle.com/
 https://sites.google.com/site/njeasites/sample-sites
 Son herramientas muy potentes y con gran capacidad de
personalización:
 Estructura, estilo y contenido del sitio Web

3. WordPress
 Permite la creación rápida de sitios web fáciles de actualizar
 Es uno de los gestores de contenidos más utilizados
 Los sitios web tienen amplias posibilidades de personalización
 Estructura y organización
 Aspecto gráfico
 Aplicaciones (Widgets)
 Páginas
 Tipos de contenidos
 Blogs y comentarios (Web 2.0)
 Etc.
 Registrarse en WordPress:
https://es.wordpress.com/signup/?ref=mediumassbluebottom

4. WordPress
 Soporte oficial: http://en.support.wordpress.com/
 Tutorial para principiantes: http://learn.wordpress.com/
 Algunos manuales (no oficiales):
* Las diferentes versiones de WordPress pueden variar un poco
 http://carmenvera.wikispaces.com/file/view/manual+Wordpress.pdf
 http://openwebcms.es/wp-
content/uploads/downloads/2012/12/manualwordpress3.pdf
 http://openwebcms.es/wp-
content/uploads/downloads/2012/12/manualwordpress2.pdf
 http://antoniogonzalezm.es/wp-content/uploads/2011/06/Tutorial-de-
Wordpress.pdf
 http://casus.usal.es/blog/boletin/files/2011/11/manual-wordpress.pdf
 *http://www.slideshare.net/bgonpoz/manual-basico-de-wordpress

5. Tutorial: WordPress
 Comenzar en Wordpress:
https://es.wordpress.com/signup/?ref=mediumassbluebottom

6. Tutorial: WordPress
 Una vez registrado accedemos a nuestro WordPress:
 http://es.wordpress.com/wp-login.php
 La dirección de nuestra página será:
<nombre_seleccionado>.wordpress.com
 Por ejemplo
manuelquintela2.wordpress.com

7. Tutorial: WordPress
Perfil de usuario
 Para acceder a la consola de administración de nuestro
WordPress:

8. Tutorial: WordPress
Perfil de usuario
 Una vez en la consola seleccionamos Usuarios -> Mi Perfil
 Podemos modificar toda la información personal:
nombre, apellidos, bio, imagen, datos de contacto, etc.

9. Tutorial: WordPress
Configuración personal
 Seleccionamos Usuarios -> Configuración personal.
 Desde este menú se puede:
 Cambiar el esquema de color de la página de administración
 Establecer el idioma del Blog
 Cambiar los detalles de la cuenta (correo, web, contraseña)

10. Tutorial: WordPress
Invitar usuarios / Todos los usuarios
 Usuarios -> Invitar usuarios / Todos los usuarios
 Permite añadir usuarios (previamente registrados en
WordPress)
 Los usuarios pueden tener diferentes niveles de participación:
 Seguidor: no puede crear contenido, recibe alertas con las novedades.
Pueden dejar comentarios
 Colaborador: puede crear contenido pero no publicarlo
 Autor: puede crear contenido y publicarlo
 Editor: puede crear contenido, publicar, editar páginas y moderar
 Administrador: control total

11. Tutorial: WordPress
Temas
 Hay varios tipos de plantillas que se pueden asignar al blog
para modificar su apariencia
 Apariencia -> Temas
 Para modificar un tema hay que seleccionarlo y pulsar Activar
 Desde la opción superior Visitar sitio se puede ver el estado
actual

12. Tutorial: WordPress
Apariencia: Cabecera, Fondo y
Personalizar
 Cabecera: cambiar la imagen y el
texto de la cabecera
 Fondo: cambiar el color de fondo
(o imagen)
 Personalizar: permite cambiar el
esquema de colores, fuentes de
texto, esquema de la portada
(una página o blog) y la cabecera

13. Tutorial: WordPress
Widgets
 Los blogs suelen tener una barra lateral principal donde se
pueden incluir pequeñas aplicaciones embebidas (Widgets)
 Calendario, cuadro de búsqueda, categorías, etc.
 Los widgets permiten extender la funcionalidad del Blog
 Apariencia -> Widgets

14. Tutorial: WordPress
Widgets
 Por defecto hay varios Widgets disponibles:
 Archivos: contenidos /entradas por meses
 Buscar
 Calendario
 Etc.
 Para incluir un widget en el Blog, lo arrastramos desde Widgets
disponibles a la Barra lateral principal.
 Por ejemplo Imagen

15. Tutorial: WordPress
Widgets
 La mayor parte de los Widgets
tienen amplias opciones de
configuración
 Incluyen un menú desplegable con
las opciones
 Siempre pueden ser eliminados del
blog

16. Tutorial: WordPress
Preferencias generales
 Preferencias -> Generales
 Varios ajustes globales relevantes para el blog
 Titulo, descripción e imagen/icono del blog
 Formatos de fecha y hora
 Idioma por defecto
 Preferencias -> Compartir
 Permite conectar el blog a las redes sociales

17. Tutorial: WordPress
Publicar contenido
 Métodos para publicar contenido:
 Entradas (Blog), asociado a una fecha se muestra en orden
cronológico, se organizan en categorías y etiquetas.
 Páginas: son parte del sitio web, cada una tiene una
dirección independiente que puede ser enlazada en
diferentes zonas del blog (por ejemplo la Barra Lateral
principal)

18. Tutorial: WordPress
Publicar contenido: Entradas (Blog)
 Antes de crear una entrada crearemos varias categorías
 Crear una categoría: Entradas -> Categorías
 Añadimos las categorías: “Procesadores de texto”, “Hojas de
cálculo” y “Presentaciones”
 Las categorías pueden estar anidadas

19. Tutorial: WordPress
Publicar contenido: Entradas (Blog)
 Para crear una nueva entrada: Entradas -> Añadir Nueva
 En el cuerpo de la noticia se puede incluir texto rico,
elementos multimedia, encuestas, formularios, etc.
 Existen extensiones que permiten introducir diferentes tipos de
elementos

20. Tutorial: WordPress
Publicar contenido: Entradas (Blog)
 El editor permite embeber código HTML, por ejemplo de un
video de YouTube, una SlideShare, una documento Google
Drive, etc.
 Insertar un video: http://www.youtube.com/watch?v=i5oe63pOhLI
[Para obtener el código HTML en youtube] Compartir -> Insertar

21. Tutorial: WordPress
Publicar contenido: Entradas (Blog)
 Podemos personalizar las
opciones de compartición
de la noticia
 La categoría a la que pertenece
 Las Etiquetas (palabras clave para agilizar
búsquedas y listados)
 Imagen destacada

22. Tutorial: WordPress
Publicar contenido: Entradas (Blog)
 Antes de publicar una entrada se
puede:
 Establecer la Visibilidad
 Público
 Protegido con contraseña
 Privada (usuarios registrados)
 Fecha de publicación
 Inmediato
 En una fecha concreta

23. Tutorial: WordPress
Publicar contenido: Entradas (Blog)
 Entradas -> Todas las estradas. Permite gestionar
(modificar/borrar) todas las entradas Existentes.
 Ver estadísticas, comentarios, valoraciones y Fechas

24. Tutorial: WordPress
Publicar contenido: Página
 Páginas, no son parte del Blog, pero se pueden crear enlaces a
ellas
 No aparecen en la sección: archivos del blog, ni tienen categorías y no
aparecen en las búsquedas.
 Las páginas se suelen utilizar para incluir contenido estático
 Una sección de “acerca de”, “información de contacto”, etc.
 Para crear una página: Página -> Crear Nueva

25. Tutorial: WordPress
Publicar contenido: Página
 El editor es muy similar al editor de las entradas

26. Tutorial: WordPress
Publicar contenido: Página
 Las páginas no se incluyen en la zona central del WordPress
 Los enlaces a las páginas se asocial a alguno de los menús
(superior, inferior, lateral, etc.)
 En algunas plantilla hay que agregar los enlaces manualmente
utilizando un Widget

27. Tutorial: WordPress
Publicar contenido: Página
 Las páginas se gestionan de la misma manera que las entradas
desde: Páginas -> Todas las páginas
 El widget que permite enlazar las páginas (Apariencia ->
Widgets) se llama Páginas
 El Widget se puede personalizar para que solo muestre determinadas
páginas (una o varias)

28. Tutorial: WordPress
 Desde Apariencia se puede modificar el tema principal
 Y la estructura de los menús:
 Ordenar los elementos del menú (Páginas, enlaces, acceso a categorías)
 Incluir nuevas páginas
 Incluir nuevos enlaces
 Incluir nuevos enlaces de acceso a categorías (entradas)

29. Tutorial: WordPress
Otros
 Enlaces: Permite crear enlaces a páginas Web
 El Widget Enlaces permite incluir los enlaces creados
 Medios: Permite subir material multimedia
para su posterior uso en entradas, páginas, etc

30. Creación de contenidos Web
Ejercicio 1
 Crear una página profesional/personal en Wordpress:
 Tema libre
 Un blog con entradas y categorías (mínimo tres categorías y cuatro
entradas)
 Por ejemplo: se puede postear sobre las herramientas de creación de
contenidos vistas anteriormente
 Incluir enlaces web de interés
 Incluir al menos dos páginas
 Incluir al menos tres elementos embebidos (video, imágenes, Widgets-
HTML)
 Modificar la apariencia por defecto
 Estilo, titulo, logo
 Plazo de entrega 1 semana