Publicaciones etiquetadas ‘Entrada’

Añadir ficheros y archivos a nuestra entrada

Escrito por eco escuela 2.0 el . Posteado en Tema 3: Incrustar contenido multimedia

050412_1203_Aadirficher4.png

Cuando estamos creando nuestra entrada o una vez que ya la tenemos creada y la modificamos, podemos añadirle ficheros y archivos. Observaremos que WordPress no gestiona igual todos los archivos.

Existen algunos que se pueden mostrar incrustados dentro de la entrada. Esto se hará en aquellos casos en los que se trate de archivos que WordPress reconozca y pueda embeber:

  • Subidos a la librería multimedia: fotos, imágenes, gifs animados, documentos .pdf, archivos de sonido en MP3,
  • Mediante el método oEmbeb. Se trata de contenido embebido o incrustado de la Web 2.0 como vídeos de YouTube o Vimeo, presentaciones de SlideShare, Prezi, Issuu, archivos de sonido, .pdf,…

Existen otro tipo de archivos que al no poder ser reproducidos por WordPress no pueden ser mostrados dentro de la noticia y por tanto se creará un enlace a los mismos para que puedan ser descargados o abiertos por el explorador:

  • Subidos a la librería multimedia: documentos de texto, presentaciones, vídeos,…

Hemos visto que no todos los archivos que subimos a nuestro blog se comportan y se muestran de la misma manera. Hay algunos que tienen un uso más habitual y que por tanto WordPress los reconoce y aquellos que tienen un uso menos acorde a la filosofía de los blogs los incrusta preferentemente a través de las herramientas de la Web 2.0.

A pesar de todo, no queremos dar una imagen poco exacta y nos gustaría aclarar que existen plugins que permiten cambiar las condiciones de funcionamiento de WordPress y algunos archivos que hoy no son soportados por la herramienta podrían ser reconocidos en el futuro.

¿Cómo podemos añadir un archivo en nuestra entrada?

Veremos que la forma de subir archivos o ficheros a nuestro blog se hace siempre de la misma manera. Por lo tanto lo que hemos visto en el apartado de insertar imágenes nos servirá perfectamente para añadir otro tipo de archivos.

Una vez que tenemos la imagen insertada, si pulsamos sobre ella nos aparecerán dos iconos.

El botón con el paisaje, “editar imagen“, que aparece sobre la imagen que vemos en el editor nos permitirá modificar el tamaño, alineación, título, enlace…, es decir, los parámetros que anteriormente le hemos dado a la imagen. El botón de “eliminar imagen borrará la imagen de la entrada, pero no del servidor (permanecerá en la librería multimedia y asociada a la entrada desde donde la subimos).

Otro ejemplo sería la inclusión de un vídeo a nuestra entrada. Podemos enlazar a un vídeo de YouTube pulsando el botón “Add External Media“y rellenaremos el campo Media URL y finalmente pulsaremos el botón Add to library.

12-03-2014 9-22-19

Otro sistema para insertar un video será utilizando el método oEmbeb que veremos con detalle más adelante y que simplemente consiste en copiar su URL en la entrada, así cuando lo visualicemos en lugar de aparecer un enlace al video, nos aparecerá el recuadro del video, donde podremos visualizarlo e interactuar con el directamente.

Modificar el estado y el contenido de una entrada

Escrito por eco escuela 2.0 el . Posteado en Tema 2: Crear una entrada

050412_1159_Modificarel13.png

Existen muchas ocasiones en las que una vez publicada una entrada nos surgirá la necesidad de hacer modificaciones en la misma, para realizar cambios o correcciones, para introducir más información, para modificar y cambiar el estado de la misma, para alterar las fechas de publicación, para modificar las categorías, las etiquetas,… en este epígrafe haremos un repaso de los pasos a seguir para introducir modificaciones en nuestras entradas.

 

Modificar el contenido de una entrada

Existen distintos procedimientos alternativos para modificar un artículo ya existente. Para poder transformar una entrada tendremos que estar autentificados con nuestras credenciales y además nuestro usuario deberá de poseer los permisos necesarios para ello.

WordPress nos facilitará estas acciones y para ello pone a nuestra disposición diferentes accesos. A continuación comentaremos algunos:

Desde el modo de edición. En el Escritorio del panel de administración de WordPress haremos clic en el enlace Entradas:

También podremos acceder desde el menú lateral del panel de administración del blog haciendo clic en el subpanel de Entradas à Todas las entradas.

Desde el modo visual. Cuando navegamos por nuestro blog y previamente nos hemos autentificado como administrador o editor del mismo, dependiendo del estilo definido en el tema de nuestro blog, en cada artículo publicado se mostrará un botón o enlace “Editar” para modificar esa entrada directamente.

Si hemos seguido los dos primeros métodos, es decir buscamos la entrada dese el escritorio del panel de administración de nuestro blog, accederemos a todo el listado de artículos del blog. Buscaremos la entrada que nos interesa editar y haremos clic en el enlace Editar de la entrada correspondiente para acceder a su edición.

También podremos hacer un simple clic sobre el enlace situado en el titulo de la Entrada.

En el caso de que el listado de entradas sea muy numeroso, para facilitar la localización del artículo a editar se puede filtrar por fechas, por categorías, etc. Otra opción es realizar una búsqueda por un término que se introduce en la casilla Buscar entradas. También es posible pulsar en el enlace Todos, Borradores, Pendientes de revisión y Publicadas según su estado de publicación.

Cuando localicemos la entrada se abrirá la misma en el modo de edición.

Realizaremos los cambios oportunos en el contenido del artículo y para guardar los cambios pulsaremos en el botón Actualizar (si el artículo ya está publicado) o bien en Guardar borrador (si el artículo está pendiente de publicación).

 

Estados de publicación

Cuando creamos una entrada podremos decidir el estado en el que la hacemos o no visible. Esta función se llama estado de publicación. Podremos alterar el estado de una entrada siempre que nos parezca oportuno.

Repasaremos a continuación la clasificación de los diferentes estados de una entrada:

  • Borradores. Son las entradas que no están publicadas. No son visibles para todo el mundo desde la Web, bien porque no se han terminado todavía o bien porque se ha decidido despublicarlas.
  • Pendientes de revisión. La entrada está pendiente de revisión por parte de un usuario gestor del blog con capacidad para editarlo y publicarlo.
  • Publicadas. Son las entradas visibles por los lectores.
  • Programado. No es un estilo definido en WordPress pero se corresponde con una entrada publicada en una fecha posterior a la actual. Se visualizará nuestro blog cuando se alcance la fecha y hora definidas.

 

