Wordpress tutorial

Patricia GarcĂ­a Alonso

Crea tu Weblog personalizado

CONTENIDO PRESENTACIÓN ........................................................................................................... 2 QUÉ ES UN BLOG ......................................................................................................... 3 QUÉ ES WORDPRESS.................................................................................................... 5 ENTORNO DE TRABAJO .............................................................................................. 7

PRIMERA PARTE. ACCESO A LA PLATAFORMA. ..................................................... 8 SEGUNDA PARTE. ESCRITORIO DE TRABAJO: OPCIONES BÁSICAS ........................ 12 DISEÑO DE UN BLOG SENCILLO ............................................................................... 17 “BAUTIZAR” NUESTRO BLOG .............................................................................. 18 “VESTIR” NUESTRO BLOG ................................................................................... 19 “COMPLEMENTOS” DE DISEÑO ......................................................................... 20 NUEVO POST O NUEVA ENTRADA..................................................................... 25 FORMATOS DE ENTRADAS ................................................................................. 30 GALERÍAS DE IMÁGENES ................................................................................... 31 PUBLICAR ENTRADAS ......................................................................................... 35 COMENTARIOS Y VALORACIONES ................................................................... 36 ELIMINAR UN BLOG ............................................................................................ 39 PÁGINAS ESTÁTICAS.................................................................................................. 40 PUBLICAR DOCUMENTOS EN EL BLOG (PDF) .......................................................... 44 DOCUMENTOS DE CONSULTA EXTRA ...................................................................... 47

**Si quieres ir ver el resultado del ejemplo sólo tienes que acceder a: http://bruxasimeigas.wordpress.com/

1

PRESENTACIÓN Este manual va dirigido a todas aquellas personas que desean acercarse por primera vez a una herramienta de diseño y gestión de un blog. Pero también a todos aquellos usuarios que buscan ampliar sus conocimientos para mejorar la presentación de su sitio personal.

A los usuarios de otras herramientas de creación, diseño y gestión de blogs, les animo desde estas páginas a conocer WordPress.com ya que hoy en día estamos siendo empujados a actualizar nuestros conocimientos continuamente.

Destacar que el contenido recogido en este pequeño manual es el resultado de mi experiencia personal en el trabajo con WordPress.com y puede ser una buena herramienta didáctica para introducir a diferentes usuarios en su uso.

El contenido de este manual se estructura en cuatro partes fundamentales, cuya finalidad es presentar de forma sencilla y clara, las cuestiones básicas relativas al manejo de WorPress.com: § §

§

§

En la primera parte tenemos una introducción a lo que se entiende por un blog.

En la segunda parte tenemos la presentación de la herramienta WordPress.com, entorno a la cual va a girar el contenido de los capítulos siguientes.

La tercera parte presenta de forma breve los principales elementos de WrodPress.com necesarios para empezar a crear nuestro espacio personal.

En la cuarta parte y siguientes, se expone de forma sencilla y paso a paso, cómo puedo diseñar mi propio blog.

Por último, indicar que este trabajo está abierto a las sugerencias o propuestas que sus destinatarios quieran hacerme llegar con el fin de mejorar su contenido y mantener vivo su objetivo principal que no es otro que su utilidad práctica y real.

2

QUÉ ES UN BLOG Según se recoge en la Wikipedia, podemos definir el blog como: Un blog es un sitio web periódicamente actualizado que recopila cronológicamente texto o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente.

Desde la web WeblogsSL, nos definen el blog o weblog con algún detalle más indicando que: Un weblog es una publicación online con historias publicadas con una periodicidad muy alta que son presentadas en orden cronológico inverso, es decir, lo último que se ha publicado es lo primero que aparece en la pantalla. Es muy habitual que dispongan de una lista de enlaces a otros weblogs (denominada blogroll) y suelen disponer de un sistema de comentarios que permiten a los lectores establecer una conversación con el autor y entre ellos acerca de lo publicado.

Si siguiéramos buscando, nos encontraríamos con definiciones de blog similares a las dos anteriores, con mayor o menor detalle.

Destacar, que todas las definiciones tienen elementos comunes a la hora de describir lo que se entiende por un blog: § § § § §

Son espacios gratuitos.

Son sitios web.

Se actualizan de forma periódica.

Los contenidos se recopilan en orden cronológico inverso (del más reciente al más antiguo).

El autor decide libremente el tema o temas a tratar dentro del blog, lo que muestra una gran tipología de blogs y de temas. Un blog puede girar en torno a un único tema o podemos crear un blog con temas múltiples.

3

Existen múltiples plataformas1 desde las que podemos crear un blog, siendo algunas de las más habituales:

Blogger

MySpace

WordPress

Tumblr

Algunos ejemplos de blogs sobre diferentes plataformas son: ·

·

·

1

Blogger: o La nevera de Saruki o A tenor de lo que pida o My empty room Wordpress: o Serenata de sapos o Bruxas, meigas & hechiceras o El rincón de Lucía Tumblr: o El Guindilla o I love charts

Cada uno de los logotipos recogidos en el cuadro posee el enlace a la página que representan.

4

QUÉ ES WORDPRESS Según se recoge en Wikipedia: WordPress es un sistema de gestión de contenido enfocado a la creación de bitácoras web (sitios web periódicamente actualizados [blog]). Desarrollado en PHP2 y MySQL3, bajo licencia GPL4 y código modificable, tiene como fundador a Matt Mullenweg. WordPress fue creado a partir del desaparecido b2/cafelog y se ha convertido junto a Movable Type en el CMS5 más popular de la blogosfera y en el más popular con respecto a cualquier otro CMS de aplicación general. Las causas de su enorme crecimiento son, entre otras, su licencia, su facilidad de uso y sus características como gestor de contenidos.

Desde la página de Wordpress.org, se nos describe como: WordPress es una avanzada plataforma semántica de publicación personal orientada a la estética, los estándares web y la usabilidad. WordPress es libre y, al mismo tiempo, gratuito.

Dicho de forma más sencilla, WordPress es el sistema que utilizas cuando deseas trabajar con tu herramienta de publicación en lugar de pelearte con ella.

Quienes trabajan con esta plataforma a la hora de crear sus blogs están de acuerdo en que:

