WORDPRESS: CREACIÓN,

ADMINISTRACIÓN Y DINAMIZACIÓN

DEL BLOG DEL CENTRO EN ECO ESCUELA 2.0

2 ¿Cómo alimentar el blog de centro?

1

Contenido 1. Entradas o noticias .......................................................................................................................2

¿Cómo escribir una entrada? ...........................................................................................................2

2. Insertar imagen ............................................................................................................................8

Agregar una galería ....................................................................................................................... 10

Edición de una galería ................................................................................................................... 11

Opciones de la galería ................................................................................................................... 12

Código abreviado .......................................................................................................................... 12

Solución de problemas .................................................................................................................. 13

3. Cómo crear enlaces ....................................................................................................................... 13

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

Enlaces que contengan el símbolo “@” ........................................................................................ 15

4. Artículos de lectura y tutoriales publicados en el blog de los centros:..................................... 16

Entradas......................................................................................................................................... 16

Enlaces ........................................................................................................................................... 16

Imágenes ....................................................................................................................................... 16

2

1. 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 es un proceso que se realiza con suma facilidad y que pasamos a describir.

¿Cómo escribir una entrada?

Las entradas se muestran en orden cronológico inverso, en su página de inicio. A diferencia de las páginas, 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:

1. Accede a tu Panel de Administración (Dashboard) WordPress. 2. Haga clic en la ficha Entradas. 3. Haga clic en el subapartado Añadir nueva 4. Comience a llenar los espacios en blanco (título y cuerpo de la entrada). 5. Cuando es necesario, seleccione una categoría, añada etiquetas, y realice otras selecciones

de las siguientes secciones de la entrada. Cada una de estas secciones se explica y explicará en esta y otras entradas del “Blog Central de los Centros Educativos“.

6. Cuando esté listo, haga clic en Publicar.

3

Publicar una entrada en el blog

4

Título de la Entrada

El título de tu entrada o publicación. Puede utilizar cualquier palabra o frase. Evite usar el mismo título dos veces; puede causar problemas. Puede utilizar las comas, apóstrofes, comillas, guiones y otros símbolos típicos en las publicaciones como “¿Dónde estamos, ‘CEIP …’”.

Área de edición de la Entrada

El cuadro en blanco donde se introduce la escritura, enlaces, enlaces a las imágenes, y cualquier otra información que desea mostrar en su sitio. Usted puede utilizar la vista Visual o la vista HTML para redactar sus entradas.

Botón de previsualización

Le permite ver la entrada antes de publicarla oficialmente.

Cuadro de publicación

Contiene botones que controlan el estado de su entrada. Los principales estados son publicados, pendiente de revisión, y borrador. Un estado Publicado: la entrada se ha publicado en su blog para

que todos la vean. Pendiente de revisión significa que el borrador está a la espera de revisión por un editor antes de su publicación. Borrador significa que el mensaje no ha sido publicado y sigue siendo un proyecto para usted.

Si selecciona un determinado estado de publicación y hace clic en el botón de Actualizar o el botón de Publicar, el estado se aplica para la entrada.

Por ejemplo, para guardar una entrada en estado de pendiente de revisión, seleccione la dicha opción en el desplegable de la opción Estado y haga clic en Guardar borrador (Usted verá todos los mensajes organizados por el estado yendo a Entradas→Editar).

Para programar una entrada para su publicación en un tiempo futuro o fecha, haga clic en “Editar” en el área de publicación junto a las palabras “Publicar inmediatamente“. También puede cambiar la fecha de publicación a una fecha en el pasado hasta la fecha los mensajes de vuelta. Cambie la configuración a la hora deseada y la fecha. También debe hacer clic en el botón “Publicar” cuando haya completado la entrada a publicar en el momento deseado y la fecha.

Visibilidad - Determina cómo aparece su entrada al mundo. la opción público hará visible para todos los visitantes del sitio web, una vez publicada, la entrada. Protegida con contraseña, se publican las entradas, pero los visitantes deben conocer la contraseña para ver el contenido de estas. Privada, hace la entrada visible sólo para usted (y otros editores o administradores de su sitio).

5

Enlace permanente

Después de guardar su mensaje, el enlace permanente, a continuación del título, muestra la dirección potencial para la entrada, siempre y cuando usted tenga activado los “enlaces permanentes“. (Para activarlos, vaya a Ajustes→enlaces permanentes).