Eliminar un artículo

En muchas ocasiones necesitaremos borrar alguna entrada de nuestro blog, aunque no esté visible, pues la hemos puesto como borrador puede interesarnos quitarla del listado de entradas.

Para eliminar un artículo desde el panel del listado de entradas existen varios procedimientos alternativos.

  • En la entrada que deseamos eliminar haremos clic en el enlace Papelera.

  • También podremos marcar la casilla de verificación de la entrada que nos interesa eliminar y en la lista desplegable “Acciones en lote” elegiremos la opción “Mover a la papelera” y finalmente pulsaremos sobre el botón Aplicar.

Cuando se envía una entrada a la papelera ésta se puede recuperar posteriormente. Se accede a las entradas situadas en la papelera.

Una vez localizada la entrada en la papelera podremos restaurarla o borrarla permanentemente.

Publicar y despublicar

Una vez que se ha publicado una entrada se puede volver a despublicar para que no sea visible por los lectores del blog. El procedimiento pasaría por convertirla en borrador y a continuación repasaremos los pasos a seguir:

  • Accede al listado de entradas del interfaz de administración mediante el subpanel de Entradas à Todas las entradas.
  • Haz clic en el enlace situado en el título de la entrada en la lista.
  • Desde la edición de la entrada, en el panel o caja de Publicar situado a la derecha, haz clic en el enlace Editar que acompaña al Estado: Publicada.

  • En la lista desplegable elige la opción Borrador y pulsa en el botón Aceptar.

  • Se puede publicar un borrador durante su edición pulsando en el botón Publicar o bien modificando su Estado siguiendo un procedimiento similar al descrito para pasarlo a Borrador.
  • Para terminar haz clic en el botón azul Actualizar.

Escritura libre de distracción

Escrito por eco escuela 2.0 el . Posteado en Tema 2: Crear una entrada

050312_2219_Escriturali1.png

Escribir es una tarea que requiere concentración y más si lo que vamos a escribir tiene una trascendencia pública. Hay mucho que pensar y tener en cuenta cuando se escribe, y las distracciones constantes pueden hacerlo más complicado. Si tenemos la sensación de que todas las opciones en la pantalla de escritura de WordPress nos impiden centrarnos en la tarea a realizar, deberíamos probar la escritura libre de distracciones. Se esconderán todas las opciones que puede interponerse en el camino de nuestra escritura, y nos ayudará a mantenernos concentrados en lo que estamos haciendo.

Activando la escritura libre de distracciones

Para activar el modo de escritura libre de distracciones, haremos clic en el botón “Cambiar a modo de pantalla completa”
en la barra de herramientas (que es el segundo botón de la derecha, en la primera fila), o utiliza el atajo de teclado Alt+Shift+G.

Al conectar por primera vez la escritura libre de distracciones, veremos que nuestro escritorio se transforma de forma minimalista y que solo se quedará visible una barra de herramientas formado con los iconos más utilizados, un recuadro para el título y otro para el contenido de su mensaje (o página). Todo funciona como lo hace en el Editor Visual y se puede utilizar la barra de herramientas o los atajos de teclado para añadir enlaces, imágenes, etc.

Pero, la verdadera magia comienza a suceder cuando soltamos el ratón y empezamos a escribir. La barra de herramientas, los iconos, los pocos textos que nos muestran ayudas de escritura así como las fronteras que enmarcan toda el área de escritura se diluyen. Todo desaparece para dejar paso tan sólo a las palabras. Al empezar a escribir, se desvanece todo. No hay distracciones.

Para utilizar la barra de herramientas o comprobar el número de palabras, basta con mover el ratón o acercarlo a la parte superior de la pantalla. Para volver a la pantalla de edición normal haremos clic en ”Salir de pantalla completa“.

Modo de pantalla completa con la escritura libre de distracciones

Para llevar el modo de escritura libre de distracciones hasta el límite, Firefox y Chrome tienen una característica incorporada a pantalla completa que hace que la página actual ocupe toda la pantalla (al igual que la mayoría de los navegadores). Con la escritura libre de distracciones, esto significa que el título y el contenido del mensaje o la página que estamos trabajando serán las únicas cosas que veremos. Con el  Guardado automático ni siquiera tendríamos que preocuparnos de guardar lo que acabamos de escribir. Para activar la pantalla completa en Firefox y Chrome, iremos a Ver → Pantalla completa, o usar el atajo de teclado Ctrl+Shift+F (en Windows) o Comando+Mayúsculas+F (en Mac). Para desactivar la pantalla completa, utilizaremos el método abreviado de teclado o moveremos el ratón a la parte superior de la pantalla para revelar el menú. Tenga en cuenta que podremos utilizar esto en cualquier momento, es decir, es independiente de la escritura libre de distracciones.

¿Puedo utilizar la escritura libre de distracciones con el editor de HTML?

Haremos clic en pantalla completa en el editor de HTML para cambiar a la escritura libre de distracciones.

También podremos cambiar entre la edición visual y edición de HTML dentro de la escritura libre de distracciones con los botones Visual y HTML en la barra de herramientas (mueve el ratón, si no puedes ver la barra de herramientas – se oculta automáticamente cuando se escribe). Ver la entrada editores para obtener más información sobre los editores de HTML y visual.

Cómo crear enlaces o hipervínculos dentro de una entrada

Escrito por eco escuela 2.0 el . Posteado en Tema 2: Crear una entrada

050312_2217_Cmocrearenl2.png

Este capítulo está diseñado para ayudarles a introducir enlaces o hipervínculos en nuestras entradas. El lenguaje con hipervínculos es una de las características fundamentales de la Web 2.0, en la medida que vamos leyendo podremos poner enlaces a palabras de nuestro texto para ampliar la información de la noticia que estamos escribiendo.

Hay un par de maneras de añadir enlaces a tus entradas o páginas. Podremos utilizar el editor visual o el editor de HTML.