PHP es un lenguaje de programación de uso general de código del lado del servidor originalmente diseñado para el desarrollo web de contenido dinámico.

La programación del lado del servidor es una tecnología que consiste en el procesamiento de una petición de un usuario mediante la interpretación de un script en el servidor web para generar páginas HTML dinámicamente como respuesta.

Un script es un guión, archivo de órdenes o archivo de procesamiento por lotes.

HTML es el lenguaje de marcado hipertextual predominante para la elaboración de páginas web que se utiliza para describir y traducir la estrucutra y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes.

2

MySQL es un sistema de administración de bases de datos ( Database Management System, DBMS) para bases de datos relacionales. Así, MySQL no es más que una aplicación que permite gestionar archivos llamados de bases de datos.

Existen muchos tipos de bases de datos, desde un simple archivo hasta sistemas relacionales orientados a objetos. MySQL, como base de datos relacional, utiliza múltiples tablas para almacenar y organizar la información.

3

GPL General Public License , licencia pública general más ampliamente usada en el mundo del software que garantiza a los usuarios finales la libertad de usar, estudiar, compartir y modificar.

4

CMS Content Management System o sistema de gestión de contenidos, es un programa que permite crear una estructura de soporte para la creación y administración de contenidos, principalmente en las páginas web, por parte de los administradores, editores, participantes y demás roles.

5

5

§ § § §

Se puede considerar la opción más atractiva para todos aquellos a quienes les guste tener unos blogs de aspecto más profesional.

El blog a crear es de carácter gratuito.

Se puede empezar a usar de forma inmediata nada más crearlo.

Tiene la opción de crear una página web en lugar de un blog, pero en este caso será preciso comprar un entorno de almacenaje que en este caso no es gratuito.

La creación de un blog se hace siempre, en cualquier plataforma, partiendo de tres sencillos pasos: 1. Creación de una cuenta de blog dentro de la plataforma de trabajo.

2. Definir un nombre para nuestro sitio (blog) 3. Elegir el formato de trabajo (o diseñar uno propio) En las páginas correspondientes al Diseño de un blog sencillo y siguientes de este pequeño manual nos centraremos en la creación de un blog sencillo a través de WordPress.com Otra de las plataformas para la creación de blogs más utilizada es Blogger de Google (WordPress es de Microsoft). Haciendo una comparativa de los aspectos básicos de ambas plataformas tenemos que:

BLOGGER Personalización

Plantillas editables.

Almacenamiento 1 Gb Jerarquización Etiquetas Widgets

Fáciles de añadir.

Descripción de uso.

Elegir ubicación.

Páginas estáticas

No permite su creación

Privacidad

Se puede restringir a usuarios de google.

6

WORDPRESS Plantillas variadas pero no editables 3 Gb Etiquetas y categorías Fáciles de añadir mediante sistema de arrastrar y soltar.

No disponen de descripción de uso (prueba y error) Permite la creación de páginas estáticas.

Permite la creación de menús de navegación.

Se puede privatizar todo el blog o sólo algunas de las entradas.

ENTORNO DE TRABAJO

PRIMERA PARTE. ACCESO A LA PLATAFORMA ................................................ 8

SEGUNDA PARTE. ESCRITORIO DE TRABAJO: OPCIONES Bร SICAS ............... 12 ยง ยง ยง ยง

ENTRADAS APARIENCIA MEDIOS HERRAMIENTAS

7

PRIMERA PARTE. ACCESO A LA PLATAFORMA. Para empezar a trabajar con WordPress.com, lo primero es acceder a la plataforma desde la que crearemos nuestro blog y registrarnos en ella.

La plataforma en español tiene la siguiente dirección:

En la esquina superior derecha encontramos el botón de ACCEDER desde el que podemos entrar en nuestro sitio una vez creado el usuario o bien podemos crear un nuevo usuario para poder empezar a trabajar. Por lo tanto, § §

Primero crearemos un usuario.

Segundo daremos un nombre a nuestro blog.

8

Si tenemos un usuario creado, cubriremos los datos de la parte superior para acceder a nuestro escritorio de trabajo.

Si es la primera vez que accedemos a la plataforma, crearemos un nuevo usuario desde REGISTRARSE.

Imagen 1. Cuadro de diálogo de acceso

Dar de alta un nuevo usuario es tan sencillo como cubrir los datos que nos solicita el formulario que se presenta en la imagen siguiente: § § §

Una dirección de correo electrónico a la que vayan asociadas las notificaciones de nuestro blog.

Un usuario y una contraseña de acceso a nuestro escritorio de trabajo del blog.

Una dirección para nuestro blog que será el identificativo para su búsqueda en la red.

9

La opción para un blog es wordpress.com de carácter gratuito.

El resto de opciones del desplegable nos permiten comprar un dominio y crear una página web.

Una vez cubiertos los datos, hacemos clic en el botón de CREAR UN BLOG GRATIS y ya podemos empezar a trabajar.

Imagen 2. Cuadro de diálogo para registro de nuevo usuario

Este es el aspecto que podría tener la sección Mi Sitio para un usuario registrado de WordPress.com. Destacar que bajo un mismo usuario se pueden tener varios blogs. En la imagen inferior aparece identificado el que este usuario tiene en uso, pero debajo tiene la opción de CREAR UN BLOG NUEVO.

10

Aunque Wordpress.com nos permite cambiar a posteriori tanto el nombre como la dirección de nuestro blog es conveniente que no lo hagamos, al menos en lo que se refiere a la dirección, ya que el cambio de dirección lleva implícito el traspaso de los datos y la información que ya tengamos creada y eso nos puede acarrear algún problemilla. Por otro lado, será de gran utilidad si el nombre y la dirección coinciden o tienen la mayor parte de los elementos comunes para que sea más fácil identificarlo dentro de los buscadores, por ejemplo: Bruxas, meigas & hechiceras: http://bruxasimeigas.wordpress.com/

11

SEGUNDA PARTE. ESCRITORIO DE TRABAJO: OPCIONES BÁSICAS Imagen 3. Opciones de ENTRADA

Desde la opción de ENTRADAS podemos: §

§

Acceder a las entradas que ya tenemos creadas para editarlas y modificarlas.

Añadir entradas o post nuevos.