La URL se genera 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”.

Guardar borrador

Le permite guardar la entrada como un borrador / pendiente de revisión en vez de publicar inmediatamente.

Publicar

Publica tu mensaje en el sitio. Puede modificar el momento en que el mensaje es publicado por hacer clic en el enlace Editar situado encima del botón Publicar y especificando el tiempo que desea que el mensaje será publicado. De forma predeterminada, en momento del primer auto-guardado en la entrada será la fecha y hora del mensaje dentro de la base de datos.

Categorías

El tema general de la entrada puede clasificarse en categorías por su contenido. Los lectores pueden navegar por categorías específicas para ver todas las entradas de la categoría. Para añadir una nueva categoría, haga clic en el vínculo “+ Añadir nueva categoría” de esta sección. Usted puede manejar sus categorías, vaya a Entradas→Categorías.

Etiquetas de las entradas

Se refiere a las “micro-categorías” para su blog. Entradas con marcas similares están unidas entre sí cuando un usuario hace

6

clic en una de las etiquetas. Las etiquetas tienen que ser activadas con el código correcto en el tema para que aparezcan en su posición, como un widget (Apariencia→widget).

Puede Añadir nuevas etiquetas para la entrada escriba la etiqueta en el cuadro o seleccionándolas de las existentes a través de la opción “Elige entre las etiquetas más utilizadas“, y hacer clic en “Añadir“.

Extracto

Un resumen de sus entradas destacadas en la primera página de su sitio, así como en la categoría, archivos y páginas de búsqueda Tenga en cuenta que el extracto no suele aparecer de forma predeterminada. Sólo aparece en tu entrada si has cambiado el archivo index.php de plantilla para mostrar los Extractos en lugar de los contenidos de un mensaje. Si es así, 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.

Enviar Trackbacks

Una forma de notificar a los sistemas de legado blog que ha asociado información de ellos. Si se enlaza a otros blogs de WordPress, serán notificadas automáticamente utilizando pingbacks. Ninguna otra acción es necesaria. Para los enlaces que no reconocen pingbacks, puede enviar un trackback al blog mediante la introducción de la dirección del sitio web(s) en este cuadro, separando cada una por un espacio.

Campos personalizados (usuarios avanzados)

Ofrecen una manera de agregar información a su sitio. En relación con el código adicional en los archivos de la plantilla o plugins, en los campos personalizados se puede modificar la forma en que se muestra un mensaje. Estos se utilizan principalmente por los plugins, pero usted puede editar manualmente esta información en esta sección.

7

Debates

Opciones para permitir la interactividad y la notificación de sus mensajes. Esta sección alberga dos casillas de verificación: Permitir comentarios de esta entrada y permitir trackbacks y pingbacks en este post . Si Permitir comentarios no está marcada, no se puede enviar comentarios a esta entrada en particular. Si Permitir pings no está marcada, no se puede publicar pingbacks o trackbacks a esta entrada en particular.

Autor

Aparecerá un desplegable con la lista de todos los autores del blog. Se puede seleccionar con el fin de atribuir como el autor de la entrada. Esta sección sólo se muestra si hay varios usuarios con derechos de autor en su blog. Para ver la lista de usuarios, consulte la ficha o panel Usuarios en el margen izquierdo.

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.

Información sacada de la noticia publicada en el Blog central de los Centros Educativos: “Escribir y publicar entradas”

Para acceder a un sencillo videotutorial: “Cómo crear una entrada en el blog del centro con WordPress”

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

“No quiero que todas las entradas aparezcan en la página de inicio”

“Página de Inicio”

8

2. Insertar imagen Cuando escribimos una entrada puede resultar muy útil el usar imágenes para decorar o ilustrar la

misma.

Para empezar, tenemos que decidir si queremos tener las imágenes que vamos a utilizar en nuestro alojamiento o usar algunos de los servicios gratuitos que nos permiten alojar nuestras colecciones de fotografías. Estos servicios 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.

Empezaremos por ver como se inserta una foto dentro de una entrada:

La forma más sencilla y natural es subir una foto que ya tenemos en nuestro ordenador.

1. En el escritorio de WordPress en el panel EntradasAñadir nueva, debajo del editor de texto tenemos que:

2. En la opción de “Subir/Insertar” nos permite explorar dentro de nuestro ordenador para buscar una imagen.

3. Cuando tengamos la imagen seleccionada pulsamos sobre Subir.

4. Se cargará de forma automática el menú con las opciones de la imagen que hemos subido.

5. Ponemos 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.

6. Si escribimos algún texto en la opción “Leyenda” aparecerá publicado como texto explicativo de la imagen.

7. Completaremos el apartado de URL del enlace, el que aparece por defecto es la dirección donde se ha carado la imagen. En caso de querer que la imagen tenga un hipervínculo que nos lleve a

9

otra web, vídeo,… pegaremos la URL en este apartado.

8. Decidiremos la alineación donde nos gustaría que aparezca la imagen en nuestra entrada.

9. 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.

10. Cuando tenemos completados los datos del menú “Añadir una imagen” pulsaremos sobre “Insertar en la entrada” y regresaremos al menú de “Añadir nueva entrada” donde acabaremos de organizar y escribir la noticia que vamos a publicar

11. Ya solo que tenemos que recolocar 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.

12. Como consejo, colocar la foto después de poner el texto.

Otra forma es enlazar una foto que ya está en Internet (puede que la tengamos subida en nuestro alojamiento):

1. Localizamos la imagen en Internet y con el botón derecho copiamos la ruta de la imagen. 2. Seguimos los pasos para localizar Subir/Insertar que aparece en la parte superior del editor de

texto.

3. Cuando se despliega el menú introducimos la dirección donde está la imagen en Internet y completamos los diferentes datos con el título de la imagen, texto alternativo, leyenda. Además decidiremos donde queremos que aparezca la imagen: Ninguno, Izquierda, Centrar o Derecha.

10

4. Es importante el poner un nombre a la foto. De esta forma hacemos accesible la página a las personas con discapacidad visual.

5. Una vez completamos insertamos en la entrada.

Otra forma de gestionar las imágenes que queremos poner en la entrada es creando una galería de imágenes:

Una galería mostrará un conjunto de imágenes en miniatura conectada a una determinada entrada o página. Si subes imágenes utilizando el botón agregar una imagen durante la edición/creación de la entrada o la página, ésta se adjuntará automáticamente. Si subes imágenes directamente a la biblioteca multimedia mediante Multimedia→Añadir nuevo, la tendrás que adjuntar a una entrada o una página antes de que aparezcan en una galería.

Aquí tienes un ejemplo de una galería de imágenes:

Ejemplo de una galería - la leyenda contiene un enlace (código HTML)

Agregar una galería

1. Edita una entrada o página. Si se trata de una nueva entrada o página, asegúrate de añadir un título y guardar borrador al menos una vez antes de intentar insertar una galería.

11

2. Haz clic en el botón añadir una imagen.

3. Selecciona los archivos para cargar y haz clic en el botón Guardar todos los cambios. Debes ser llevado a la ficha Galería siguiente.

4. Personalizar la configuración. (Tenga en cuenta que puede volver atrás y cambiar la configuración posteriormente.)

5. Haga clic en Insertar galería.

Edición de una galería

1. Abre un mensaje o una página con una galería para la edición y asegúrate de que estás en el modo de edición Visual.

2. Haz clic en la galería y clic en el icono Modificar galería que aparece.

3. Introduce un número de orden junto a cada imagen. Asegúrate de seleccionar la opción de “orden del menú” en la opción “Ordenar imágenes por:” en las Opciones de la galería si desea personalizar la imagen con el pedido (ver detalles más abajo).

4. Haz clic en Mostrar junto a cada imagen para cambiar el título, la descripción para cada imagen y/o añadirle una leyenda (admite código HTML).

5. Asegúrate de hacer clic en el botón Guardar todos los cambios antes de intentar actualizar la configuración de cualquier galería.

6. Personaliza la configuración de la galería (ver detalles más abajo). 7. Haz clic en Actualizar configuración de la galería.

12

Opciones de la galería

Puedes controlar varios parámetros al crear la galería de imágenes

1. Enlazar miniaturas a:

Archivo de Imagen: Un enlace directo a la imagen subida a tamaño completo.

Página de Adjuntos: Una página especializada en su blog que muestra la imagen en su tema seleccionado.

2. Ordenar imágenes por: las opciones disponibles son “Orden del menú“, “Título“, “Fecha/hora” y “Aleatorio“.