Pasos a seguir para crear un hipervínculo con el editor visual

  • Resaltar el texto que deseamos vincular y cerciorarse de que tenemos seleccionado el editor Visual.
  • Hacer clic en el enlace de la barra de herramientas del editor de texto: “Insertar / Editar Enlace” .


  • En el menú emergente que aparece, introducir la dirección URL a la que se desee establecer el vínculo. Si desea que el enlace se abra en una nueva ventana/pestaña al hacer clic, marcar la casilla “Abrir enlace en una nueva ventana pestaña”.

  • Título (opcional) – El título del enlace se hace visible cuando un visitante se cierne sobre el hipervínculo (un texto de ayuda, a modo de nota breve, aparecerá con el título).
  • Hacer clic sobre Añadir enlace

 

Pasos a seguir para crear un hipervínculo con el editor HTML

  • Resaltar el texto que deseamos vincular y fijarse de que tenemos activado el editor HTML.
  • Hacer clic en el enlace de la barra de herramientas: “link” .

  • En el menú emergente que aparece, introducir la dirección URL a la que se desee establecer el vínculo. Si desea que el enlace se abra en una nueva ventana/pestaña al hacer clic, marcar la casilla “Abrir enlace en una nueva ventana pestaña”.

  • Título (opcional) – El título del enlace se hace visible cuando un visitante se cierne sobre el hipervínculo (un texto de ayuda, a modo de nota breve, aparecerá con el título).
  • Finalmente hacer clic sobre Añadir enlace

 

Pasos a seguir para crear un enlace o hipervínculo a un lugar del propio blog

  • Resaltar el texto que deseamos vincular.
  • Hacer clic en el enlace de la barra de herramientas: “Insertar / Editar Enlace” si estamos en modo Visual o “link” si estamos en modo HTML.
  • Si en lugar de enlazar a una web se desea vincular a uno de los propios mensajes o páginas que ya están subidos en el blog, utilizar el cuadro de búsqueda para encontrar rápidamente lo que se está buscando. Basta con introducir una o dos palabras clave que aparezcan en alguna parte del mensaje o la página que desea vincular.

  • Hacer clic en el título del mensaje o la página que quieres enlazar, y los campos de URL y el título se llenarán automáticamente.
  • Después de haber introducido la dirección URL, haz clic en el botón “Añadir enlace“. En el modo visual: el texto resaltado cambiará al color azul con un subrayado para indicar un enlace:

  • En el modo HTML: el texto se envuelve con el código HTML necesario para la creación de un enlace a la URL especificada. El siguiente ejemplo es un enlace a WordPress.com:

 

Cómo quitar los vínculos con el Editor Visual

Para eliminar un enlace en el editor Visual, resalte el texto y haga clic en el icono de enlace roto:

 

Enlaces que contengan el símbolo “@”

Cuando creamos hipervínculos o enlaces deberemos de tener en cuenta que en alguna ocasión nos pueden dar problemas porque ciertos símbolos son cortados por seguridad. Si quisiéramos hacer un enlace o hipervínculo a la siguiente dirección que contiene el símbolo “@”:

En este caso la “@” se eliminaría por razones de seguridad y, lamentablemente, este vínculo no funcionaría.

Hay un pequeño truco que nos permite evitar este problema y consiste en sustituir la “@” por “@ como mostramos a continuación:

Tenga en cuenta que si se vuelve a modificar el vínculo, la “@” una vez más desaparece por lo que tendrá que volver a hacer lo anterior.

Insertar una imagen

Escrito por eco escuela 2.0 el . Posteado en Tema 2: Crear una entrada

050312_2201_Insertarima27.png

Cuando se escribe una entrada en el blog seguramente les surgirá la necesidad de usar imágenes para decorar o ilustrar la misma.

El uso de las imágenes requerirá una reflexión más detallada que abordaremos un poco más adelante por la importancia que tiene el tomar conciencia sobre el respeto escrupuloso a los derechos de autor. Las imágenes que se adjuntan a una noticia estarán publicadas en la Web y por tanto estaremos expuestos a cualquier tipo de reclamación.

Para empezar, habrá que decidir donde queremos tener las imágenes que se van a utilizar en la entrada que se está creando. Podremos tenerlas subidas al espacio que nos ofrece nuestro blog o acceder a ellas desde la Web. Para la segunda opción podremos usar algunos de los servicios gratuitos que nos permiten alojar nuestras colecciones de fotografías o enlazar directamente desde algún repositorio específico o página web (esto tiene el riesgo de que si quitan la imagen que tenemos enlazada del sitio web a donde hemos dirigido el enlace nos quedaremos sin ella en nuestra entrada).

Los servicios gratuitos para alojar colecciones de fotografías, tipo Picasa o Flickr,… suelen ser más apropiados para alojar gran cantidad de fotografías, por ejemplo, después de haber hecho una salida con los alumnos para tener un álbum fotográfico virtual.

En este apartado del tema trataremos de repasar como podemos insertar una imagen en una entrada desde estas dos perspectivas y cómo podemos crear galerías de imágenes.

Insertar una imagen subiendola previamente a la galería multimedia de nuestro blog

La forma más sencilla y natural será la de subir una foto que se tenga guardada en el propio ordenador.

  • Pondremos el cursor en el lugar donde queremos insertar la imagen y luego buscaremos en la parte superior del editor de texto o del área de edición de la entrada el icono de “Añadir objeto”:
  • Al seleccionar la opción de “Subir archivos” se abrirá un menú que nos permitirá buscar las imágenes dentro del propio ordenador y arrastrarla al espacio que nos indica. Una vez se arrastra la imagen se comienza a subir de forma automática.
    27-02-2014 14-32-05
  • WordPress también nos permite utilizar la función de “Elegir archivos” y explorar de forma normal en búsqueda de la imagen que está guardada en el propio equipo. En este caso, cuando se tenga la imagen seleccionada se debe hacer clic sobre Subir.