Las entradas o posts son la publicación característica de los blogs. Aparecen en la portada del blog en orden cronológico inverso, es decir, el primero que aparece es el último que se ha publicado. Incluyen también la posibilidad de que los lectores escriban comentarios.

Cuando añadimos una entrada nueva se nos abre un editor de texto con una serie de opciones desde donde

Imagen 4. Cuadro de diálogo para crear una categoría nueva.

escribiremos el contenido del post y le añadiremos imágenes y/o fotos.

Crear una nueva categoría Indicar si depende de otra

Podemos definir el contenido de la categoría Crear una nueva etiqueta

Añadir al listado de categorías la nueva

§

Podemos definir el contenido de la etiqueta

Categorías.

Las categorías nos van a permitir Añadir al listado de etiquetas la nueva clasificar las entradas y las páginas estáticas del blog. Usaremos las Imagen 5. Cuadro de diálogo para crear una etiqueta nueva categorías creadas para el diseño del menú de navegación de nuestro blog.

12

§

Etiquetas.

Las etiquetas, también denominadas post tags, nos permitirán, al igual que las categorías, clasificar las entradas. Son palabras que permitirán definir el tema del que trata una entrada, así si tienes varias entradas que tratan sobre el mismo tema les pones la misa etiqueta. Quien entre en tu blog, si hace una búsqueda por etiquetas, podrá ver todas las publicaciones que tienes referidas al mismo tema.

Cuando ya has usado una etiqueta, con escribir la primera letra es suficiente porque la plataforma del blog te devuelve todas las etiquetas que empiezan por esa letra para que selecciones la que desea.

La diferencia con las categorías es que las etiquetas permiten encontrar tus posts con más facilidad, tanto dentro del blog como directamente desde un buscador de internet, pero no te permiten el diseño de menús de navegación personalizados.

La mejor manera de ir creando las etiquetas es al mismo tiempo que vamos creando las entradas a las que irán asociadas.

Desde la opción de APARIENCIA diseñaremos el aspecto que tendrá nuestro blog para los usuarios. §

Temas

En temas encontraremos una serie de plantillas de diseño que nos ofrece WordPress. Las plantillas gratuitas no se pueden editar para modificar su diseño, pero sí se le pueden añadir nuevos elementos de fondo o de cabecera, menús de navegación y widgets, desde el resto de apartados de la opción de Apariencia.

Imagen 6. Opciones de APARIENCIA

13

Los temas los tenemos clasificados por:

-

Tendencia.

Más populares. Recoge los diseños más utilizados por los usuarios.

Nuevos. Recoge los últimos diseños añadidos.

Premium. Recoge todos los diseños de pago.

Gratis. Recoge todos los diseños de uso libre.

Cada tema dispone de tres opciones: activar, vista previa y demo6. Si seleccionas vista previa se abrirá una ventana donde se mostrará cómo quedaría el blog si aplicarás el tema seleccionado. Para ver el resultado tendremos que tener algún post creado. A continuación podrás activarlo o buscar otro.

6

La demo nos muestra y explica el funcionamiento de la plantilla.

14

§

Widgets.

Los widgets son pequeños programas que nos permiten añadir a las barras laterales de nuestro blog Widgets ofrecidos por WordPress Widgets añadidos una serie de herramientas para añadir al blog a un blog de carácter interactivo e informativo propias de los blogs.

Podremos añadirlas tanto a una barra lateral izquierda, derecha o inferior, dependiendo del tema de diseño con el que estemos trabajando.

Son de tipo:

- Calendario. Muestra las fechas en las que los post del blog son -

-

publicados. Lo podemos usar a modo de Hemeroteca.

Cuadros de búsqueda.

Listados de etiquetas y de categorías que facilitan la búsqueda de entradas, así como nubes de categorías o de etiquetas con el mismo fin.

Listado con las entradas más recientes.

Gravatar, que te permite incluir una foto y una breve biografía personal o una breve descripción del blog.

Estadísticas, que te permitirá saber el número de visitas que tiene tu blog.

Comunidad, para presentar a los seguidores de tu blog.

Etc…

A la izquierda de la pantalla tenemos los widgets disponibles y a la derecha tenemos lo que se conoce como barra lateral que representa el área al que arrastraremos los widgets a utilizar, como se observa en la imagen superior. §

Menús.

La opción de menús nos permite diseñar nuestros menús de navegación personales. §

Cabecera.

Desde esta opción podemos personalizar la imagen y el texto de la cabecera de nuestro blog. Recordar que si usamos uno de los temas gratuitos, éstos no son editables por lo que los cambios de la cabecera no siempre serán posibles.

15

§

Fondo.

Esta opción nos permite hacer en con el fondo de nuestro blog lo mismo que la opción anterior con la cabecera con las mismas limitaciones. §

Diseño.

Recoge diferentes tipos de letras o fuentes, colores de diseño y otros elementos que nos permiten darle al blog un aspecto mucho más personal. El lado negativo, el Diseño agrupa recursos de pago. §

Móvil.

Esta opción permite activar unos temas de diseño para que tu blog pueda ser visualizado desde un dispositivo móvil.

Desde la opción de MEDIOS podemos: § §

Generar una Librería multimedia donde tenemos recogidos todos los archivos de imagen y de video de nuestro blog.

Añadir nuevo que nos permite cargar en nuestro blog nuevos archivos, tanto imágenes como archivos de texto.

Desde la opción de HERRAMIENTAS tienes la posibilidad de eliminar tu blog si este permanece inactivo, has cambiado de dominio, has cambiado de cuenta de usuario o por cualquier otro motivo.

HERRAMIENTAS – BORRAR SITIO y seleccionas la opción más adecuado a lo que deseas realizar, por ejemplo, eliminar definitivamente el nombre del blog y

todo su contenido (permanently delete my site’s address and all content)

16

DISEÑO DE UN BLOG SENCILLO

“BAUTIZAR” NUESTRO BLOG.................................................................................. 18 “VESTIR” NUESTRO BLOG ...................................................................................... 19 “COMPLEMENTOS” DE DISEÑO ............................................................................ 20 NUEVA ENTRADA ................................................................................................. 25 FORMATOS DE ENTRADA ...................................................................................... 30 GALERÍA DE IMÁGENES ......................................................................................... 31 PUBLICAR ENTRADAS ............................................................................................ 35 COMENTARIOS Y VALORACIONES ........................................................................ 36 ELIMINAR UN BLOG ............................................................................................. 39

