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/

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

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

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

Tutorial: WordPress

Comenzar en Wordpress: https://es.wordpress.com/signup/?ref=mediumassbluebottom

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 ejemplomanuelquintela2.wordpress.com

Tutorial: WordPress

Perfil de usuario

Para acceder a la consola de administración de nuestro WordPress:

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.

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)

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

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

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

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

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

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

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

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)

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

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

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

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

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

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

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

Tutorial: WordPress

Publicar contenido: Página

El editor es muy similar al editor de las entradas

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

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)

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)

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

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