27-02-2014 14-30-01

  • Una vez se haya subido la imagen en la galería multimedia se cargará de forma automática el menú con las opciones de la imagen que hemos subido.
  • Rellenaremos aquella información asociada a la propia imagen. Pondremos el título de la imagen, el texto alternativo y una breve descripción. Estos datos no son imprescindibles pero facilitan la accesibilidad de nuestro sitio.
  • Si escribimos algún texto en la opción “Leyenda” aparecerá publicado como texto explicativo de la imagen.
  • Observaremos el apartado de URL del enlace, es la dirección que WordPress le ha dado a esta imagen y siempre o archivo y siempre que la escribamos veremos la imagen.
  • Decidiremos la alineación donde nos gustaría que aparezca la imagen en nuestra entrada.
  • Podremos modificar el Tamaño de la imagen seleccionando entre Miniatura y Tamaño completo. Tendremos que tener en cuenta como es la plantilla que estamos utilizando para que la imagen se adapte al espacio que tenemos asignado para las entradas.
  • Cuando tenemos completados los datos del menú pulsaremos sobre Insertar en la entraday regresaremos al editor de la nueva entrada, donde acabaremos de organizar y escribir la noticia que vamos a publicar.
    27-02-2014 14-35-31
  • Ya solo que tenemos que colocar la imagen. La seleccionamos y con la herramienta Alinear texto la colocamos en el centro, izquierda o derecha. Jugando con estas opciones, podemos colocar el texto al lado de la foto.
  • Como consejo, colocar la foto después de poner el texto.

 

Insertar una imagen enlazada desde Internet

Otra forma que podremos utilizar es la de insertar una foto que ya está en Internet. Puede que la tengamos subida un alojamiento propio o que la enlacemos directamente desde otro lugar de la Web (tendremos que tener mucho cuidado con los derechos de autor):

  • Localizamos la imagen en Internet y con el botón derecho copiamos la ruta de la imagen.
  • Colocaremos el curso en el lugar donde queremos insertar la imagen y buscaremos el botón de “Añadir objeto” que aparece en la parte superior del editor de texto.
  • Seleccionar la opción de “Subir archivos” y al seleccionar el botón de “Selecciona archivo” se abrirá el menú que nos permitirá buscar las imágenes dentro del propio ordenador y arrastrarla al espacio que nos indica. Tendremos que buscar la opción que pone “Insertar desde URL” y se desplegarán las opciones para introducir los datos de la foto.
  • En este menú introducimos la dirección donde está la imagen en Internet (la que hemos copiado en el portapapeles en el paso 1) y completaremos la leyenda.

    27-02-2014 14-49-49

    Fotografia de ejemplo: Mont Saint Michel por Benito Roveran, CC

  • Es importante el poner un nombre a la foto. De esta forma hacemos accesible la página a las personas con discapacidad visual.
  • Una vez se hayan completado todos los datos haremos clic sobre “Insertar en la entrada”
    .

 ¿Subir desde una URL?

Ejemplo de imagen subida desde URL remota

¿A que no sabías que el cargador de imágenes de WordPress es capaz de subir y guardar imágenes que cargues desde la red?. Pues si, puede, y es muy fácil hacerlo.

1. Ir a EntradasAñadir nueva o a Páginas Añadir nueva, o abrir una entrada existente en el modo de edición.

2. Coloca el cursor donde deseas que aparezca la imagen, y haz clic en el icono “Añadir objeto” que se encuentra directamente por encima de su editor.

28-02-2014 9-20-56

3. Haz clic en el botón “Selecciona archivos” (como vimos en un apartado anterior) y elije el archivo de imagen desde tu ordenador.

28-02-2014 9-24-41

4. En vez de guardar una imagen en tu ordenador y luego subirla pega la URL de la imagen en la caja de la ruta del archivo y haz clic en OK.

28-02-2014 9-33-14

WordPress guarda la imágen y te la muestra lista para insertarla en la entrada, tal como hemos hecho con esta foto de jfelias en morgueFile.com.

(Nota: este truco solo funciona en Windows, en Mac no hay caja para introducir la ruta)

Fuente: Ayuda WordPress

Descripción de los módulos del panel de Edición de entradas

Escrito por eco escuela 2.0 el . Posteado en Tema 2: Crear una entrada

050312_2129_Entradasono9.png

Título de la Entrada

El título de la entrada es el texto que aparecerá remarcado presentando la entrada. Podremos utilizar cualquier palabra o frase pero trataremos de buscar un mensaje que llame la atención. Evite usar el mismo título dos veces; puede causar problemas.

En la última versión de WordPress se puede utilizar las comas, apóstrofes, comillas, guiones y otros símbolos típicos en las publicaciones como “¿Dónde estamos?”, ‘CEIP …’, u otros que en otras versiones no se podían utilizar.

Editor del contenido de la Entrada

Es el espacio en blanco donde se introduce el texto, enlaces, imágenes, contenido multimedia y cualquier otra información que nos interese mostrar en su sitio.

Cuando se crea una entrada o una página de tu blog de centro, tendremos dos modos de edición disponibles y podremos utilizar aquel con el cual nos sintamos más cómodos. Podremos utilizar la edición Visual o la edición Texto (HTML) para crear o editar nuestras páginas.

El cambio entre los modos de edición visual y edición de HTML es fácil. Sólo tendremos que usar las etiquetas o pestañas directamente sobre el lado derecho del área de edición. Si no podemos ver la ficha “Visual“, debemos asegurarnos de que no está desactivada en las opciones personales de nuestro perfil de usuario.

27-02-2014 12-23-06

  • Editor Visual. Es el modo por defecto para los blogs de WordPress y tiene un aspecto muy similar a un procesador de textos.

    27-02-2014 12-26-03
    Los iconos del editor visual permiten dar formato al texto, alineación de fuente, insertar viñetas y listas numeradas, y mucho más.
    editor-visual

  • Editor Texto. El editor Texto tiene menos opciones, pero permite editar directamente el código HTML de nuestras entradas y páginas. Este modo de edición está dirigido a aquellos usuarios que se sienten cómodos trabajando con el lenguaje HTML. Cuando tengamos la necesidad de añadir un código corto (shortcode), modificar el estilo de fuente, o pegar código de una fuente externa, podremos utilizar el editor Texto.

    27-02-2014 12-30-52
    Recordar a aquellos usuarios que se animen a utilizar este lenguaje que el código HTML que agreguemos debe estar bien formado y debe figurar en la lista de las etiquetas HTML permitidas. WordPress tiene algunas restricciones de código como la de no tener Javascript, reproductores, o formularios personalizados.
    editor-texto

Iconos del Editor visual

El editor visual ofrece un editor de contenidos WYSIWYG (lo que ves es lo que obtienes) que te permite crear, editar y formatear el contenido del blog en una vista similar a la de un procesador de textos.