17

“BAUTIZAR” NUESTRO BLOG

Para “bautizar” y vestir nuestro blog, lo primero que haremos será acceder a la plataforma de WordPress a través del botón de ACCEDER, que hemos visto en el capítulo anterior, con nuestro usuario y contraseña.

Desde la barra superior accederemos a la opción de Mi Sitio y empezaremos a crear nuestro propio espacio.

Hacemos clic en CREAR UN BLOG NUEVO para acceder a los cuadros de diálogo que nos permiten definir la dirección y el nombre del blog:

En el primer cuadro definimos la dirección de nuestro blog.

Si queremos una página web en lugar de un blog deberemos comprar uno de los dominios que desde WordPress se nos ofrecen para tal fin.

En el segundo cuadro definimos el nombre del blog que aparecerá en la cabecera del mismo cada vez que alguien acceda a visualizarlo.

En el último cuadro definiremos el carácter público que le daremos.

Finalmente diremos que Sí a crear nuestro nuevo blog.

Ya tenemos “bautizado” nuestro espacio personal.

18

“VESTIR” NUESTRO BLOG

Ahora visitaremos el escritorio de nuestro blog y desde aquí trabajaremos con todas los objetos necesarios para su diseño.

Primer paso, vamos a buscar un tema de diseño de entre las opciones que nos ofrece Wordpress.

Recordamos: APARIENCIA – TEMAS No debemos olvidar que todas las herramientas de WordPress nos permiten hacer una visualización previa de los cambios que vayamos realizando antes de aceptarlos, así podemos ir comprobando si los resultados obtenidos nos satisfacen o no, en cuyo caso tendremos que seguir probando.

Después de probar varios temas, al final nos hemos quedado con el tema: Selecta. Para aplicarlo sólo tenemos que pinchar sobre el botón de ACTIVAR y ya está.

19

“COMPLEMENTOS” DE DISEÑO

§

CATEGORÍAS

Recordemos que para crear una categoría lo haremos desde el grupo de opciones de ENTRADA – CATEGORÍAS. Vamos a crear las categorías de: § § § § § § §

Biblioteca Biblioteca Infantil Videoteca Mitología y Leyendas Novela Hechizos y Pócimas Trailers

§ § § § § § §

Videoteca infantil y juvenil Miscelánea Hechizos y Pócimas Histórica Personajes Series Películas

Para, posteriormente, crear un menú de navegación del tipo:

PERSONAJES

HECHIZOS Y PÓCIMAS

BIBLIOTECA

VIDEOTECA

INFANTIL

INFANTIL Y JUVENIL

HISTÓRICA

SERIES

MITOLOGÍA Y LEYENDAS

MISCELÁNEA

PELÍCULAS

NOVELA

No debemos perder de vista que lo primero es saber qué estructura esperamos que tenga el menú de navegación, para lo cual lo tendremos que diseñar primero sobre el papel antes de pasarlo a la plataforma. De esta forma sabremos de qué categoría principal colgaremos las categorías secundarias y evitaremos muchas pruebas innecesarias.

20

Las categorías PERSONAJES, HECHIZOS Y PÓCIMAS, BIBLIOTECA, VIDEOTECA y MISCELÁNEA serán categorías principales. Pondremos su denominación en la casilla de NOMBRE. Al haber decidido que serán principales no dependen de ninguna superior. Si queremos podemos añadir una descripción de los posts o entradas que se recogerán bajo cada categoría.

Denominación Dependencia

Descripción Listado de categorías Haciendo clic en este botón añadimos categorías a la lista

Ahora pasaremos a crear las categorías que denominaremos secundarias y que colgarán de alguna de las principales.

La creación será igual que en el caso anterior, pero esta vez sí tendremos que indicar la dependencia superior.

21

§

MENÚS

Ahora que tenemos las categorías de partida vamos a diseñar un menú de navegación.

Recordemos que para crear un menú trabajaremos con las opciones de APARIENCIA – MENÚS. Lo primero para confeccionar el menú será determinar qué elementos lo van a componer.

Ya hemos indicado al comienzo de este capítulo que nuestro menú será confeccionado con las categorías creadas, por lo tanto, desplegaremos la lista de CATEGORÍA e indicaremos que nos las muestre todas (VER TODO). Como ya tenemos creadas todas las categorías que necesitamos, haremos clic en ELEGIR TODO. Una vez seleccionados todos los elementos haremos clic en el botón de AÑADIR AL MENÚ para que nos los pase en bloque a la parte derecha de la pantalla donde daremos forma al menú tal y como se visualizará luego en el blog. El menú lo podemos confeccionar con todas las categorías o sólo con algunas.

22

Los elementos que componen el menú tienen unos cuadros de diálogo desplegables que nos permiten algunas funciones de configuración como es cambiarle el nombre con el que se va a visualizar cada opción en el menú final. Vamos a modificarlo en uno de ellos a modo de ejemplo.

La categoría de BIBLIOTECA INFANTIL es la original asociada a esta opción del menú. En ETIQUETA DE NAVEGACIÓN le cambiaremos el nombre por INFANTIL. Haremos lo mismo con todas las categorías que sea necesario modificar.

El resultado final de nuestro menú será:

Imagen 7. Menú final de navegación del blog.

§

WIDGETS7

Otro de los elementos que podemos añadir a nuestro diseño son los WIDGETS. Recordemos que para crear y añadir este elemento a nuestro sitio: APARIENCIA-WIDGETS Para añadir uno de estos elementos, lo primero que tenemos que hacer es seleccionar el elemento deseado y después arrastrar hasta la posición en la que lo queremos colocar. O bien seleccionar el lugar donde se va a colocar del desplegable (si tenemos más de una barra) y añadir.

7 Un Widget es una pequeña aplicación o programa, usualmente presentado en archivos o ficheros pequeños que son ejecutados por un motor. Entre sus objetivos están los de dar fácil acceso a funciones frecuentemente usadas

23

En este tema tenemos varias zonas donde colocar los widgets.

Al igual que veíamos a la hora de crear el menú, cada una de estas opciones tiene un cuadro de diálogo que nos permite realizar diversas opciones de configuración: § § §

Cambiar el nombre con el que se va a visualizar en la pantalla del blog.

