Archivo de la categoría: Edición WP

Incorporación de elementos multimedia: documentos, imágenes, audio y vídeo

Message in a bottle, by AlmaArte

Una de las grandes ventajas de la comunicación digital es su multimedialidad: el mensaje escrito se puede combinar y enriquecer con elementos multimedia a través de enlaces a contenidos de otros lugares en la red, pero también cargando directamente el contenido.

El trabajo y la inserción de estos elementos en nuestra web o en nuestra blog es muy sencillo trabajando con WordPress.

Es muy importante ser muy cuidadosos con el respecto de los derechos de autor. Nos será especialmente útil emplear material que esté bajo una licencia Creative Commons.

Vamos a fijarnos en la imagen que ilustra esta entrada. Es una imagen de AlmaArte, recogida de Flickr, un excelente repositorio de fotografías. Hemos trabajo con ella de dos maneras:

  • La primera, descargando la imagen para ilustrar esta entrada, lo que aporta fuerza visual. Si pasas el ratón sobre la imagen, ves su título y autor. Si pinchas sobre ella, vas al lugar de internet donde está recogida.
  • Poniendo «imagen de AlmaArte«, remitimos directamente a la página sin que esta aparezca (en nuestro caso, porque ya la hemos puesto una vez y repetirla supondría sobrecargar esta entrada.

En este sitio web que nos sirve de tutorial, nos vemos obligados necesariamente a trabajar con imágenes que ilustren cada proceso.

Saber trabajar con los materiales multimedia disponerlos correctamente es una de las claves del éxito de un sitio web o de un blog.

Vamos a explicar brevemente algunas posibilidades para trabajar con estos materiales.

Incorporación de elementos a través de enlaces

WPenlaces

Solamente tenemos que pinchar sobre la «cadenita» y poner la dirección correspondiente (aunque hay todavía un procedimiento todavía más sencillo: si copiamos el texto del enlace y lo pegamos en nuestra entrada también aparecerá el enlace directamente.

  • Podemos utilizar un enlace para vincularlo a un documento nuestro de Google Drive o de DropBox, pero también documento que se encuentre en internet.
  • También podemos ilustrar una entrada con contenido audiovisual de YouTube. Lo único que tenemos que hacer es buscar el botón compartir en el vídeo de YouTube, copiar el enlace y pegarlo en nuestro blog.

YouTubeCompartir

Si lo pegamos directamente, tendremos una «sorpresa visual», ya que comprobaremos que el vídeo se puede ver directamente desde nuestro blog (pongo aquí el enlace al remate del trabajo de prácticas de un alumno de Comunicación Audiovisual):

Incorporación de material cargado directamente en WordPress

Cuando enlazamos a un material disponible en internet, tenemos la ventaja de que no ocupa espacio en nuestro WordPress (en el caso de WordPress.com, tenemos un total de 3 Gb de almacenamiento). El inconveniente, que todos hemos sufrido alguna vez, es que hay ocasiones en que ese material deja de estar disponible. Para evitarlo, podemos cargar el contenido directamente en nuestro sitio o en nuestro blog.

Como es imposible que todo sean ventajas, también hay un problema: WordPress limita el tamaño máximo de un archivo, por lo que no podremos subir documentos, vídeos o audios que «pesen» mucho. Cuando tenemos WorPress alojado en nuestro propio dominio, las posibilidades se multiplican, ya que podemos subir a nuestro dominio archivos mucho más pesados.

Para incorporar ese contenido, lo único que tenemos que hacer es pulsar sobre «Añadir objeto»:

WPanadirObjeto

Luego basta con que demos a «Añadir nuevo» y seleccionemos los archivos (también los podemos arrastrar):

WPobjeto

(Imagen de AlmaArte)

Los comentarios

Conversation, by Nicolas Decoopman

Los comentarios son uno de los elementos básicos de la denominada Web 2.0: la comunicación en los blogs no es unidireccional, sino que se alimenta y se enriquece gracias a las observaciones de los lectores.

Además, desde el punto de vista didáctico, los comentarios tienen muchas posibilidades: se puede poner un texto en la entrada y los alumnos pueden realizar sus comentarios sobre el mismo, se puede articular un sistema de preguntas en las entradas y los comentarios para las respuestas, se puede fomentar el aprendizaje colaborativo sugiriendo recursos, etc.

Si observas la parte de abajo de esta entrada, verás que está lista para lo que puedan aportar los lectores. Solo hay que rellenar un pequeño formulario para realizar alguna observación sobre el contenido:

WPformularioComentarios

Es importante conocer algunos aspectos de los comentarios en nuestro sitio web o nuestro blog.

Si queremos tener control sobre los comentarios, basta con que, en el menú de administración, escojamos la opción «Configuración» (en WP en dominio propio, «Ajustes») y, dentro de ella, «comentarios».

WPcomentariosConfig

De momento, nos basta con leer las indicaciones y dejar las opciones que aparecen por defecto. Una de las más importantes es la de establecer que la primera vez que alguien se registre, moderemos el comentario: esto significa que nosotros, antes de que se publique, debemos aprobarlo. Así nos evitamos la desagradable sorpresa de que entre spam en nuestro blog o nuestro sitio web. Naturalmente, podemos la posibilidad de moderar cada comentario que entre en nuestro blog.

Para controlar los comentarios, lo único que tendremos que hacer será pulsar «Comentarios»  en el panel de administración, justo debajo de «Páginas».

WPediciónComentarios

Nos saldrá una pantalla similar a esta (es la pantalla que sale en la administración de los comentarios de este sitio):

WPgestionComentarios

Como puedes ver, en la parte de arriba aparece la situación general: los comentarios aprobados, los comentarios pendientes de aprobación, los que se encuentran en la papelera, los catalogados como spam

Luego hemos marcado otra zona en el primer comentario. Como ves, todos los comentarios aparecen más oscuros. Esto significa que el sistema nos pide que hagamos algo con ellos. En este caso, es obvio que se trata de spam: lo único que tenemos que hacer es marcarlo como tal. En el caso de que fuera un comentario de un lector, le daríamos a «aprobar» para que apareciese visible.

(Imagen de Nicolas Decoopman)

Los menús

Si te fijas en este sitio que hemos creado para el curso de formación, seguro que te preguntas cómo le hemos dado forma.

Una parte del secreto ya la conoces: hemos escogido un tema determinado y hemos jugado con sus opciones (para estar en igualdad de condiciones, hemos escogido un tema gratuito y disponible en WordPress.com).

La otra parte del diseño son el menú y los widgets. Ahora hablaremos del menú (para los widgets, puedes acudir aquí).

Para elegir los elementos del menú, basta con que vayas en WP-admin a «apariencia».

Como ejemplo, te vamos a enseñar el menú tan sencillo que hemos elegido para este sitio (pincha sobre la imagen para verla más grande):

WPmenu

¿Qué hemos hecho? Muy fácil: hemos marcado las páginas que figurasen en nuestro menú. Podemos añadir las que queramos. Eso sí, no te olvides de dar a «guardar» para que los cambios en el menú se hagan efectivos.

 

Los widgets

Los widgets –una palabra extraña para los recién llegados al mundo de los blogs y las webs– son elementos muy útiles para mejorar la apariencia y el acceso a los contenidos (tienen muchísimas funcionalidades). En WordPress alojado en un servidor, también contamos con Plugins, que nos hacen la vida más fácil sin necesitar de conocer el código del lenguaje PHP.

Los widgets se suelen colocar en las columnas laterales de nuestro sitio o de nuestro blog, aunque también pueden aparecer en otros lugares.

Podemos utilizar widgets para incorporar elementos de navegación, listados de entradas, búsquedas de contenidos, acceso a las categorías o a las etiquetas… Nos ayudan también a conectar nuestro sitio con las redes sociales, para introducir formularios, etc.

¿Cómo accedemos a los widgets?

Lo primero que hacemos es fijarnos en el menú de administración de la izquierda en WP-admin. Encontraremos «Apariencia». Pinchamos y nos aparece esto:

WPaccesoWidgets

Nos saldrá una pantalla similar a la imagen de más abajo. Como te hemos señalado, hay dos zonas:

1. Los widgets disponibles. Basta con coger uno y arrastrarlo con el ratón hacia la zona 2 para poder emplearlo. Como puedes apreciar accediendo al menú, hay muchos para escoger. ¿Quieres un consejo? Es mejor utilizar unos pocos widgets bien que «adornar» nuestro blog hasta tal punto que no se llegue a la información de manera cómoda y «limpia».

2. Los widgets de nuestro sitio o blog y el sitio donde se van a ubicar. Luego te enseñamos los que aparecen en este sitio web de formación que estás leyendo.

(Recuerda que pinchando sobre la imagen la veremos más grande)

WPmenuWidgets

¿Quieres ver las tripas de nuestros widgets?

En este caso, hemos utilizado algunas cosas más difíciles introduciendo «código» específico (al que insista mucho, le enseñaremos algún truco para hacerlo de forma fácil).

Puedes comprobar que lo que aparece como «zona principal» aparece en nuestro sitio en la zona de abajo y la «zona secundaria» es nuestra barra lateral.

WPnuestrosWidgets

 

Añadir una nueva página

Escribir y editar una página es un proceso idéntico a la de escribir y editar una entrada. La única diferencia formal entre ambas es que en una página no se pueden utilizar categorías ni etiquetas. Reproducimos más abajo todos los elementos comunes de los que ya hablamos en las entradas.

1. Título de la página. Aquí introducimos el nombre que queremos dar a nuestra página. Tenemos que pensar en un título sencillo y significativo (un buen título nos ayudará a estar más «visibles» por los buscadores) y, por lo tanto, nos ayudará a tener menos lectores.

2. Añadir multimedia, etc. Este menú nos ayudará a insertar elementos multimedia como imágenes, audios, vídeos, así como otro tipo de elementos útiles como encuestas y formularios de contacto.

WPañadirentradaAnadir

3. Menú de edición de formato. Nada más ver los iconos, te sentirás familiarizado con la mayoría de los elementos: negritas, cursivas, lista de viñetas o lista numerada, citas, alineación, el elemento para poner los enlaces… Seguramente, la primera vez que entres te parecerá un poco pobre, pero si cuando vas a añadir una entrada pinchas en el icono de la flecha de abajo accederás a una línea más de formato.

WPentradaFormato

En esta nueva línea puedes elegir formatos de párrafos y más elementos. En la versión de WordPress para servidores se pueden añadir muchos más elementos.

WPentradaFormatoExt

Recuerda que también puedes utilizar los comandos de copiar y pegar en el espacio dedicado a incorporar el contenido de la entrada. Si quieres que solo quede copiado el texto plano (sin ningún tipo de formato), tendrás que hacerlo a través de este icono: WPtextoplano

4. Menú de publicación. Si pinchas en cada una de las opciones, te encontrarás un menú desplegado como este:

WPentradaPublicar

Es un panel muy completo que te permite muchas opciones: guardar borradores, ver cómo quedaría la entrada, la visibilidad (las entradas pueden ser públicas, privadas (solo para determinado tipo de usuarios, entradas protegidas con contraseña) y decidir si queremos publicar la entrada inmediatamente o queremos programarla para que aparezca publicada un día concreto a una hora determinada.

5. Formato de la entrada. Por defecto, aparece como «entrada estándar», que es la que utilizaremos nosotros. Si trasteas con los formatos, descubrirás que la diferencia entre unos tipos de otros es que aparecen publicadas con fondos de color diferentes.

Como hemos advertido, la edición de páginas no permite introducir categorías ni etiquetas.

Una vez que ves al botón «Publicar», la página estará ya disponible en tu sitio. Podrás modificarla y editarla siempre que desees.

Gestión y administración de categorías y etiquetas en WordPress

NubeEtiquetas

¿Para qué se utilizan las categorías y las etiquetas?

Las categorías y las etiquetas son sistemas para tener organizada, estructurada la información de nuestro blog y poder tener esa información fácilmente localizable para los lectores.

¿Qué son las categorías?

Las categorías son una especie de «cajón» donde almacenas los contenidos de la entrada. La gran ventaja es que una misma entrada puedes meterla, a la vez, en varios «cajones» y, además, puedes aprovechar las subcategorías para englobar una categoría dentro de una mayor.

Por ejemplo, si te fijas en la parte superior de esta entrada, verás esto:

WPcategoríasblog

Esto significa que, para escribir esta entrada, hemos utilizado dos categorías. La categoría superior es WordPress, para alojar todas las entradas que hemos empleado para tratar de esta herramienta (y todas las entradas que podremos escribir en el futuro sobre ella). Además, la categoría Edición WP aloja todas las entradas en las que estamos aprendiendo a editar y manejar los contenidos para distinguirlas de las entradas dedicadas a la instalación, por ejemplo.

De esta manera, cualquier lector puede ir al menú que se encuentra al pie o pinchar sobre la categoría al principio de la entrada y ver todo lo que se ha escrito en orden cronológico.

¿Cómo se insertan las categorías?

Insertar categorías es muy sencillo. Cuando escribes una entrada, basta con fijarse en el menú de la derecha para adjudicar una categoría ya creada o añadir una nueva.

WPCategoriasenEntrada

Si la categoría ya existe, basta con pinchar sobre el cuadro para activarla. Si no existe, pulsas sobre «Añadir nueva categoría»

WPnuevaCategoria

En el caso que quieras que sea una subcategoría de una categoría superior, solo tienes que hacer clic sobre «Categoría superior» y elegir la adecuada.

Hay otras maneras de asignar categorías. Si vas al menú que explicábamos en esta entrada, puedes modificar o introducir categorías tanto editando las entradas como en el menú categorías.

¿Qué son las etiquetas?

Las etiquetas son una forma complementaria de estructurar la información. En este sitio web, de momento, no hemos establecido ninguna etiqueta, pero podríamos establecer (quizás lo hagamos en los próximos días), etiquetas para «Turoriales», «Aplicaciones didácticas», etc. Lo que ocurriría es que, por un lado, tendríamos distribuidas en categorías todas las entradas que hablen, por ejemplo, de WordPress y de Twitter pero, si creamos una categoría «Tutoriales», accederemos a todas las entradas que sean tutoriales, ya sean de WordPress, de Twitter, o de cualquier otra herramienta de la que podamos tratar en el futuro. A diferencia de las categorías, solo es posible adjudicar una etiqueta a cada entrada.

Un ejemplo práctico: en el caso de un blog en el que se manejen varias asignaturas, las asignaturas pueden ser categorías y los apartados de «materiales», «calificaciones», «prácticas» pueden ser etiquetas, o viceversa.

¿Cómo se introduce una etiqueta?

Introducir una etiqueta es muy sencillo: basta con que añadas una o elijas la que desees en el menú correspondiente:

WPetiquetas

Como ocurría, con las categorías, hay otras maneras de asignar etiquetas. Si vas al menú que explicábamos en esta entrada, puedes modificar o introducir etiquetas tanto editando las entradas como en el menú etiquetas.

 

(Imagen de Pedro Carrillo)

Añadir una nueva entrada

¡Ya estamos listos para crear nuestra primera entrada! Vamos a echar un vistazo al escritorio general para dar algunas indicaciones importantes. Fíjate en los números y flechas de la imagen para ver la descripción.

WPescritorioNuevaEntrada

 

1. Título de la entrada. Aquí introducimos el nombre que queremos dar a nuestra entrada. Tenemos que pensar en un título sencillo y significativo (un buen título nos ayudará a estar más «visibles» por los buscadores) y, por lo tanto, nos ayudará a tener menos lectores.

2. Añadir multimedia, etc. Este menú nos ayudará a insertar elementos multimedia como imágenes, audios, vídeos, así como otro tipo de elementos útiles como encuestas y formularios de contacto.

WPañadirentradaAnadir

3. Menú de edición de formato. Nada más ver los iconos, te sentirás familiarizado con la mayoría de los elementos: negritas, cursivas, lista de viñetas o lista numerada, citas, alineación, el elemento para poner los enlaces… Seguramente, la primera vez que entres te parecerá un poco pobre, pero si cuando vas a añadir una entrada pinchas en el icono de la flecha de abajo accederás a una línea más de formato.

WPentradaFormato

En esta nueva línea puedes elegir formatos de párrafos y más elementos. En la versión de WordPress para servidores se pueden añadir muchos más elementos.

WPentradaFormatoExt

Recuerda que también puedes utilizar los comandos de copiar y pegar en el espacio dedicado a incorporar el contenido de la entrada. Si quieres que solo quede copiado el texto plano (sin ningún tipo de formato), tendrás que hacerlo a través de este icono: WPtextoplano

4. Menú de publicación. Si pinchas en cada una de las opciones, te encontrarás un menú desplegado como este:

WPentradaPublicar

Es un panel muy completo que te permite muchas opciones: guardar borradores, ver cómo quedaría la entrada, la visibilidad (las entradas pueden ser públicas, privadas (solo para determinado tipo de usuarios, entradas protegidas con contraseña) y decidir si queremos publicar la entrada inmediatamente o queremos programarla para que aparezca publicada un día concreto a una hora determinada.

5. Formato de la entrada. Por defecto, aparece como «entrada estándar», que es la que utilizaremos nosotros. Si trasteas con los formatos, descubrirás que la diferencia entre unos tipos de otros es que aparecen publicadas con fondos de color diferentes.

6. Categorías. Aquí podrás establecer una categoría para tu entrada creándola o eligiendo entre las que ya has utilizado. Se pueden elegir categorías dependientes y categorías superiores. Como ejemplo, en esta web del curso se utilizan categorías para las entradas. Esta entrada concreta, tiene como categoría principal «WordPress» y como categoría secundaria «Edición WP». Explicaremos la utilidad de las categorías en otro lugar.

7. Etiquetas. Del mismo modo que en las categorías, también se pueden añadir etiquetas o escoger una de las ya creadas (a diferencia de las categorías, solo podemos elegir una etiqueta por cada entrada. Explicaremos la utilidad de las categorías en otro lugar.

Una vez que ves al botón «Publicar», la entrada estará ya disponible en tu blog. Podrás modificarla y editarla siempre que desees.

Entradas, categorías y etiquetas. Visión general

La creación y edición de nuevas entradas para nuestro blog o nuestro sitio web es un proceso muy sencillo.

Recuerda que, pinchando sobre las imágenes que te encontrarás más abajo podrás verlas más grandes.

Entradas

Para crear una entrada, lo primero que tenemos que hacer es ir al panel de administración (WP admin).

WPentradaWPadmin

Cuando llevas el ratón hacia «entradas»,  accedes a un menú en el que puedes ver todas las entradas (1), añadir una entrada nueva (2), o ver y administrar categorías (3) y etiquetas (4).

1. Todas las entradas. Cuando ya hayas escrito varias entradas entradas, accedes a un escritorio donde puedes ver muchos detalles de las entradas (si están publicadas, si están en borrador, si están en la papelera, la fecha de modificación, las categorías y las etiquetas vinculadas, quién es el autor…) y, además, puedes editarlas para hacer los cambios que consideres oportunos o añadir una nueva entrada (aunque esta última opción también tiene un menú específico).

WPtodaslasEntradas
2. Añadir una nueva entrada. Como su propio nombre indica, con esta opción podrás crear tus entradas. Estudiaremos esta opción con detenimiento más adelante.

WPNuevaEntrada

3. Gestionar y editar las categorías de tus entradas. Estudiaremos esta opción con detenimiento más adelante.

WPCategorías

4. Gestionar y editar las etiquetas de tus entradas. Estudiaremos esta opción con detenimiento más adelante.

WPEtiquetas