Este es el modo de edición por defecto de WordPress y el que utilizaremos tanto en el blog del profesorado como en el blog de los centros, pero si no aparece habilitado, podremos seleccionarlo en la pestaña “Visual” que está situada en la esquina superior derecha del área de edición, como se muestra a continuación:

27-02-2014 12-39-16

Hay dos filas de edición de iconos que figuran en el editor visual. A continuación haremos una breve descripción para averiguar lo que significan. Cuando estemos trabajando nos aparecerá una ayuda cada vez que pasemos el ratón por encima de cualquier icono (una pequeña descripción se mostrará flotando sobre el icono y nos ayudará a recordar para que sirve).

Fila 1: Cuando abra inicialmente el editor visual es probable que se muestre una sola fila de iconos:

fila1

Encima de cada icono hemos puesto un número que se relaciona con los epígrafes siguientes:

(1) Negrita
(2) Itálica
(3) Tachado
(4) Lista sin ordenar (con viñetas). Ejemplo:

  • Tema 1
  • Tema 2
(5) Lista ordenada. Ejemplo:
  1. Tema 1
  2. Tema 2

(6) Cita (una forma de mostrar el texto de una cita, el estilo de cada tema mostrará esto de manera diferente.)

Perdona siempre a tus enemigos, nada les molesta tanto.

(7) Alinear a la izquierda
(8) Alinear al centro
(9) Alinear a la derecha
(10) Insertar / Editar enlace
(11) Quitar enlace
(12) Insertar etiqueta “More”
(13) Activar / Desactivar el corrector ortográfico
(14) Cambiar a modo de pantalla completa
(15) Mostrar / Ocultar botones adicionales   (permite mostrar la segunda fila de iconos de edición)

Fila 2: Para mostrar la segunda fila de iconos, seleccione el icono Mostrar / Ocultar botones adicionales  

fila2

(16) y (17) Estilo – diversos estilos de formato definido por el tema
(18) Subrayar
(19) Alineación completa
(20) Elegir el color de texto – cambiar el texto de color
(21) Pegar como texto plano (sin formato)
(22) Pegar desde Word
(23) Eliminar o quitar el formato
(24) Insertar caracteres especiales o personalizados
(25) Disminuir sangría – mueve el texto más a la izquierda
(26) Aumentar margen o sangría – mover el texto más a la derecha
(27) Deshacer – deshacer la última acción
(28) Rehacer – rehacer la última acción
(29) Ayuda – muestra cierta información acerca de cómo utilizar el editor, así como los métodos abreviados de teclado.

Iconos de alineación. Tanto el texto como las imágenes se pueden alinear con los iconos correspondientes: (7), (8), (9) y (19).

       

La alineación completa sólo se puede aplicar al texto y se alinean ambos lados del texto.

Menú desplegable de estilos. El menú desplegable de estilos nos
permite cambiar el formato de cualquier texto seleccionado. Incluye diferentes Títulos y otros estilos predefinidos integrados en el tema.

Una mayor modificación del estilo requiere la actualización del CSS -hoja de estilos- personalizado (y por tanto de los conocimientos sobre CSS adecuados).

27-02-2014 13-08-11Color del texto. Para cambiar el color del texto en primer lugar hay que seleccionar o destacar una sección del texto:

27-02-2014 13-11-16Al hacer clic en la flecha hacia abajo, junto al botón Color de texto, mostrará un selector de color.

La selección de un color aplicará ese color para el texto seleccionado y lo convierte en el color predeterminado para el botón de color. Al hacer clic en el botón de color del texto en sí se aplicará el color predeterminado anteriormente.

Pegar como texto plano.  
Si se copia y pega texto de otro lugar, nos encontraremos con que no siempre aparece exactamente como esperábamos. Si utilizamos el botón “Pegar como texto plano” se produce la ejecución de un proceso de limpieza para eliminar cualquier formato especial y las etiquetas HTML que de otro modo pueden cambiar el texto.

Una vez hecho clic, aparecerá una ventana donde podremos introducir el texto:

Deberemos comprobar que está marcada la opción de mantener los saltos de línea, para preservar todos las etiquetas HTML <br/>. Si se desactiva esta opción, las eliminará.

Eliminar formato.   Al eliminar el formato de un texto, como era de esperar, se quita todo el formato (negrita, cursiva, colores, etc.) de la sección de texto seleccionado. Primero, seleccione el texto:

Este es mi pequeño texto formateado

Cuando se pulsa el botón de “Eliminar formato“, todo el formato se elimina:

Este es mi pequeño texto formateado

Nueva línea sin espacio encima. Pulse la tecla “Intro” (Volver/Enter) para terminar el párrafo que estás escribiendo y comenzar uno nuevo. Si desea iniciar una nueva línea sin crear un nuevo párrafo, pulse la tecla “Mayúscula” mientras oprime la tecla “Intro” (Mayus + Enter).

 

Opciones de pantalla

Las Opciones de pantalla nos permitirán configurar aquellos módulos o secciones que se hacen visibles en la pantalla de creación/edición de entrada.

Lo ideal es no tener visibles aquellos módulos o funciones que no utilizamos habitualmente. En la imagen vemos que podemos activar o desactivar los que nos interesan. No es necesario guardar ni afecta a lo que estamos escribiendo, es decir, en cualquier momento podremos hacer visibles las secciones que necesitemos activando o desactivando:

Esta función nos permitirá dejar un espacio de trabajo mucho menos cargado de información y por tanto nos dará una mayor sensación de sencillez. Se configura por usuario, es decir que cada usuario personalizará su espacio de trabajo.

 

Módulo: “Publicar”

Es la caja desde la cual podremos controlar todos los parámetros de configuración para publicar una entrada. Podremos visualizar como va quedando, guardarla como borrador, configura quien la puede ver, es decir si es pública, privada o visible con una contraseña. En esta sección podremos programar la fecha y hora de publicación.

Contiene una serie de botones que controlan el estado de nuestra entrada:

  • Botón “Vista previa”.
    Permite ver la entrada antes de publicarla oficialmente.
  • Botón Guardar borrador.
    Le permite guardar la entrada como un borrador / pendiente de revisión en vez de publicar inmediatamente.
  • Sección de Estado.

    Para acceder a la misma haremos clic sobre “Editar”. Los principales estados son publicado, pendiente de revisión, y borrador. Publicado: la entrada se ha publicado en nuestro blog para que todos la vean. Pendiente de revisión significa que el borrador está a la espera de revisión por un administrador o editor antes de su publicación. Borrador significa que el mensaje no ha sido publicado y sigue siendo un proyecto.