Determinar si queremos que se muestre como una lista desplegable o todo el conjunto de elementos a la vez.

Definir cuántos elementos de cada widget queremos que se muestren en pantalla.

Los Widgets irán apareciendo en el área definida de la pantalla cuando visualicemos nuestro blog y se irán completando con datos a medida que vayamos creando entradas.

24

NUEVO POST O NUEVA ENTRADA

Las entradas o post serán cada una de las publicaciones que vayamos incorporando a nuestro blog.

Recordemos que para introducir una publicación nueva: ENTRADA – AÑADIR NUEVA.

Vamos a diseñar una entrada y ver el efecto final en nuestro ejemplo.

Podemos observar que la pantalla de trabajo tiene un aspecto muy similar al de un escritorio de trabajo de un procesador de textos.

Título de la publicación Barra de formato forma de texto

Cuerpo de la publicación

Los elementos a cubrir serán: § §

El título de la publicación.

El cuerpo de la publicación: o Texto o Imágenes o Vídeos o Enlaces o Documentos

La Barra de Formato de Texto nos permite poner: § §

Negritas.

Cursivas.

25

§ § § § § §

§ §

Texto tachado.

Viñetas.

Listas numeradas.

Alineación de texto: izquierda, centro y derecha.

Añadir y quitar enlaces Añadir una etiqueta de “Leer más”, cuando tenemos un texto muy largo para acortarlo en la página de Inicio donde tenemos la presentación de las últimas entradas publicadas.

Poder trabajar en modo pantalla completa o modo de escritura.

Desplegar una segunda Barra de Herramientas que se denomina de Herramientas Avanzadas y que recogerá las opciones de: o Subrayado. o Justificar texto. o Color de texto. o Borrar formato. o Modificar los márgenes del texto.

Botón para mostrar u o Deshacer y rehacer. ocultar la barra de o Ayuda. herramientas avanzadas.

Barra de herramientas avanzadas.

Ahora que ya tenemos identificadas las herramientas de trabajo vamos a crear una publicación. Imagínate que quieres poner una reseña sobre el último libro de brujas que has leído.

En la barra de título ponemos el título del libro

En el cuerpo del texto hemos escrito la reseña del libro y todos los datos que deseamos destacar, así como una imagen.

26

Hemos creado etiquetas de búsqueda.

Hemos marcado las categorías dentro de las que encontraremos nuestra entrada.

Hemos añadido una imagen destacada que será la referencia del post en la zona de Últimas Entradas.

Las etiquetas las añadiremos directamente desde el escritorio de Añadir Nueva Entrada. Las escribimos en el espacio correspondiente y hacemos clic en Añadir para que se vayan agregando.

Para insertar la imagen en el post hacemos clic en AÑADIR MULTIMEDIA de las barras de herramientas superiores. Desde aquí accedemos a la galería de objetos multimedia donde tendremos subidos los vídeos, imágenes y audios que tenemos añadidos a nuestras entradas o que podremos añadir a las nuevas entradas. Podríamos incluso definir esta imagen con un enlace a una página web, a otro blog, al Facebook del autor si lo tuviese, etc.

27

En esta pestaña podemos ver todas las imágenes y archivos que tengamos subidos a nuestra galería multimedia.

Desde la pestaña adyacente Subir archivos, iremos agregando todos estos elementos.

Este botón nos permite agregar un objeto seleccionado de nuestra galería a la entrada en la que estamos trabajando.

Cuando seleccionamos una imagen, nos aparece un panel para configurar las características de dicha imagen: §

§

§ §

Título o nombre identificativo.

Podemos dejar el que aparece por defecto o podemos modificarlo.

Leyenda. El texto que escribamos en este recuadro aparecerá como pie de foto en la imagen dentro del post.

Descripción.

Ajuste de la imagen en pantalla. Nos permite determinar la posición y el tamaño que la imagen tendrá dentro del post.

28

Desde el botón de VISTA PREVIA situado en la parte superior derecha de la pantalla podremos ir visualizando cómo quedará nuestra entrada cuando la publiquemos en nuestro blog.

Si hacemos clic en el botón de PUBLICAR el post quedará terminado y colgado en el blog. A medida que vamos publicando entradas observamos que algunos de los Widgets que en un principio no se visualizaban ya empiezan a aparecer. Esto se debe al hecho de que cuando los creamos no tenían contenido que mostrar.

Imagen 8. Imagen final de la publicación.

Esta entrada tiene además una galería de imágenes formada por las páginas del índice del libro.

29

FORMATOS DE ENTRADAS

Los Formatos de Entrada son un nuevo método para dar una presentación diferente a cada entrada específica. Con un nuevo menú que se añade en la columna de la izquierda a la hora de crear una nueva entrada podrás especificar el “formato” de dicha entrada.

·

·

· Estándar. Es el formato que hemos trabajado en el punto anterior. Podemos introducir todo tipo de elementos: texto, imágenes, galerías de imágenes, hipervínculos… Es la entrada por defecto. · Minientrada. Que podemos usar para avisar de noticias urgentes o comunicados breves, pensamientos o anécdotas. · Imagen. Es el formato adecuado para insertar una única imagen sin texto añadido. Si el mensaje consiste sólo en una URL, será la URL de la imagen. El título de la entrada será el atributo “título” de la imagen.

Galería. Es el formato adecuado para la introducción de una galería de imágenes. Por lo general, se mostrará una imagen en miniatura de la entrada en el blog, así como un extracto de lo que la galería está a punto de mostrar.

Vídeo. Con este formato la entrada será un único vídeo que ocupará todo el espacio de la entrada. Si el mensaje consiste sólo en una dirección URL, será la URL del video.

Por ejemplo: en Bruxas, meigas & hechiceras, la entrada “Mitoloxia galega” es una entrada con formato vídeo, introducido desde la URL del vídeo. · ·

Chat. Este formato nos sirve para realizar la transcripción de un chat.

Audio. Para la introducción de un fichero de audio.

Por ejemplo: en Bruxas, meigas & hechiceras, la entrada “A marcha das meigas” es una entrada con formato audio. ·

Cita. Emplearemos este formato cuando lo que queremos publicar es la réplica de una cita. Lo más seguro es que tenga una etiqueta de blockquote8 alrededor del contenido.