3. Orden: Ascendente o Descendente 4. Columnas de la Galería: el número de columnas de

imágenes para mostrar. Esto puede verse afectada por la elección del tema, así que asegúrese de probar un poco con el tema actual.

Títulos, texto alternativo, leyenda y descripciones de las imágenes se gestionan a través del enlace Mostrar/Ocultar junto a cada imagen o por medio de la biblioteca multimedia. También puede utilizar los controles de aquí para colocar la imagen en su entrada por separado de la galería.

Código abreviado

Los códigos abreviados (shortcode) de galería se pueden utilizar en su forma más simple como esto: [gallery] (y se mostrará en el mensaje de la entrada o de la página). Para saber más sobre el código abreviado de la galería lee la entrada “Cómo crear una galería de imágenes con editor en modo de edición HTML“.

A continuación mostramos un ejemplo de una galería relacionada con la entrada donde se habla de la galería de imágenes:

13

Opciones de configuración de

las imágenes Ejemplo de una galería – la leyenda contiene un enlace

(código HTML)

Solución de problemas

Si tienes problemas para crear una galería en tu mensaje, vuelve a introducir el título y guardarlo como un borrador antes de subir cualquier imagen.

Información sacada de la noticia publicada en el Blog central de los Centros Educativos: “Cómo crear una galería de imágenes con editor en modo de edición Visual”

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

1. “Cómo crear una galería de imágenes con editor en modo de edición HTML “ 2. “Gestionar una imagen que ya se ha subido a la librería multimedia” 3. “Incluir y excluir imágenes de una galería”

Esta entrada está diseñada para ayudarte a añadir enlaces a tus entradas o páginas. Si deseas

crear una lista de enlaces a tus blogs o sitios favoritos en la barra lateral, por favor visita las

entradas menú de enlaces (Blogroll) y Añadir enlaces en la barra lateral.

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

visual o el editor de HTML, como se describe a continuación. Lee más acerca de la diferencia

entre los editores Visual y HTML aquí.

3. Cómo crear enlaces

1. Resalta el texto que deseas vincular.

14

2. Haz clic en el enlace de la barra de herramientas. En la modalidad visual:

En el modo HTML:

3. En el menú emergente que aparece, introduce la dirección URL a la que desees establecer el

vínculo. Si deseas que el enlace se abra en una nueva ventana/pestaña al hacer clic, marca la casilla “Abrir enlace en una nueva ventana pestaña”.

Título (opcional) – Título del enlace cuando un visitante se cierne sobre ella (un texto de ayuda a modo de nota breve aparecerá con el título)

4. O, si deseas vincular a uno de tus propios mensajes o páginas, utiliza el cuadro de búsqueda para encontrar rápidamente lo que estás buscando. Basta con introducir una o dos palabras

15

clave que aparezcan en alguna parte del mensaje o la página que deseas vincular.

5. Haz 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. 6. 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 “@”

Si tratas de poner esto (por ejemplo)

la “@” se elimina por razones de seguridad y, lamentablemente, significa que este vínculo no

funcionará.

16

Para evitarlo, es necesario introducir en su lugar “@" 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ás que volver a hacer lo anterior.

4. Artículos de lectura y tutoriales publicados en el blog de los centros:

Entradas

Revisiones La escritura libre de distracciones Publicar esto Formatos de mensaje Edición en línea Como publicar entradas en WordPress desde Microsoft Office Word 2010 Editor Visual Editores Página de Inicio No quiero que todas las entradas aparezcan en la página de inicio

Enlaces

Enlaces » Enlaces a documentos Enlaces » Enlaces de imagen Enlaces » Enlaces en la barra lateral en Widget de Texto Enlaces » Enlaces de correo electrónico (Email) Enlaces Añadir un vínculo a otra web, blog,… en el menú de Enlaces

Imágenes

Ajustes » Multimedia ¿Subir desde una URL? Enlaces » Enlaces de imagen Imágenes » Edición de imagen Imágenes » Alineación de la imagen Imágenes » Insertar una imagen Incluir y excluir imágenes de una galería Cómo crear una galería de imágenes con editor en modo de edición Visual Cómo crear una galería de imágenes con editor en modo de edición HTML Gestionar una imagen que ya se ha subido a la librería multimedia