Si seleccionamos un determinado estado de publicación y hacemos clic en el botón de Actualizar o el botón de Publicar, el estado se aplicará de forma automática para la entrada.

Por ejemplo, para guardar una entrada en estado de pendiente de revisión, seleccionaremos dicha opción en el desplegable de la opción Estado y haremos clic en Guardar borrador.

Para acceder a ella de nuevo y localizarla lo haremos desde el subpanel de Entradas à Todas las entradas, la localizaremos y al pasar el ratón por encima se activarán las acciones que podemos realizar y seleccionaremos → Editar.

  • Sección Visibilidad.
    Para acceder a la misma haremos clic sobre “Editar”. Determina cómo se hará visible nuestra entrada al mundo. La opción “Público” hará visible la entrada para todos los visitantes del sitio web. La opción Protegida con contraseña, hará que se publique la entrada, pero los visitantes deben conocer la contraseña para ver el contenido de esta. Privada, hace que la entrada sea visible sólo para el autor.

  • Sección Publicar el:

    Para acceder a la misma haremos clic sobre “Editar”. Esta opción nos permite programar una entrada para su publicación en un tiempo futuro o modificar la fecha de publicación (por defecto carga la fecha y hora del ordenador). Tan pronto editemos la opción se cargará un calendario y un reloj que podemos modificar, una vez hayamos seleccionado la fecha y hora pulsaremos Aceptar. Podremos programar una fecha futura o cambiar la fecha de publicación a una fecha en el pasado pero esto alterará la posición de la entrada. Cuando hayamos completado la entrada podremos hacer clic en el botón “Publicar” .

  • Botón Publicar.
    Publica la entrada en el blog. De forma predeterminada, en momento del primer auto-guardado en la entrada será la fecha y hora de creación dentro de la base de datos.
  • Enlace a Mover a la papelera.
    Envía la entrada o noticia creada a la papelera para no ser publicada ni guardada como borrador.

 

Módulo: Categorías

Las categorías nos permitirán ofrecer a la entrada una información que nos facilite su clasificación tanto de forma interna (a la hora de gestionarla en la pantalla de la sección “Todas las entradas” del subpanel “Entradas”), como de forma visual al poder llamarla desde los menús de navegación que veremos posteriormente.

La temática general de la entrada que estamos creando se puede clasificar en categorías por su contenido. Los lectores pueden navegar por categorías específicas para ver todas las entradas que hemos publicado sobre una temática específica y que previamente hemos marcado con esa categoria. Al añadir una categoría a una entrada esta se colocará de primera en la página de inicio en el blog y además se colocará de primera en la categoría que le hayamos asignado (recordemos que en un blog las últimas entradas son las primeras).

Para añadir una nueva categoría, haremos clic en el vínculo “+ Añadir nueva categoría” de esta sección. Recordemos que podemos crear subcategorías o categorías anidadas desplegando el combo –Categoría superior- en el que aparecerán todas las categorías creadas hasta el momento. Si seleccionamos una automáticamente la nueva que creemos se creará como dependiente de la misma.

También podremos manejar las categorías desde el subpanel de Entradas Categorías como vemos en la imagen siguiente.

Módulo: Etiquetas de las entradas

Es otra forma de clasificación de la información que incorporamos a nuestra entrada. Cuando creamos una entrada le pondremos pequeñas marcas que luego nos permitan encontrarla a nosotros o las personas que navegan por Internet. La etiqueta suele ser una palabra corta (puede ser una frase) que identifica el contenido de la entrada. Las etiquetas son otra de las herramientas que pone WordPress a nuestro servicio para gestionar la información que vamos incorporando a nuestro blog. Todas las entradas de nuestro blog que posean una etiqueta común estarán unidas entre sí y se mostrarán en la pantalla cuando un usuario haga clic en una de las etiquetas que se visualizan en la nube de etiquetas de nuestro blog. Para que las etiquetas estén visibles deben de ser activadas en el “Tema” para que aparezcan en su posición. Utilizaremos un widget (Subpanel Apariencia Widgets à Nube de etiquetas). Las entradas filtradas por una etiqueta se mostrarán ordenadas de forma cronológica por la fecha de publicación.

Para Añadir una etiqueta en la entrada se escribe la palabra o palabras en el recuadro correspondiente del módulo “Etiquetas”. Se puede poner más de una etiqueta separándolas por comas. WordPress nos ofrece una ayuda para buscar etiquetas ya creadas que consiste en que al escribir las tres primeras letras de la etiqueta nos desplegará un combo en el que nos muestra las etiquetas que ya se han creado y que comienzan por esas letras. También podremos seleccionar las etiquetas de las existentes a través de la opción “Elige entre las etiquetas más utilizadas”, y hacer clic en “Añadir“.

Podremos administrar (editar, crear, borrar, modificar) las etiquetas de nuestro blog desde el subpanel de “Entradas” à Etiquetas

 

Módulo: Imagen destacada

27-02-2014 13-35-11La imagen destacada es un módulo que permite asociar una imagen a una entrada para que el Tema de WordPress la pueda gestionar en la presentación.

Dependiendo del tipo de Tema que utilicemos se pueden presentar en la noticia o en la cabecera de las imágenes.

Para adjuntar una imagen destacada haremos clic sobre el enlace “Asignar la imagen destacada“, subiremos la imagen siguiendo el procedimiento de arrastrar o explorar desde el ordenador o desde una URL y cuando la tengamos en la Galería seleccionaremos sobre el enlace: “Usar como imagen destacada”

27-02-2014 13-37-15

Una vez cargada veremos que en el módulo de Imagen destacada aparecerá la imagen que hemos seleccionado. Si queremos eliminarla haremos clic sobre el enlace: “quitar la imagen destacada”

 

Módulo de Enviar Trackbacks

Los trackbacks son un modo de avisar a otros usuarios de que les hemos enlazado o mencionado. Si en nuestra entrada hacemos referencia o enlazamos a otros sitios que hayan sido creados con WordPress el administrador de ese sitio Web recibirá un aviso automático gracias a los pingbacks. Al ser otro sitio de WordPress no tendremos que hacer nada, será transparente para nosotros.