El blockquote se usa para escribir una cita textual o un párrafo exacto y que éste se diferencie del resto del texto. El efecto que nos muestra es que crea unos espacios a la derecha y a la izquierda del texto, para que se diferencie de los demás.

8

30

GALERÍAS DE IMÁGENES

Lo primero que haremos será abrir una entrada nueva en blanco donde vamos a colocar nuestra galería de imágenes. Para insertar la galería accederemos a través del botón AÑADIR MULTIMEDIA, como hacíamos para insertar una imagen:

Como vamos a insertar una galería de imágenes, le daremos a la entrada el formato adecuado: Formato Galería.

El paso siguiente será “Crear la galería” y para ello seleccionamos las imágenes que van a componer la galería.

Agregaremos las imágenes desde la opción de SUBIR ARCHIVOS. Una vez seleccionadas todas las imágenes pincharemos en el botón de “Crear nueva galería” situada en la parte inferior derecha de la pantalla.

31

Los ajustes de la galería permiten diseñar cinco tipos diferentes de galerías: ·

Thumbnail Grid. Las imágenes se distribuyen como si estuvieran dentro de una tabla con el nombre debajo.

·

Tiled Mosaic. Las imágenes se colocan como un mosaico. Al pasar el ratón por encima de cada imagen aparece el texto que le hayamos añadido al Título en los ajustes de la Galería.

32

·

Square Tiles. Al igual que en la galería anterior, al pasar el ratón por encima de cada imagen aparece el texto que le hayamos añadido al Título en los ajustes de la Galería.

Estas dos presentaciones son muy similares. Difieren principalmente en la presentación del mosaico de las imágenes dentro de la entrada. En Tiled Mosaic, el mosaico tiene formato alargado. En Square Tiles el mosaico de imágenes tiene una forma más cuadrada.

33

·

Círculos.

·

Presentación. En este formato observamos que las fotos van pasando o se van reproduciendo (flechas a derecha e izquierda y botón de pausar y continuar)

34

PUBLICAR ENTRADAS

Publicar una entrada es el paso final una vez que la tenemos diseñada.

Publicar supone que la entrada realizada estará visible en nuestro blog para el público (hemos insertado una pequeña referencia a la publicación a la hora de crear nuestra entrada).

El cuadro de PUBLICAR está a la derecha de la pantalla y recoge las opciones de: §

§ § §

Con el botón de Guardar Borrador, podemos guardar nuestra entrada sin publicarla para editarla posteriormente. Los usaremos si no la hemos terminado, si no estamos del todo conformes con el resultado final…

Si lo que queremos es ver cómo quedará, haremos clic en el botón de Vista Previa.

Si hacemos clic directamente en el botón de Publicar, la entrada quedará colgada en el blog de forma inmediata.

Si el resultado final no termina de convencernos y queremos empezar de nuevo, enviaremos la entrada a la papelera con el botón de Mover

a la papelera. §

Por último, podemos programar nuestra entrada para que se publique en un momento posterior. Un día concreto a una hora determinada.

Para ello editaremos el botón de Publicar inmediatamente.

Programar una entrada

35

COMENTARIOS Y VALORACIONES

Una vez que ya sabemos cómo realizar publicaciones en nuestro blog, daremos un paso más y le pondremos un aspecto más profesional. Para conseguirlo vamos a configurar los comentarios y las valoraciones. ·

COMENTARIOS

La configuración de los comentarios la realizamos desde el Escritorio del blog, en las opciones de Preferencias o Ajustes (el nombre puede variar dependiendo del navegador con el que estemos trabajando) en el apartado correspondiente a los Comentarios.

En este apartado podemos indicar de qué forma se ordenarán los comentarios de cada entrada (del más antiguo al más reciente o a la inversa).

Cuántos comentarios aparecerán seguidos en la misma página.

Si se nos notificará por correo la aparición de un nuevo cometario y/o un nuevo seguidor.

Si antes de su publicación, los comentarios necesitan aprobación por parte de los administradores del blog o serán publicados directamente.

De qué forma podrán nuestros comentarios en nuestras entradas.

seguidores

realizar

Si se verán o no los avatares que identifican a quienes realizan comentarios.

Etc.

·

VALORACIONES

Otras de las acciones que se pueden llevar a cabo es la calificación tanto de los comentarios que otros usuarios pongan a nuestras publicaciones, como de las propias páginas y entradas que vayamos publicando. Estas calificaciones las podemos poner en forma de ratio entre 1 y 5 (en WordPress se representan en forma de estrellas) o de forma similar al “Me Gusta” de Facebook con un icono de una mano.

36

Para ello tendremos que configurar dicha acción desde el mismo grupo de opciones anterior, Preferencias o Ajustes, pero en este caso en el apartado correspondiente a las Calificaciones.

La ventana de Calificaciones tiene tres pestañas: · · ·

Entradas Páginas Comentarios

En el caso de los comentarios, vamos a poner la calificación debajo de los mismos y para ello marcamos la opción de Comentarios y la posición deseada, Debajo de cada comentario, como se observa en la imagen superior. Al hacer clic en Guardar Cambios nos aparece la opción de desplegar Ajustes Avanzados donde indicaremos el tipo de calificación que queremos.

37

En la parte derecha de la pantalla se nos ofrece una Vista Previa de cómo se verá en pantalla:

Para el caso de las Entradas y de las Páginas Estáticas, el proceso será el mismo. §

Primero seleccionamos la posición de las calificaciones

§

Después el tipo de calificación y el aspecto que tendrá

§

Por último, observaremos el resultado final

38

El resultado filan será similar a:

ELIMINAR UN BLOG

Ya hemos visto en el capítulo anterior que para eliminar un blog, siempre estando dentro del blog que deseamos borrar: - BORRAR SITIO y seleccionas la opción más adecuado a lo que deseas realizar.

HERRAMIENTAS

39

PÁGINAS ESTÁTICAS Dentro de un blog, las páginas estáticas se diferencian de una entrada, publicación o post por: §

§ §

Las publicaciones o post necesitan tener categorías y etiquetas para que se puedan consultar, buscar o recuperar. Las páginas no llevan esta organización.

El espacio en el que se colocan las páginas es diferente al espacio en el que, dentro del blog, se colocan las entradas o post.

Las entradas de nuestro blog aparecerán publicadas por orden cronológico inverso. Las páginas no se ordenan por fechas. Solemos usarlas para que recojan información que aparecerá en primer plano del blog.

Cuando creamos un blog observamos que, por defecto, nos trae creada la página de ACERCA DE, que podremos editar y añadir contenido referente al propio blog o referente al autor o autores. Si no nos gusta el nombre que tiene por defecto se lo podemos cambiar por otro que sea más acorde con la información que contiene. Por ejemplo: § §

“Sobre mí” “Sobre este blog”

Otro de los elementos que por defecto aparecen al crear un blog es la opción de INICIO donde se irán publicando las entradas nuevas cronológicamente (como se ha repetido ya varias veces a lo largo de todo el texto). Esta entrada la podemos sustituir por una página estática. Para ello tendremos que eliminar de nuestro menú de navegación esta opción y colocar en su lugar la página creada.

A partir de aquí, y siguiendo con el ejemplo iniciado en el capítulo anterior, vamos a definir los pasos a seguir para crear una página de entrada para nuestro blog y sus bruxas.

Lo primero es acceder a la opción para crear la página y para ello: PÁGINAS – AÑADIR NUEVA

40

El escritorio de trabajo que nos aparece es idéntico al que teníamos para crear una nueva entrada: § § § §

Título de la página.

Cuerpo de la página, donde podremos agregar: texto, imágenes, vídeos, enlaces, documentos.

Barras de herramientas con las mismas opciones que para el texto de las entradas.

Opciones de publicación: guardar en borrador (para el caso de que el trabajo nos haya quedado sin terminar), vista preliminar (para ir comprobando el resultado de la página antes de publicarla) y publicar.

La única diferencia es que las opciones de las categorías y las etiquetas no nos aparecen porque, como ya hemos dicho, no se utilizan.

Para poder visualizar nuestra página en el blog tendremos que, o bien modificar la apariencia del blog añadiendo el widget correspondiente, o bien modificar la apariencia del blog añadiendo la página al menú, o ambas cosas.

WIDGET Arrastraremos el widget de PÁGINAS a la barra lateral y le modificaremos los atributos necesarios. Lo vamos a colocar, por ejemplo, encima del calendario.

Como se observa en la imagen de la izquierda.

41

MENÚ Ahora vamos a modificar el menú de navegación para sustituir la opción de INICIO por la página que acabamos de crear.

De las opciones que presenta el cuadro de diálogo de la izquierda, nos situamos en páginas. En la pestaña de VER TODO podemos ver todas las páginas que hay creadas en nuestro blog: INICIO y ACERCA DE, que son las que vienen creadas por defecto, y LA BRUXA, que es la nueva que acabamos de crear nosotros.

Seleccionamos LA BRUXA y la añadimos al menú.

En la parte derecha de la pantalla tenemos el menú de navegación. Arrastramos la nueva página agregada hasta la primera posición, como vimos en el capítulo anterior, y le modificamos los atributos que sean necesarios.

Haremos clic en GUARDAR MENÚ para que nos recoja los cambios. En este caso, la página tendría un botón en el menú de navegación de acceso directo a la misma.

No suele ser la opción más habitual. Lo más común es que convirtamos esta página en la página de inicio de nuestro blog, en sustitución del inicio por defecto que nos mostraría las entradas recientes.

PÁGINA DE INICIO Para convertir la bruxa en nuestra presentación del blog tendremos que modificar la apariencia de lectura y para ello trabajaremos dentro de un grupo de opciones del que no hemos hablado hasta el momento: AJUSTES LECTURA

42

En las opciones de PÁGINA FRONTAL MUESTRA marcaríamos UNA PÁGINA ESTÁTICA y desplegando las opciones de PÁGINA INICIAL indicaríamos la página en cuestión, para nuestro ejemplo, LA BRUXA. Después de guardar los cambios, visualizaríamos el resultado final. ahora nuestra página de inicio es la que acabamos de personalizar.

43

PUBLICAR DOCUMENTOS EN EL BLOG (PDF) Otro elemento a insertar en una entrada son los archivos con texto (Word, PDF).

Estos documentos los podemos insertar de forma similar a como hemos trabajado con las imágenes o como enlace a otras aplicaciones donde los tengamos almacenados como en ISSU9.

Vamos a ver los pasos para insertar un documento en formato PDF en una de nuestras entradas.

Lo primero que vamos a hacer es crear una nueva entrada. Para ello seguiremos los pasos vistos con anterioridad (ver apartado Nuevo Post o Nueva Entrada).

Para nuestro ejemplo, vamos a insertar el archivo de un libro infantil sobre brujas. A nuestra entrada la llamaremos DESCARGABLES. En el cuerpo de la entrada pondremos una imagen que será la portada de dicho libro. Debajo de dicha imagen, colocaremos el archivo PDF descargable.

Haremos clic en el botón de AÑADIR OBJETO (ya hemos trabajado con él para la inserción de imágenes).

Para poder añadir nuestro archivo primero tendremos que alojarlo en nuestra galería multimedia.

ISSUU es una plataforma gratuita que permite el alojamiento y la publicación de documentos en formato PDF convirtiéndolos en libros digitales, dándoles formato de revista. El resultado se puede insertar en una web, un wiki o un blog, pero no se puede descargar.

9

44