El envío de trackbacks es la forma que se utiliza para notificar, a los sistemas que controlan la información disponible en los blogs, de que algún usuario de la red ha asociado información publicada en nuestro propio blog.

Los motores de búsqueda premian los blogs que han sido citados y los posicionan mejor en las búsquedas, por eso es una buena cultura el enviar un trackbacks cada vez que citamos información de otro blog (los autores lo suelen agradecer).

Como ya hemos mencionado si se enlaza a otros blogs de WordPress, serán notificados automáticamente utilizando pingbacks, es decir no necesitamos hacer nada. Pero para los enlaces que no reconocen pingbacks, se debe enviar un trackback al blog mediante la introducción de la dirección del sitio web donde hemos encontrado la información a la que hacemos referencia o citamos. Utilizaremos el siguiente cuadro, separando cada una por un espacio.

 

Módulo de campos personalizados (usuarios avanzados)

Es un módulo al que le pueden sacar partido los usuarios avanzados, pero para los que se inician no tiene mucho interés. Nos ofrecen una manera de agregar información adicional a nuestro sitio.

Antes de seguir, hay que aclarar que WordPress tiene por defecto varios campos generales, entre los cuales se encuentran, nombre de la entrada, subtítulo de la entrada (slug), fecha de la entrada, categorías, etiquetas y demás.

Esta cantidad de metadatos es suficiente para la mayoría de los blogueros, pero por suerte y como WordPress es una herramienta muy completa, permite el agregado de otros campos, dependiendo de nuestra necesidad y de nuestros conocimientos.

 

Módulo de Extracto (usuarios avanzados)

El extracto es un resumen destacado de nuestra entrada y se pude hacer visible en la primera página de nuestro sitio, así como en la categoría, archivos y páginas de búsqueda. Deberemos tener en cuenta que el extracto no suele aparecer de forma predeterminada. Es decir, lo podemos rellenar pero no lo veremos de forma automática. Sólo aparece en la entrada si se ha cambiado el archivo index.php de plantilla para mostrar los Extractos en lugar de los contenidos de un mensaje (esta es una cuestión para usuarios avanzados). No cabe duda de que le confiere un aire muy periodístico a nuestro blog.

Si hemos sido capaces de configurarlo, WordPress usará automáticamente las primeras 55 palabras de su entrada como el Extracto o hasta el uso de la marca Sigue leyendo →.

Si se rellena el campo del extracto utilizará esto, en vez de las 55 primeras palabras de tu entrada.

 

Módulo de Comentarios

Nos permitirá controla la interactividad de nuestro blog y la notificación de nuestros mensajes. Recordaremos que por defecto en WordPress los comentarios siempre son moderados, es decir no se publican nunca si el Administrador no los aprueba previamente.

Esta sección alberga dos casillas de verificación: Permitir comentarios de esta entrada y permitir trackbacks y pingbacks en este post.

Si la casilla “Permitir comentarios” no está marcada, no se podrán enviar comentarios a esta entrada en particular.

Si la casilla “Permitir trackbacks y pingbacks” no está marcada, no se puede publicar pingbacks o trackbacks a esta entrada en particular.

 

Módulo de Autor

Aparecerá un desplegable con la  lista de todos los autores del blog. Por defecto carga el nombre del usuario que se ha autentificado pero se puede seleccionar otro de la lista con el fin de atribuirle o reconocerla como el autor de la entrada. Para ver la lista de usuarios, consulte la ficha o panel Usuarios en el margen izquierdo.

 

Módulo de Formato

27-02-2014 13-39-45Permite incorporar información a WordPress sobre las características principales que definen a nuestra entrada.

Los Formatos de Entrada son un método que nos permitirá dar una presentación diferente a cada entrada específica. Con éste módulo que se añade en la columna de la derecha a la hora de crear una nueva entrada podremos especificar el “formato” de dicha entrada. Recordademos que los Formatos de Entrada se usan para dar estilos diferentes a distintos tipos de entradas.

Por ejemplo, si se trata de una galería de imágenes seleccionaremos la opción prevista para una galería, si es una entrada corriente le aplicaremos la opción “Estándar”, etc… Esto permite dar una manera rápida y sencilla un estilo diferente a cada tipo de entrada en función de su temática o contenidos.

Tendremos que tener en cuenta que el funcionamiento de este módulo depende del tipo de Tema que utilicemos. Es probable que con algunos temas no funcione y no incorpore ningún formato específico.

 

Módulo de Revisiones

Permite ver las distintas versiones y cambios que se han realizado en la entrada. En aquellas entradas que pueden haber sido modificadas por varios autores, quedará registrada grabada la fecha, hora y usuario que ha realizado la modificación.

Esta función resulta muy interesante pues nos permite recuperar y restaurar una versión más antigua en el caso de perder información importante.

27-02-2014 13-41-28

 

Módulo de Slug o Enlace permanente (conveniente no tocarlo y dejar que lo gestione WordPress)

Después de guardar su mensaje, se creará de forma automática el enlace permanente. En el modo de edición se muestra a continuación del título. El enlace permanente es la dirección con la que se guarda la noticia y por tanto es la URL que utilizaremos cuando nos interese acceder a la misma. Cada vez que se cargue la noticia será la dirección que aparece en el explorador.

No es conveniente tocar esta opción y deberemos dejar que la gestione WordPress. Para evitar problemas se debería desactivar en el menú de Opciones de Pantalla.

Esta funcionalidad nos muestra la dirección potencial para la entrada, siempre y cuando tengamos activado los “enlaces permanentes“. (Para activarlos, vaya al subpanel “Ajustes” → Enlaces permanentes).

La URL se generará a partir de su título. Las comas, comillas, apóstrofes, y código no HTML se cambian y se pone un guión entre cada palabra. Si su título es “Mi sitio – Aquí está mirando la película”, será limpiado para ser “mi-sitio-Heres-aqui-esta-mirando-la-pelicula” como título. Puede cambiar manualmente esto, y acortar a “mi-sitio-mirando-la-pelicula”.

Nota: Puede ajustar las opciones básicas para la escritura, tales como el tamaño del buzón, como las etiquetas emoticonos que se convierten, y otros detalles: vaya a Ajustes Escritura.