Y desde ahí, insertarlo en la entrada. Lo vamos a insertar como enlace en un texto para que parezca más profesional. Para ello, seleccionaremos la URL del archivo para poder copiarlo en el enlace (http://bruxasimeigas.files.wordpress.com/2013/12/las-brujas.pdf).

Debajo de la imagen colocaremos el texto que nos servirá de descarga: DESCARGA DEL LIBRO LAS BRUJAS.PDF. Seleccionamos este texto, pinchamos en el botón INSERTAR/EDITAR ENLACE y copiamos la dirección dentro de la ventana emergente que aparece.

45

Insertar/editar enlace (Alt+Mayúsculas+A)

Vamos a marcar que se abra en una nueva ventana/pestaña para poder seguir navegando por el blog con libertad. Y, para terminar, hacemos clic en AÑADIR ENLACE. Antes de publicar haremos una visualización previa del resultado desde el botón de VISTA PREVIA y, finalmente, publicaremos desde el botón de PUBLICAR. Ya tenemos un archivo insertado en nuestra entrada.

OJO!!!! En el momento en el que eliminemos el PDF de nuestra galería multimedia no podremos abrirlo, porque no existirá.

46

DOCUMENTOS DE CONSULTA EXTRA

Tutorial de WordPress

Manual básico de Wordpress

Manual del usuario WordPress

Manual de WordPress diputación de Málaga

Blogs corporativos. Guía de uso de Territorio Creativo

Como publicar una entrada

47

Patricia García Alonso

ANEXO 1. WORDPRESS vs.

FANPAGE FACEBOOK

CONTENIDO CREAR LA PÁGINA DE FACEBOOK ............................................................................ 5 IMPORTAR EL BLOG .................................................................................................... 8

2

En este primer documento de ampliación de nuestro tutorial de Wordpress.com veremos cómo podemos convertir nuestro blog en una página de Facebook. ¿Qué podemos conseguir con este paso?: §

§

§ §

Aumentar el número de fans para nuestro blog al que podemos llegar.

Habrá muchos de nuestros amigos de Facebook que no se hayan enterado de que tenemos un blog por más que lo anunciemos en nuestro perfil. Una página de Facebook les ayudará a acercarse.

Podemos tener varios administradores de la página, por ejemplo, si realizamos el blog entre varias personas, los administradores del blog puede ser los mismos para la página de Facebook u otros diferentes.

El contenido de las páginas de Facebook aparece en los resultados de búsqueda de Google.

Podemos tener pestañas de aplicaciones que nos permitan promocionar nuestra página y con ello nuestro blog: fotos, vídeos, notas, eventos, “me gusta”… que podremos gestionar de forma personalizada.

Imagen 1. Diferentes pestañas de aplicaciones.

§ §

Podemos tener una página de bienvenida totalmente personalizada.

Permite interacciones entre los fans de: o Me gusta o Comentarios o Compartir o Seguir la página o Enviar mensajes privados o Guardar en favoritos

3

No la trates como un simple duplicado del blog, así no sirve de nada.

Mantenla siempre activa y viva. Agrega enlaces, entradas cortas, complementos a los contenidos del blog, comparte fotos, vídeos, eventos.

El proceso de importar el contenido de tu blog a una página de Facebook es relativamente sencillo. Sólo necesitamos saber dos cosas básicas: 1º. Crear la página en Facebook.

2º. Importar la información desde el blog.

4

CREAR LA PÁGINA DE FACEBOOK Para crear la página iremos a las herramientas de configuración de Facebook, situadas arriba a la derecha Herramientas de configuración

Elegiremos la categoría de página que más se ajuste a nuestro objetivo.

§

Lugar o negocio local. Reservado para negocios que tengan un lugar

§

Empresa, organización o institución. Cuando el negocio no tiene una

físico con una dirección concreta e identificable.

§ §

§

localización a la que los clientes puedan acceder, si tenemos varias localizaciones posibles como en el caso de una franquicia o de una cadena de establecimientos o si se trata de una tienda online.

Marca o producto. Para productos o marcas que tienen diferentes distribuidores.

Artista, grupo de música o personaje público. Para personas que quieran promocionarse a sí mismas o que tengan algún interés mediático.

Entretenimiento. Para programas de TV, radio, prensa, librerías, centros de ocio…

5

§

Causa o comunidad. Para identificar páginas que han sido creadas por aficionados y que no representan de forma oficial ni a empresas, ni a personajes públicos ni a grupos musicales.

Para nuestro caso usaremos esta última opción: CAUSA O COMUNIDAD. Tendremos que darle un nombre que nos permita identificarla e ir introducción la información que se nos va solicitando: 1.

2.

3.

4.

Breve descripción.

Dirección Foto de perfil Agregar a favoritos (opcional). En caso de no agregar a Favoritos nos aparecerá dentro de Páginas en las opciones del panel izquierdo de nuestro perfil de Facebook.

Imagen 2. Breve descripción.

Imagen 3. Foto de perfil.

6

El paso de invitar a nuestros amigos a nuestra página lo dejaremos omitido para hacerlo cuando la tengamos terminada, ya que por ahora sólo tenemos el esqueleto sin nada que mostrar para seguir.

La invitación a posteriori la podemos realizar desde el panel de administración.

O desde la zona de las publicaciones donde tenemos el listado de todos nuestros amigos.

Ya tenemos la página. Ahora nos queda importar la información del blog.

7

IMPORTAR EL BLOG Para dar este paso tenemos varias aplicaciones en Facebook que nos facilitan mucho el trabajo: § § §

RSS Graffiti Social RSS RSS Feed…

Nosotros vamos a utilizar RSS Graffiti beta 2.0. Para ello primero tendremos que acceder a la aplicación y activar los permisos necesarios para que acceda a nuestra página.

Tenemos que identificar nuestra publicación. Lo adecuado será ponerle el mismo nombre que identifica a nuestro blog para poder identificarlo rápidamente si tenemos varios RSS creados. Hacemos clic en Crear plan de publicación (Create Publishing Plan).

8

Tenemos dos zonas de trabajo: 1º. Recursos (Sources) 2º. Objetivo o lugar de publicación (Target)

En RECURSOS identificaremos la fuente de origen: la dirección del blog. Y los elementos de configuración: §

§ §

Número de publicación que queremos por cada rastreo así como el orden de aparición, en base a su cronología de creación (del más antiguo al más actual o a la inversa) La fecha de inicio de las publicaciones.

El formato de las publicaciones.

9

Desde el TARGET podremos escoger qué queremos publicar y dónde lo queremos publicar, así como el formato de la publicación (dejaremos el estándar que viene por defecto). El lugar de la publicación será la página que creamos inicialmente.

El último paso será interconectar ambos elementos de forma tan simple como haciendo clic en el botón central que deberá situarse en posición de ON.

Ya tenemos una fanpage de nuestro blog.

Podemos verla dentro de nuestros favoritos, donde la colocamos cuando la creamos.

Sólo nos queda ponerle una imagen de portada y empezar a compartirla y a disfrutarla.

10

Para que todos los cambios que vayamos realizando se vayan aplicando no debemos olvidar hacer clic en todos los botones amarillos de la aplicaci贸n denominados. Save, Save changes, Add source y similares.

11