Más información

La información de este epígrafe ha sido sacada fundamentalmente de la noticia publicada en el Blog central de los Centros Educativos: “Escribir y publicar entradas

Otras noticias publicadas en el Blog central de los Centros Educativos que están relacionadas:

Publicar una entrada

Escrito por eco escuela 2.0 el . Posteado en Tema 2: Crear una entrada

050312_2129_Entradasono35.png

Entradas o noticias

Como ya se ha mencionado un blog, o en español también una bitácora, es un sitio web periódicamente actualizado que recopila cronológicamente textos, 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. A estos artículos o textos se les conoce como entradas, noticias o post.

Por tanto se podría decir que una entrada es una aportación al blog. Los blog se componen de numerosas entradas que se visualizan ordenadas de forma cronológica. Todas se almacenan en la base de datos.

Al ser ordenadas por la fecha de publicación, las entradas van descendiendo y se hace difícil localizar las más antiguas. Para evitar este problema, en las últimas versiones de WordPress, se han incorporado utilidades que facilitan la búsqueda de las mismas atendiendo a su clasificación por etiquetas
(son palabras clave con las que definimos la entrada y que facilitan la asociación de las que están relacionadas con el término), categorías
(es una forma de clasificar las entradas que vamos poniendo en el blog para asociarlas a una estructura que nosotros hemos creado previamente), menús (es la forma que podemos utilizar para visualizar las entradas asociadas a las categorías), RSS
(nos permite hacer seguimiento de aquellas entradas, categorías o blogs para enterarnos cuando se hacen nuevas entradas), y otras.

La filosofía de un blog es la de buscar la máxima sencillez a la hora de publicar por lo que el proceso de publicación de una entrada, post o noticia se debe afrontar sin miedo. A continuación trataremos de describir los pasos a seguir.

¿Cómo escribir una entrada?

Como ya hemos mencionado las entradas se muestran en orden cronológico inverso, en la página de inicio. A diferencia de las páginas estáticas, las entradas de los blogs suelen tener campos de comentarios debajo de ellas y se incluyen en la alimentación de su sitio RSS.

Para escribir una entrada:

  • Acceda a su panel de administración o al escritorio de edición de su blog en WordPress. Para ello se seguirán los pasos mencionados en el apartado anterior.
  • Haga clic en el subpanel
    Entradas o en el menú desplegable “+ Nuevo”.

27-02-2014 10-55-06

  • Haga clic en la opción: Añadir nueva

27-02-2014 11-02-49

  • Comience a llenar los espacios en blanco (título y cuerpo de la entrada).
  • Si quiere añadir información adicional a la entrada que le permita una mejor clasificación de la misma, seleccione una categoría en la caja o módulo lateral “Categorías”. El árbol de categorías se muestra visible en la pestaña “Todas las categorías”. En caso de no tener ninguna categoría aparecerá únicamente “Sin categoría”. Puede crear una nueva, sobre la marcha, como se indica en la imagen siguiente: (1) + Añadir nueva categoría; (2) Escribir el nombre de la categoría; (3) Seleccionar una categoría superior, en caso de que quisiéramos anidarla en una categoría más importante ya creada anteriormente. En caso de no seleccionar ninguna pasará a ser una categoría principal; (4) Finalmente hacemos clic sobre “Añadir nueva categoría”:

  • También se puede añadir otro tipo de información para localizar la notica a través de la nube de etiquetas. Para ello deberemos añadirle una etiqueta o “tag” en el módulo de “Etiquetas”

  • Podremos añadir más información a nuestra entrada y lo haremos en los otros módulos o cajas que nos aparecen en la pantalla de “Edición de la entrada”. Algunos de estos módulos o cajas no e utilizarán muy a menudo, por lo que no vamos a profundizar mucho en su uso. Durante el curso veremos algunos de ellos y si quieren más información la podrán encontrar en el “Blog Central de los Centros Educativos“.
  • Si queremos ver como va quedando la entrada que estamos creando lo podrán hacer en el botón “Vista previa” del módulo “Publicar”.

  • En caso de no haber terminado de escribir la entrada o de no estar seguro de la publicación de la misma puede guardarla como borrador en el botón “Guardar borrador” del módulo “Publicar”.

  • Cuando esté listo, haga clic en Publicar.

  • A continuación ponemos un ejemplo:
entrada

Haz clic en la imagen para ver a tamaño completo

 

Funcionalidad “Más información” (muy útil)

Cuando publicamos entradas en nuestro blog se cargarán por defecto en la página de inicio. Si la noticia que hemos publicado tiene un texto muy largo pude hacer que parezca que en nuestro blog no hay más información.

Por ello WordPress incluye, en el editor de la entrada, una funcionalidad que nos resultará muy útil para poder diseñar la cantidad de texto e información de cada noticia que nos interesa que se cargue en la página de inicio.

El funcionamiento resulta muy sencillo e intuitivo y consiste en introducir un salto de línea en el lugar del párrafo donde queremos cortar el texto y adjuntar el mensaje “Sigue leyendoà” que incluye un hipervínculo a la noticia desarrollada. Esta funcionalidad es visible en la página de inicio, nunca en la vista de la entrada completa.

Veamos a continuación como se utiliza esta funcionalidad:

  • Si tenemos una noticia que tiene un texto largo cuando la vemos en la página de inicio se carga todo el texto y no se ven más noticias.

  • Para dejar menos texto utilizaremos la funcionalidad Insertar etiqueta More“. Para ello tendremos que entrar en la edición de la entrada, seleccionaremos la cantidad de texto que nos interesa dejar visible en la página de inicio. Colocaremos el cursor en el lugar donde queremos hacer el corte y buscaremos en la barra superior el icono . En esta posición situaremos la marca de “Más información”.

  • Observaremos que se dibuja una línea de trazo discontinuo en esta posición. Para situarla en otra ubicación será necesario eliminarla como si se tratase de un texto o imagen.

  • Clic en el botón Publicar o Actualizar.

  • Finalmente accederemos al modo lectura del artículo para observar como se muestra el párrafo y en el lugar donde hemos cortado el enlace: Sigue leyendo

 

 

Barra amarilla corporativa del Gobierno de Canarias

© Gobierno de Canarias

A %d blogueros les gusta esto: