nombre del curso - gobierno de canarias...arrastra y suelta – para reordenar los cuadros, arrastra...

71
Nombre del tema Nombre del autor Nombre del curso

Upload: others

Post on 22-Jun-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

Nombre del tema

Nombre del autor

Nombre del curso

Page 2: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

Contenidos

1.Introducción..........................................................................................................5

¿Cómo alimentar el blog?.................................................................................5

2.Panel de administración de wordpress..................................................................8

3.Entradas o noticias................................................................................................9

4.¿Cómo escribir una entrada?...............................................................................10

5.Funcionalidad "Más información".......................................................................15

6.Descripción de los módulos del panel de Edición Entrada..................................18

6.1. Título de la Entrada....................................................................................19

6.2. Editor del contenido de la Entrada.............................................................19

6.3.Opciones de pantalla....................................................................................21

6.4.Iconos del Editor visual................................................................................22

6.5. Módulo: Categorías.....................................................................................28

6.6. Módulo: Etiquetas de las entradas..............................................................29

6.7. Módulo: Imagen destacada.........................................................................31

6.8. Módulo de Enviar Trackbacks.....................................................................32

6.9. Módulo de campos personalizados.............................................................32

6.10. Módulo de Extracto...................................................................................33

6.11. Módulo de Comentarios............................................................................33

6.12. Módulo de Autor.......................................................................................34

6.13. Módulo de Formato...................................................................................34

6.14.Módulo de Revisiones................................................................................35

........................................................................................................................35

6.15. Módulo de de Slug o Enlace permanente.................................................35

........................................................................................................................35

7. Insertar imagen..................................................................................................37

7.1. Insertar una imagen subida previamente a la galería multimedia de nuestroblog.....................................................................................................................37

7.2. Insertar una imagen enlazada desde Internet............................................41

7.3. Publicación de imágenes.............................................................................44

7.4. Repositorio de imágenes.............................................................................44

7.5. Galería de imágenes....................................................................................46

7.6. Edición de una galería................................................................................47

7.7. Insertar Galería con código corto gallery...................................................48

7.8. Solución de problemas................................................................................50

7.9. Galerías en mosaicos y presentaciones.......................................................50

........................................................................................................................51

7.10.Código corto (shortcode) Gallery...............................................................52

Nombre del tema Página 2 de 71

Page 3: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

7.11. Los Derechos de Autor..............................................................................53

7.12.Los Creative Commons - CPJV...................................................................54

7.13. Añadir una licencia CC a un blog de WordPress.......................................56

8. Cómo crear enlaces o hipervínculos dentro de una noticia................................59

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

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

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

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

8.5. Enlaces que contengan el símbolo "@".......................................................63

9. Escritura libre de distracción.............................................................................63

9.1. Activando la escritura libre de distracciones..............................................64

9.2. Modo de pantalla completa con la escritura libre de distracciones............65

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

10.Modificar el estado y el contenido de una entrada............................................66

10.1. Modificar el contenido de una entrada.....................................................66

10.2. Estados de publicación.............................................................................69

10.3.Eliminar un artículo...................................................................................70

10.4. Publicar y despublicar...............................................................................71

............................................................................................................................72

Nombre del tema Página 3 de 71

Page 4: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

1. Introducción

Antes de empezar sería necesario que te familiarices con el escritorio de WordPress. Loprimero que te vas a encontrar es el Tablero de instrumentos o “Dashboard“ con susrespectivos   módulos.   Te   recomendamos   que   leas   la   siguiente   entrada,   que   te   daráinformación y pautas que debes conocer para manejarte con soltura en este entorno:Tablero  de   instrumentos   (Dashboard)  de   tu  escritorio.  Las  entradas   se  muestran  enorden cronológico inverso, en su página de inicio. A diferencia de las páginas, los blogssuelen tener campos de comentarios debajo de ellas y se incluyen en la alimentación desu sitio RSS.

Te recomendamos que cuando vayas a agregar contenido a tu blog, tengas abierta dospestañas. Una con las vista pública del blog y otra con la vista de edición o "tripas delblog".

¿Cómo alimentar el blog?En este tema abordaremos aquellos aspectos más básicos, pero no por ello menosimportantes, con los que alimentaremos nuestro blog.

El blog, esta visible en la Web y por tanto siempre que accedemos a él lo veremoscon el mismo aspecto con el que lo puede ver cualquier persona que accede a ladirección desde internet. Para poder escribir una entrada o publicar contenido ennuestro blog tendremos que acceder a la zona de administración del mismo y paraello tendremos que introducir nuestros datos para que nos permita acceder adiferentes zonas, dependiendo de los privilegios que tenga nuestro usuario.

Nombre del tema Página 4 de 71

Page 5: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

Podremos acceder al panel de administración o a la edición de nuestro blogsiguiendo unas pautas:

Abra el navegador web y escriba la URL de inicio de su blog.

Luego acceda a la zona de edición del blog. Para ello se podrán utilizar dosfórmulas:

o Se buscará el enlace Acceder que se encuentra en un Widget lateralllamado META(los widgets o artilugios se suelen colocar en la partelateral derecha del blog y tienen diferentes funciones, como enlaces,calendario, buscador, últimas entradas…).

o Se pondrá al final de la URL de inicio del blog el texto wp-admin (deWordPress Administración) o wp-login.php. En el caso de un blogdel profesor creado en el entorno de la Consejería de Educación delGobierno de Canarias ecoblog debería quedar algo así (en los puntossuspensivos se sobrentiende que va la parte personalizada de cadablog):

http://www2.gobiernodecanarias.org/medusa/ecoblog/……/wp-admin/

http://www2.gobiernodecanarias.org/medusa/ecoblog/……/wp-login.php/

Se cargará la pantalla en la que nos solicita nuestras credenciales paradejarnos pasar a la zona de edición:

Nombre del tema Página 5 de 71

Page 6: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

o Si se trata de un blog alojado en la antigua plataforma de blog de loscentros educativos(http://www.gobiernodecanarias.org/medusa/edublogs/), introduzcasus credenciales (usuario y contraseña) y pulse en el botón Acceder.En caso de que no recordar la contraseña pulse sobre “¿Has perdidola contraseña?” y le será enviada una nueva al correo electrónico conel que se dio de alta en el blog.

o Si lo hace en la nueva plataforma de blogs de los centros educativos(http://www.gobiernodecanarias.org/medusa/edublog/ – sin la “s”

final) o en la plataforma de blogs del profesorado(http://www.gobiernodecanarias.org/medusa/ecoblog/), entoncesdebe hacerlo mediante el Servicio de Autenticación Centralizada

(CAS) del CAU_CE tiene como objetivo el establecer un punto únicode acceso a los servicios gestionados por el CAU_CE.

o Para facilitar aún más el acceso, usted podrá utilizar cualquiera de lassiguientes contraseñas.

Una vez introducidos sus datos accederá al panel de administración o alescritorio de edición, desde donde podrá alimentar y tener acceso a la

Nombre del tema Página 6 de 71

Page 7: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

administración y control de su blog.

Tan pronto se haya validado puede observar que se cargará una barra superior,que en este caso es negra, en donde se muestran una serie de botones de accesorápido: Nuestros sitios, Control de comentarios, “+ Nuevo” para introducir nuevasentradas, páginas,… y en la parte derecha los datos relativos al usuario.

En la parte izquierda se encuentra el menú lateral con todos los subpaneles deadministración y las diferentes opciones: Entradas, Multimedia, Enlaces,Páginas, Comentarios, Apariencia,…

En la parte central se mostrará la información y los módulos que nos ofrecen lasopciones del escritorio.

En caso de cargar un panel de administración (ejemplo: añadir entrada) en laparte central se mostrará la pantalla con los diferentes módulos que nos permitiránadministrar y gestionar dicho subpanel.

2.Panel de administración de wordpress

Esta es la pantalla que verás cuando inicies sesión en tu sitio, que te da acceso atodas las funciones de gestión del sitio de WordPress. (1) Puedes obtener ayudapara cualquier pantalla haciendo clic en la pestaña Ayuda en la esquina superior.

Navegación

El (2) menú de navegación de la izquierda proporciona enlaces a todas laspantallas de administración de WordPress, con elementos de submenú que

Nombre del tema Página 7 de 71

Page 8: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

aparecen al pasar el ratón sobre ellos. Puedes minimizar este menú para que seauna barra estrecha de iconos haciendo clic en la flecha del menú Cerrar en la parteinferior.

Enlaces en la (3) Barra de Herramientas en la parte superior de la pantallaconecta tu escritorio y tu sitio, y proporciona acceso a tu perfil e información valiosade WordPress.

Diseño de pantalla

Puedes usar los controles siguientes para organizar tu escritorio de modo que seadapte a tu rutina de trabajo. Puedes hacer lo mismo en la mayoría de las seccionesde administración.

(4) Ajustes de pantalla – Usa la pestaña de Opciones de pantalla para elegirque cajas de Escritorio se mostrarán.

Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en labarra de título del cuadro seleccionado y suéltalo cuando se vea un rectángulo delíneas punteadas en la ubicación donde quieras ponerlo.

(5) Controles de caja – Haz clic en la barra de título de la caja para expandirla ocontraerla. Además, algunas cajas tienen contenido configurable, y mostrarán unenlace para “Configurar” en la barra de título al pasar con el cursor sobre ella.

Contenido

Las cajas en tu Escritorio son:

De un vistazo (Contenido del sitio) – Muestra un resumen del contenido de tusitio e identifica qué tema y versión de WordPress estás utilizando.

Actividad – Muestra las siguientes entradas programadas, las publicadasrecientemente y los comentarios más recientes a tus entradas, además depermitirte moderarlos.

Borrador rápido – Te permite crear una entrada nueva y guardarla comoborrador. También muestra enlaces a los últimos 5 borradores que hayas creado.

Noticias sobre WordPress – Las últimas noticias del proyecto oficial deWordPress, el Planeta WordPress.

Bienvenido a WordPress (Hola) – Se muestran enlaces para algunas de lastareas comunes para configurar un sitio nuevo.

3.Entradas o noticias

Como ya se ha mencionado un blog, o en español también una bitácora, es unsitio web periódicamente actualizado que recopila cronológicamente textos,artículos de uno o varios autores, apareciendo primero el más reciente, donde elautor conserva siempre la libertad de dejar publicado lo que crea pertinente. Aestos 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

Nombre del tema Página 8 de 71

Page 9: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

componen de numerosas entradas que se visualizan ordenadas de formacronológica. Todas se almacenan en la base de datos.

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

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

4.¿Cómo escribir una entrada?

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

Para escribir una entrada:

Acceda a su panel de administración o al escritorio de edición de sublog en WordPress. Para ello se seguirán los pasos mencionados en elapartado anterior.

Haga clic en el subpanel

Entradas o en el menú desplegable “+ Nuevo”.

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

Nombre del tema Página 9 de 71

Page 10: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

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 mejorclasificación de la misma, seleccione una categoría en la caja o módulolateral “Categorías”. El árbol de categorías se muestra visible en lapestaña “Todas las categorías”. En caso de no tener ninguna categoríaaparecerá únicamente “Sin categoría”. Puede crear una nueva, sobre lamarcha, como se indica en la imagen siguiente: (1) + Añadir nuevacategoría; (2) Escribir el nombre de la categoría; (3) Seleccionar unacategoría superior, en caso de que quisiéramos anidarla en una categoríamás importante ya creada anteriormente. En caso de no seleccionar ningunapasará a ser una categoría principal; (4) Finalmente hacemos clic sobre“Añadir nueva categoría”:

Nombre del tema Página 10 de 71

Page 11: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

También se puede añadir otro tipo de información para localizar la notica atravé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 losotros módulos o cajas que nos aparecen en la pantalla de “Edición de laentrada”. 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 cursoveremos algunos de ellos y si quieren más información la podrán encontraren el “Blog Central de los Centros Educativos“.

Si queremos ver cómo va quedando la entrada que estamos creando lopodrán hacer en el botón “Vista previa” del módulo “Publicar”.

Nombre del tema Página 11 de 71

Page 12: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

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

Nombre del tema Página 12 de 71

Page 13: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

Nombre del tema Página 13 de 71

Page 14: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

5.Funcionalidad "Más información"

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

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

El funcionamiento resulta muy sencillo e intuitivo y consiste en introducir un saltode línea en el lugar del párrafo donde queremos cortar el texto y adjuntar elmensaje “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 entradacompleta.

Veamos a continuación como se utiliza esta funcionalidad:

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

Nombre del tema Página 14 de 71

Page 15: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

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

Nombre del tema Página 15 de 71

Page 16: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

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 tratasede un texto o imagen.

Clic en el botón Publicar o Actualizar.

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

Nombre del tema Página 16 de 71

Page 17: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

leyendo.

6.Descripción de los módulos del panel de Edición Entrada

Nombre del tema Página 17 de 71

Page 18: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

6.1. Título de la Entrada

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

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óndeestamos?”, ‘CEIP …’, u otros que en otras versiones no se podían utilizar.

6.2. Editor del contenido de la Entrada

Es el espacio en blanco donde se introduce el texto, enlaces, imágenes, contenidomultimedia 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 dosmodos de edición disponibles y podremos utilizar aquel con el cual nos sintamosmás cómodos. Podremos utilizar la edición Visual o la edición Texto (HTML) paracrear o editar nuestras páginas.

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

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

Nombre del tema Página 18 de 71

Page 19: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

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 Texto. El editor Texto tiene menos opciones, pero permite editardirectamente el código HTML de nuestras entradas y páginas. Este modo deedición está dirigido a aquellos usuarios que se sienten cómodos trabajandocon el lenguaje HTML. Cuando tengamos la necesidad de añadir un códigocorto (shortcode), modificar el estilo de fuente, o pegar código de una fuenteexterna, podremos utilizar el editor Texto.

Nombre del tema Página 19 de 71

Page 20: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

Recordar a aquellos usuarios que se animen a utilizar este lenguaje que el códigoHTML que agreguemos debe estar bien formado y debe figurar en la lista de lasetiquetas HTML permitidas. WordPress tiene algunas restricciones de código comola de no tener Javascript, reproductores, o formularios personalizados.

6.3. Opciones de pantalla

Las Opciones de pantalla nos permitirán configurar aquellos módulos o secciones

Nombre del tema Página 20 de 71

Page 21: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

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 utilizamoshabitualmente. En la imagen vemos que podemos activar o desactivar los que nosinteresan. No es necesario guardar ni afecta a lo que estamos escribiendo, es decir,en cualquier momento podremos hacer visibles las secciones que necesitemosactivando o desactivando:

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

6.4. Iconos del Editor visual

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

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

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

Nombre del tema Página 21 de 71

Page 22: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

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

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

(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 deiconos de edición)

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

(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

Nombre del tema Página 22 de 71

Page 23: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

(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í comolos métodos abreviados de teclado.

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

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

Menú desplegable de estilos. El menú desplegable deestilos nospermite cambiar el formato de cualquier texto seleccionado.Incluye diferentes Títulos y otros estilos predefinidosintegrados en el tema.

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

Color del texto. Para cambiar el color del texto enprimer lugar hay que seleccionar o destacar una sección del texto:

Al hacer clic en la flecha hacia abajo, junto al botónColor de texto, mostrará un selector de color.

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

Pegar como texto plano.

Nombre del tema Página 23 de 71

Page 24: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

Si se copia y pega texto de otro lugar, nos encontraremos con que no siempreaparece exactamente como esperábamos. Si utilizamos el botón “Pegar como textoplano” se produce la ejecución de un proceso de limpieza para eliminar cualquierformato 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 delí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 deesperar, se quita todo el formato (negrita, cursiva, colores, etc.) de la sección detexto 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) paraterminar el párrafo que estás escribiendo y comenzar uno nuevo. Si desea iniciaruna nueva línea sin crear un nuevo párrafo, pulse la tecla “Mayúscula” mientrasoprime la tecla “Intro” (Mayus + Enter).

2.2.5 Módulo: "Publicar"

Es la caja desde la cual podremos controlartodos los parámetros de configuración parapublicar una entrada. Podremos visualizar comova quedando, guardarla como borrador,configura quien la puede ver, es decir si espública, privada o visible con una contraseña.En esta sección podremos programar la fecha yhora de publicación.

Contiene una serie de botones que controlanel estado de nuestra entrada:

Nombre del tema Página 24 de 71

Page 25: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

Botón “Vista previa”.

Permite ver la entrada antes de publicarla oficialmente.

Botón Guardar borrador.

Le permite guardar la entrada comoun borrador / pendiente de revisiónen 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, yborrador. Publicado: la entrada se ha publicado en nuestro blog para que todosla vean. Pendiente de revisión significa que el borrador está a la espera derevisión por un administrador o editor antes de su publicación. Borradorsignifica que el mensaje no ha sido publicado y sigue siendo un proyecto.

Si seleccionamos un determinado estado de publicación y hacemos clic en elbotón de Actualizar o el botón de Publicar, el estado se aplicará de formaautomá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 clicen Guardar borrador.

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

Nombre del tema Página 25 de 71

Page 26: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

Sección Visibilidad.

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

Sección Publicar el:

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

Nombre del tema Página 26 de 71

Page 27: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

Botón Publicar.

Publica la entrada en el blog. De formapredeterminada, en momento delprimer auto-guardado en la entradaserá 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 papelerapara no ser publicada ni guardada comoborrador.

6.5. Módulo: Categorías

Las categorías nos permitirán ofrecer a laentrada una información que nos facilite suclasificación tanto de forma interna (a lahora de gestionarla en la pantalla de lasección “Todas las entradas” del subpanel“Entradas”), como de forma visual al poderllamarla desde los menús de navegación queveremos posteriormente.

Nombre del tema Página 27 de 71

Page 28: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

La temática general de la entrada queestamos creando se puede clasificar encategorías por su contenido. Los lectorespueden navegar por categorías específicaspara ver todas las entradas que hemospublicado sobre una temática específica yque previamente hemos marcado con esacategoria. Al añadir una categoría a unaentrada esta se colocará de primera en lapágina de inicio en el blog y además secolocará de primera en la categoría que lehayamos asignado (recordemos que en unblog las últimas entradas son las primeras).

Para añadir una nueva categoría,haremos clic en el vínculo “+ Añadir nuevacategoría” de esta sección. Recordemosque podemos crear subcategorías ocategorías anidadas desplegando el combo–Categoría superior- en el que aparecerántodas las categorías creadas hasta elmomento. Si seleccionamos unaautomáticamente la nueva que creemos secreará 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.

6.6. Módulo: Etiquetas de las entradas

Es otra forma de clasificación de la información que incorporamos a nuestraentrada. Cuando creamos una entrada le pondremos pequeñas marcas que luego

Nombre del tema Página 28 de 71

Page 29: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

nos permitan encontrarla a nosotros o las personas que navegan por Internet. Laetiqueta suele ser una palabra corta (puede ser una frase) que identifica elcontenido de la entrada. Las etiquetas son otra de las herramientas que poneWordPress a nuestro servicio para gestionar la información que vamos incorporandoa nuestro blog. Todas las entradas de nuestro blog que posean una etiqueta comúnestarán unidas entre sí y se mostrarán en la pantalla cuando un usuario haga clic enuna de las etiquetas que se visualizan en la nube de etiquetas de nuestro blog. Paraque las etiquetas estén visibles deben de ser activadas en el “Tema” para queaparezcan en su posición. Utilizaremos un widget (Subpanel Apariencia →Widgets à Nube de etiquetas). Las entradas filtradas por una etiqueta semostrará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 elrecuadro correspondiente del módulo “Etiquetas”. Se puede poner más de unaetiqueta separándolas por comas. WordPress nos ofreceuna ayuda para buscar etiquetas ya creadas queconsiste en que al escribir las tres primeras letrasde la etiqueta nos desplegará un combo en el quenos muestra las etiquetas que ya se han creado y quecomienzan por esas letras. También podremosseleccionar las etiquetas de las existentes a través dela opción “Elige entre las etiquetas másutilizadas”, y hacer clic en “Añadir“.

 

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

Nombre del tema Página 29 de 71

Page 30: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

6.7. Módulo: Imagen destacada

La imagen destacada es un módulo que permite asociar una imagen a una entradapara que el Tema de WordPress la puedagestionar en la presentación.

Dependiendo del tipo de Tema que utilicemos sepueden presentar en la noticia o en la cabecera de

las imágenes.

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

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

Nombre del tema Página 30 de 71

Page 31: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

6.8. Módulo de Enviar Trackbacks

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

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

Los motores de búsqueda premian los blogs que han sido citados y los posicionanmejor en las búsquedas, por eso es una buena cultura el enviar un trackbacks cadavez 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ánnotificados automáticamente utilizando pingbacks, es decir no necesitamos hacernada. Pero para los enlaces que no reconocen pingbacks, se debe enviar untrackback al blog mediante la introducción de la dirección del sitio web dondehemos encontrado la información a la que hacemos referencia o citamos.Utilizaremos el siguiente cuadro, separando cada una por un espacio.

6.9. Módulo de campos personalizados

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

Antes de seguir, hay que aclarar que WordPress tiene por defecto varios camposgenerales, entre los cuales se encuentran, nombre de la entrada, subtítulo de laentrada (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

Nombre del tema Página 31 de 71

Page 32: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

suerte y como WordPress es una herramienta muy completa, permite el agregadode otros campos, dependiendo de nuestra necesidad y de nuestros conocimientos.

6.10. Módulo de Extracto

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

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

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

6.11. Módulo de Comentarios

Nos permitirá controla la interactividad de nuestro blog y la notificación de nuestrosmensajes. Recordaremos que por defecto en WordPress los comentarios siempreson moderados, es decir no se publican nunca si el Administrador no los apruebapreviamente.

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

Nombre del tema Página 32 de 71

Page 33: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

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

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

6.12. Módulo de Autor

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

6.13. Módulo de Formato

Permite incorporar información a WordPress sobre las características principales que definena 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 tiposde 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

Nombre del tema Página 33 de 71

Page 34: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

con algunos temas no funcione y no incorpore ningún formato específico.

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

6.15. Módulo de de Slug o Enlace permanente

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.

Nombre del tema Página 34 de 71

Page 35: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

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

La URL se generará a partir de su título. Las comas, comillas, apóstrofes, y códigono 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ñodel buzón, como las etiquetas emoticonos que se convierten, y otros detalles: vayaa Ajustes → Escritura.

Nombre del tema Página 35 de 71

Page 36: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

7. Insertar imagen

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

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

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

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 álbumfotográfico virtual.

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

7.1. Insertar una imagen subida 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 luegobuscaremos en la parte superior del editor de texto o del área de edición dela entrada el icono de “Añadir objeto”:

Al seleccionar la opción de “Subir archivos” se abrirá un menú que nospermitirá buscar las imágenes dentro del propio ordenador y arrastrarla alespacio que nos indica. Una vez se arrastra la imagen se comienza a subirde forma automática.

Nombre del tema Página 36 de 71

Page 37: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

WordPress también nos permite utilizar la función de “Elegir archivos” yexplorar de forma normal en búsqueda de la imagen que está guardada enel propio equipo. En este caso, cuando se tenga la imagen seleccionada sedebe hacer clic sobre Subir.

Nombre del tema Página 37 de 71

Page 38: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

Una vez se haya subido la imagen en la galería multimedia se cargará deforma automática el menú con las opciones de la imagen que hemos subido.

Rellenaremos aquella información asociada a la propia imagen. Pondremos eltítulo de la imagen, el texto alternativo y una breve descripción. Estosdatos no son imprescindibles pero facilitan la accesibilidad de nuestro sitio.

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

Observaremos el apartado de URL del enlace, es la dirección queWordPress le ha dado a esta imagen y siempre o archivo y siempre que laescribamos veremos la imagen.

Decidiremos la alineación donde nos gustaría que aparezca la imagen ennuestra entrada.

Podremos modificar el Tamaño de la imagen seleccionando entre Miniaturay Tamaño completo. Tendremos que tener en cuenta como es la plantilla queestamos utilizando para que la imagen se adapte al espacio que tenemosasignado para las entradas.

Cuando tenemos completados los datos del menú pulsaremos sobre“Insertar en la entrada” y regresaremos al editor de la nueva entrada,donde acabaremos de organizar y escribir la noticia que vamos a publicar.

Nombre del tema Página 38 de 71

Page 39: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

Ya solo que tenemos que colocar la imagen. La seleccionamos y con laherramienta 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.

Nombre del tema Página 39 de 71

Page 40: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

7.2. Insertar una imagen enlazada desde Internet

Otra forma que podremos utilizar es la de insertar una foto que ya está enInternet. Puede que la tengamos subida un alojamientopropio o que la enlacemos directamente desde otro lugar de laWeb (tendremos que tener mucho cuidado con los derechosde autor):

Localizamos la imagen en Internet y con el botónderecho copiamos la ruta de la imagen.

Colocaremos el curso en el lugar donde queremos insertar la imagen ybuscaremos el botón de “Añadir objeto” que aparece en la parte superior deleditor 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 lasimágenes dentro del propio ordenador y arrastrarla al espacio que nosindica. Tendremos que buscar la opción que pone “Insertar desde URL” y sedesplegarán las opciones para introducir los datos de la foto.

En este menú introducimos la dirección donde está la imagen en Internet (laque hemos copiado en el portapapeles en el paso 1) y completaremos laleyenda.

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

Una vez se hayan completado todos los datos haremos clic sobre “Insertaren la entrada”.

¿Subir desde una URL?

Nombre del tema Página 40 de 71

Page 41: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

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

1. Ir a Entradas→Añadir nueva o a Páginas →Añadir nueva, o abrir una entradaexistente 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.

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

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

Nombre del tema Página 41 de 71

Page 42: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

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

Nombre del tema Página 42 de 71

Page 43: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

7.3. Publicación de imágenes

Todos y todas conocemos los dichos de “una imagen valemás que mil palabras“, o “una imagen habla por si sola” yaunque, como todos ya sabemos, hoy en día tenemos líneas deconexión a Internet muy potentes, y ya no prima tantoel peso de las páginas, siempre hay que tener encuenta el tamaño y peso de los archivos gráficos almaquetar nuestras noticias.

Los estilos minimalistas están de moda. Lasobriedad en nuestras publicaciones suele primar alcarnaval en los diseños Web de hace años, puespuede hacer perder seriedad a nuestraspublicaciones (e incluso credibilidad), siempredependiendo a quién esté dirigido nuestro blog (no es lo mismo un blog en el quenuestro público sean niños pequeños o que sean otros docentes).

En WordPress tenemos, de antemano, mucho camino recorrido en la elección denuestro tema. Pero son las imágenes que vamos incorporando en nuestrasentradas, páginas y en la barra lateral (blogroll, etc…) las que le confieren un diseñoatractivo. Ahora con Internet tenemos al alcance de nuestra mano millones defotografías, dibujos y vídeos con, por ejemplo, el grandioso servicio de búsquedapor imagen de Google, repositorios multimedia, fotoblogs, youtube, y en generaltoda la Web.

Pero no es oro todo lo que reluce y debemos de ser muy cuidadosos. El que unaimagen esté disponible en Internet no significa que sea libre para usarla. Una de lasprácticas más importantes a la hora de publicar en Internet es no usar nuncaimágenes que tengan derechos de autor y de las cuales no tengamos permiso paraser utilizadas.

Pero esto no debe amedrentarnos. En muchos casos podremos usar imágenes denuestra propia cosecha (hoy en día poca gente no posee cámara digital y tenemosingentes cantidades de fotos que podemos utilizar) pero sin vulnerar derechos deimagen de quien pose en ellas y cogiendo la costumbre de tener los permisosoportunos.

Al principio, lo normal es que tengamos en cuenta esto, pero con el paso deltiempo nos vamos “relajando” y, con las prisas y el poco tiempo que tenemos paratodo, terminamos cometiendo el error de publicar una imagen con derechos deautor, con los potenciales problemas legales que nos puede generar.

7.4. Repositorio de imágenes

Nuestra primera tarea debería ser familiarizarnos con las licenciasde uso libre de contenido como CreativeCommons o similares. Existen multitud derepositorios que contienen imágenes dondesus autores establecen este tipo de licenciade libre uso (con algunas restricciones). Entretodos los que existe, podemos destacaralgunos:

1. PhotoPin, es un motor de búsqueda de imágenes basado principalmente en Flickrlo que garantiza una calidad para las fotos bastante buena, además cuenta con lasopciones de previsualización y descarga.

Nombre del tema Página 43 de 71

Page 44: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

PhotoPin, nos permite descargar la imagen en varios tamaños (75×75, 100×56,…así hasta 6 diferentes) de esa manera nos ahorramos tiempo en editar el tamaño.También nos proporciona el link de la foto y si lo deseamos podemos copiar elcódigo html e insertarlo en el blog.

1. MorgueFile, es un directorio de fotografías digitales de media y alta resolucióndesde donde puedes descargar y utilizar documentosgráficos. Las fotografías se pueden utilizar librementesiempre que no se utilicen como parte de unatransacción económica y no se reclame la autoría. El archivo dispone de granvariedad de recursos clasificados en categorías y subcategorías.

2. Stock.xchng, es un sitio que permite a los fotógrafos compartir sus obras,comentarlas en fórums y mantenerlos en contacto por chat.

Las fotografías expuestas podrán ser usadas comofondo de pantalla, para nuestro blog personal…más de 200.000 fotos de 15.000 fotógrafos participantes.

1. 123RF, 123RF.com y sus colaboradores presentan unmundo de imágenes gratuitas. Usted puede descargar estas imágenescompletamente gratis y no serán contabilizadas en su descarga mediante créditosni tampoco afectarán su cuota de descarga para el día.

Podremos descargar y usar las imágenes de resolución web bajo los términos de laLicencia para imágenes gratuitas (uso limitado a 10,000 copias) de 123RF.com.

2. Let`s CC, que además de buscar imágenes incluye vídeos, sonidos, documentos.

3. Pixabay, es un repositorio donde tendremos la posibilidad de elegir un formatopara la web o la imagen original (posiblemente ocupa un poco más de espacio). Esideal para descargar imágenes de “Public Domain” sin copyright lo cual es muyinteresante para usar en algunos trabajos pero sin tener que atribuir datos delcreador.

4. Clker, es un sitio web desde donde no solo podemos bajar imágenes gratis dedominio público sino también cliparts, esto es, diseños o diagramas hechos convectores y representando diversas figuras o diseños. La base de datos de clipartsonline es útil para usar en presentaciones pero también en diseños variados.

5. Foter, es un buscador que permite escrutar por licenciamiento de imagen y queademás ofrece un plugin para WordPress con el cual podemos integrar su buscadoren el propio editor de WordPress para facilitar la búsqueda e inserción de imágenesen blog.

6. Photl , ofrece imágenes en baja resolución que se pueden descargar gratis ysirven como imágenes para blogs o sitios web que pueden ser utilizadas de formano comercial. Se trata de un banco de imágenes gratis que ofrece una buenacalidad de imagen y una completa base de datos o stock fotográfico para recorreren sus galerías online. Para imágenes comerciales se cobra un precio de derechosde autor que no supera los 4 USD.

También existen ciertos repositorios con imágenes vectoriales:

1. Vector Hunter, es un sitio web que justamente ofrece un buscador de vectoresgratis o de licencia libre que se encuentran en la red. El sitio cuenta con unbuscador de vectores organizado por categorías para localizar vectores de todo tipoy descargar vectores gratis.

2. Freepik, es un buscador de fotos y vectores gratis en español. Una buenaalternativa para encontrar gráficos que podemos emplear en nuestros blogs sin

Nombre del tema Página 44 de 71

Page 45: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

problemas de licencia.

Por tanto, nuestra tarea consistirá, entre otras, cosa en utilizar contenido que novulnere los derechos de autor.

7.5. Galería de imágenes.

Galerías de imágenes en WordPress son una gran manera de compartir sus fotoscon la comunidad escolar, amigos, familiares y sus seguidores. En una galería deimágenes se mostrará una serie de pequeñas imágenes adjuntas a unadeterminada entrada o en una página. Los lectores pueden hacer clic en cualquierimagen para iniciar un carrusel (para ello debe tener activado “Carousel” en elpanel Jetpack) a tamaño completo que les permite desplazarse a través de lagalería de imágenes a la vez.

1. Abrir una entrada o página en modo edición. Si se trata de una nuevaentrada o una página, asegúrese de añadir un título y salvar al menos unavez (guardar como borrador por ejemplo) antes de intentar insertar unagalería.

2. Haga clic en el botón Añadir objeto.

Arrastre y suelte los archivos en el cuadro que aparece, o haga clic enSeleccionar archivos para elegir una imagen desde su ordenador paracargar.

3. Después de que las imágenes han terminado de subir, se le mostrarán todaslas imágenes de tu biblioteca multimedia. A continuación, haga clic en creargalería en las opciones de la izquierda de la pantalla y seleccione lasimágenes que desee incluir en su galería: para incluir las imágenes que yaestán en la Librería multimedia, seleccione la opción Librería multimediaen el lado derecho.

Nombre del tema Página 45 de 71

Page 46: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

4. Haga clic en Crear una nueva galería . 5. En la siguiente pantalla, puede editar el título , subtítulo y texto

alternativo para cada imagen. También puede hacer clic y arrastrar lasfotos para reordenar según sus necesidades.

6. Haga clic en Inserta galería.

7.6. Edición de una galería.

1. Edite una entrada o página con una galería y asegúrese de que usted estáen el modo Visual de edición.

2. A continuación, haga clic en la galería, en el icono Editar Galería queaparece.

3. La pantalla de edición es similar a la que se muestra en la inserción de lagalería. Al igual que antes, puede arrastrar y soltar imágenes parareorganizarlas y editar en cada imagen el título, texto alternativo yleyenda haciendo clic en la misma.

Nombre del tema Página 46 de 71

Page 47: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

1. Personalizar los ajustes de la galería (ver detalles más abajo).

2. Asegúrese de hacer clic en el botón Actualizar galería para guardar laconfiguración y antes de tratar de actualizarcualquiera de los otros ajustes de la galería.

Enlazado a :

o Página adjuntos: Una página especializada ensu blog que muestra la imagen en el temaseleccionado.

o Archivo multimedia: Un enlace directo a la imagen altamaño completo que lo haya subido a medios (nueva manera denombrar a la Librería multimedia).

Columnas : el número de columnas de imágenes para mostrar. Esto puedeverse afectado por la elección del tema, así que asegúrese de probar unpoco con el tema que tiene activado.

7.7. Insertar Galería con código corto gallery

Para utilizar el código corto gallery, tendrá que cambiar a la vista de edición enmodo texto (antes llamado modo HTML). El código corto gallery puede ser utilizadoen su forma más simple como esta (y se mostrarán las imágenes que se adjuntan almensaje o página):

[gallery]

También puede elegir otra configuración con el código corto gallery.

Nombre del tema Página 47 de 71

Page 48: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

Opción Descripción Elecciones Configuraciónpredeterminada

Nombre del tema Página 48 de 71

Page 49: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

columns

Número decolumnasusadas paramostrar lasimágenes

Un número enteromayor que 0 3

linkCómo estarávinculada cadaimagen

expediente expediente

orderby Cómo ordenarlas imágenes

ID, menu_order,rand, title + ASC,DESC

menu_order ASC, IDASC

sizeEl tamaño enque se muestranlas imágenes

thumbnail,medium, large, full thumbnail

id

La galeríamostrará lasimágenes que seadjuntan a esaentrada.

Cualquier ID deentrada o páginaque contieneimágenes que sele atribuye

Por defecto se muestrala galería de la entrada

include

La galeríaincluyeimágenesespecíficas

IDs separados porcomas * – include= “23,39,45″

N/A

excludeLa galeríaexcluir imágenesespecíficas

IDs separados porcomas * – exclude= “24,30,43″

N/A

* Nota: Para obtener un ID de archivo adjunto de una imagen, vaya a subiblioteca multimedia y haga clic en el título de la imagen que desea.Usted puede encontrar el ID en el URL (el número después de post= ).

7.8. Solución de problemas

Si tiene problemas para crear una galería en su entrada, trate de introducir el títuloy guardarlo como borrador antes de subir ninguna imagen.

7.9. Galerías en mosaicos y presentaciones

Publicar galerías de fotos en su blog de WordPress es una forma divertida de compartir sus experiencias con el mundo, pero ¿las antiguas y simples rejillas de miniatura expresan verdaderamente su lado artístico? No, no es así. Es por eso que Jetpack ha añadido galerías en mosaicos.

Nombre del tema Página 49 de 71

Page 50: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

Galerías en mosaicos permiten crear hermosos mosaicos de fotos para su blog. Basta con activar el módulo Galería de baldosa para crear hermosas galerías en cuestión de segundos. Siga estos pasos:

1. Activar el plugin JetPack y conectar con una cuenta de wordpress.com

2. En el panel JetPack que se crea en su escritorio de WordPress, activar el plugin “Tiled Galleries”. Configurar el plugin y activar la opción “Display all your gallery pictures in a cool mosaic.” en Austes → medios

Hacer clic en el botón “configurar” del plugin “Galerias de mosaicos” de JetPack

Finalmente activar la opción “Mostrar todas las fotos de tu galería en un mosaicomoderno.”

La característica de galería en mosaico de Jetpack le permite visualizar susgalerías de imágenes en tres nuevos estilos: un mosaico rectangular, mosaico encuadrícula y una rejilla circular. Las nuevas galerías también le permitenconfigurar los subtítulos sin tener espacio lejos de las imágenes. Los subtítulosestán ocultos y se deslizan a la vista cuando se pasa el cursor por encima de laimagen.

Nombre del tema Página 50 de 71

Page 51: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

7.10.Código corto (shortcode) Gallery

Si lo desea, también puede gestionar sus galerías individualmente. Deje la casilla“Display all your gallery pictures in a cool mosaic.”, en Austes → medios, sinmarcar para mantener el diseño en miniatura predeterminada de cuadrícula en todosu sitio. Si desea incluir una de las nuevas galerías en una entrada, simplementecambie a la función “Texto” en la pestaña del editor de entradas y añada el tipo(type) de estilo de la Galería que desea utilizar para el “código corto” gallery. LosCódigos cortos para los nuevos diseños de galería son:

[ gallery type="rectangular" ]

Nombre del tema Página 51 de 71

Page 52: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

7.11. Los Derechos de Autor

La distribución de materiales multimedia en cualquier formato están sujetos a lamisma legislación sobre derechos de autor que el resto de obras: libros, pinturas,música, etc. Esto significa que si decidimos incorporar recursos ajenos (imágenes,audios, vídeos, presentaciones, documentos) a nuestro espacio web debemosconocer y respetar las condiciones de uso que han definido los autores de estosmateriales. Y esto es especialmente significativo cuando el material que hemos

Nombre del tema Página 52 de 71

Page 53: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

elaborado supera el contexto de uso particular y se pretende publicar en internet.Es entonces cuando existe posibilidad de ser utilizado por otras personas incluso enclara competencia con el material original.

En ocasiones cuando accedemos a un espacio web, su autor explicita la posibilidadde reutilización a cambio de citar la procedencia (derecho de cita) o bien de que nose fragmente su obra (derecho de obra no derivada).

Sin embargo cuando esto no se indica o bien se muestra una licencia de copyright(derechos reservados) conviene ser cauteloso. La apropiación indiscriminada demateriales ajenos para elaborar un material propio no se puede justificar desde laausencia de ánimo de lucro que caracteriza las iniciativas donde participemos. Estajustificación no es suficiente y se hace necesario en estos casos contactar con elautor o autores para obtener su permiso y en caso favorable citar siempre la fuentede procedencia.

7.12.Los Creative Commons - CPJV

Creative Commons (http://es.creativecommons.org/) es una organización que ofrecea cualquier usuario la posibilidad de elegir las condiciones en que desea compartirun trabajo publicado en Internet. Para ello debe elegir entre 4 condiciones(información sacada de la página: http://es.creativecommons.org/licencia/).

Con estas condiciones se pueden generar las seis combinaciones que producen laslicencias Creative Commons:

Reconocimiento (by): Se permite cualquier explotación de laobra, incluyendo una finalidad comercial, así como la creaciónde obras derivadas, la distribución de las cuales también estápermitida sin ninguna restricción.

Reconocimiento - NoComercial (by-nc): Se permite lageneración de obras derivadas siempre que no se haga un usocomercial. Tampoco se puede utilizar la obra original confinalidades comerciales.

Reconocimiento - NoComercial - CompartirIgual (by-nc-sa):No se permite un uso comercial de la obra original ni de lasposibles obras derivadas, la distribución de las cuales se debehacer con una licencia igual a la que regula la obra original.

Reconocimiento - NoComercial - SinObraDerivada (by-nc-nd): No se permite un uso comercial de la obra original ni lageneración de obras derivadas.

Reconocimiento - CompartirIgual (by-sa): Se permite eluso comercial de la obra y de las posibles obras derivadas, ladistribución de las cuales se debe hacer con una licencia igual ala que regula la obra original.

Reconocimiento - SinObraDerivada (by-nd): Se permite eluso comercial de la obra pero no la generación de obrasderivadas.

Obtener la licencia

Cuando hayas hecho tu elección tendrás la licencia adecuada para tu trabajoexpresada de tres formas:

Nombre del tema Página 53 de 71

Page 54: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

Commons Deed: Es un resumen fácilmente comprensible del texto legal conlos iconos relevantes.

Legal Code: El código legal completo en el que se basa la licencia que hasescogido.

Digital Code: El código digital, que puede leer la máquina y que sirve paraque los motores de búsqueda y otras aplicaciones identifiquen tu trabajo ysus condiciones de uso.

Utilizar la licencia

Una vez escogida la licencia tienes que incluir el botón Creative Commons“Algunos derechos reservados” en tu sitio, cerca de vuestra obra. Este botónenlaza con el Commons Deed, de forma que todos puedan estar informados delas condiciones de la licencia. Si encuentras que tu licencia ha sido violada,entonces tendrás las bases para poder defender tus derechos.

Interesante vídeo que explica las licencias Creatice Commons:

http://www.youtube.com/watch?feature=player_embedded&v=OUo3KMkOETY

Ver el vídeo de Pablo Arrieta:

Nombre del tema Página 54 de 71

Page 55: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

http://www.youtube.com/watch?v=eMyNCYqreyE

7.13. Añadir una licencia CC a un blog de WordPress

Una licencia Creative Commons permite que nuestros lectores sepan, en concreto,lo que pueden y no pueden hacer con el contenido publicado en nuestro blog delprofesorado o en nuestro blog de centro. Si decidimos registrar el contenido dedichos blogs, sería interesante visitar la página “Creative Commons España” en elsitio web oficial de la organización.

Para situar una licencia CC (Creative Commons) en la barra lateral de nuestro blogdeberemos seguir los siguientes pasos:

1. Visita la web de Creative Commons: “Escoja una licencia“

Nombre del tema Página 55 de 71

Page 56: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

2. Se cargará un formulario quetendremos que completar y, que nos dará eltipo de licencia que mejor se adapta a las necesidadesdescritas en el mismo.

Cuando terminemos, haremos clicen el botón “Escoja una licencia“.

Finalmente, selecciona la imagen que deseasutilizar para tu licencia, y copia el código que se encuentra en el cuadro detexto (que se ilustra en la siguiente imagen).

Nombre del tema Página 56 de 71

Page 57: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

A continuación, podremos pegar este código en un widget de texto en labarra lateral del blog. Para ello, en el panel de administración de WordPress,debes de acceder al submenú “Apariencia → Widgets” y a continuaciónelegimos un Widget de “Texto” lo arrastramos y lo soltamos sobre la barralateral derecha en la zona que nos interesa hacerlo visible.

En el cuadro de texto Título introduce el texto Licencia CreativeCommons. En el cuadro de texto inferior haz clic derecho y elige Pegarpara pegar el código HTML que te ha proporcionado el espacio CreativeCommons.

Para finalizar haremos clic en el botón Guardar. Para cerrar la edición deeste Widget pulsaremos en el enlace Cerrar. Para eliminar este Widgetharemos clic en el enlace Borrar.

Si posteriormente quisiéramos modificar de posición arriba/abajo del gadgetque se muestra en pantalla basta con acceder a la zona de Widgets(Apariencia → Widgets) pulsar y arrastrar uno respecto al otro sobre laedición de la barra lateral.

Podemos ver el resultado en nuestro blog:

Nombre del tema Página 57 de 71

Page 58: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

8. Cómo crear enlaces o hipervínculos dentro de unanoticia

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

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

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

Resaltar el texto que deseamos vincular y cerciorarse de que tenemosseleccionado el editor Visual.

Hacer clic en el enlace de la barra de herramientas del editor de texto: “Insertar /

Editar Enlace” .

Nombre del tema Página 58 de 71

Page 59: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

En el menú emergente que aparece, introducir la dirección URL a la que se deseeestablecer el vínculo. Si desea que el enlace se abra en una nueva ventana/pestañaal 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 secierne sobre el hipervínculo (un texto de ayuda, a modo de nota breve,aparecerá con el título).

Hacer clic sobre Añadir enlace

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

Resaltar el texto que deseamos vincular y fijarse de que tenemos activado eleditor 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 deseeestablecer el vínculo. Si desea que el enlace se abra en una nueva ventana/pestañaal hacer clic, marcar la casilla “Abrir enlace en una nueva ventana pestaña”.

Nombre del tema Página 59 de 71

Page 60: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

Título (opcional) – El título del enlace se hace visible cuando un visitante secierne 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

8.3. 2.6.3 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 enmodo HTML.

Si en lugar de enlazar a una web se desea vincular a uno de los propiosmensajes o páginas que ya están subidos en el blog, utilizar el cuadro debúsqueda para encontrar rápidamente lo que se está buscando. Basta conintroducir una o dos palabras clave que aparezcan en alguna parte delmensaje o la página que desea vincular.

Nombre del tema Página 60 de 71

Page 61: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

Hacer clic en el título del mensaje o la página que quieres enlazar, y loscampos 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ñadirenlace“. En el modo visual: el texto resaltado cambiará al color azul conun subrayado para indicar un enlace:

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

8.4. 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 deenlace roto:

Nombre del tema Página 61 de 71

Page 62: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

8.5. Enlaces que contengan el símbolo "@"

Cuando creamos hipervínculos o enlaces deberemos de tener en cuenta que enalguna ocasión nos pueden dar problemas porque ciertos símbolos son cortados porseguridad. Si quisiéramos hacer un enlace o hipervínculo a la siguiente direcciónque 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 ensustituir la “@” por “&#64;“ como mostramos a continuación:

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

9. Escritura libre de distracción

Escribir es una tarea que requiere concentración y más si lo que vamos a escribirtiene una trascendencia pública. Hay mucho que pensar y tener en cuenta cuandose escribe, y las distracciones constantes pueden hacerlo más complicado. Sitenemos la sensación de que todas las opciones en la pantalla de escritura deWordPress nos impiden centrarnos en la tarea a realizar, deberíamos probar laescritura libre de distracciones. Se esconderán todas las opciones que puedeinterponerse en el camino de nuestra escritura, y nos ayudará a mantenernosconcentrados en lo que estamos haciendo.

Nombre del tema Página 62 de 71

Page 63: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

9.1. Activando la escritura libre dedistracciones

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

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

Pero, la verdadera magia comienza a suceder cuando soltamos el ratón y

Nombre del tema Página 63 de 71

Page 64: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

empezamos a escribir. La barra de herramientas, los iconos, los pocos textos quenos muestran ayudas de escritura así como las fronteras que enmarcan toda el áreade escritura se diluyen. Todo desaparece para dejar paso tan sólo a las palabras. Alempezar a escribir, se desvanece todo. No hay distracciones.

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

9.2. Modo de pantalla completa con la escritura libre de distracciones

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

Nombre del tema Página 64 de 71

Page 65: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

9.3. ¿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 escrituralibre de distracciones.

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

10. Modificar el estado y el contenido de una entrada

Escrito por eco escuela 2.0 el 4 mayo, 2012. Posteado en Tema 2: Crear una entrada

Existen muchas ocasiones en las que una vez publicada una entrada nos surgirá lanecesidad de hacer modificaciones en la misma, para realizar cambios ocorrecciones, para introducir más información, para modificar y cambiar el estadode 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 paraintroducir modificaciones en nuestras entradas.

10.1. Modificar el contenido de una entrada

Existen distintos procedimientos alternativos para modificar un artículo yaexistente. Para poder transformar una entrada tendremos que estar autentificadoscon nuestras credenciales y además nuestro usuario deberá de poseer los permisosnecesarios para ello.

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

Nombre del tema Página 65 de 71

Page 66: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

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

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

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

Nombre del tema Página 66 de 71

Page 67: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

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

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

En el caso de que el listado de entradas sea muy numeroso, para facilitar lalocalización del artículo a editar se puede filtrar por fechas, por categorías, etc. Otraopción es realizar una búsqueda por un término que se introduce en la casillaBuscar 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.

Nombre del tema Página 67 de 71

Page 68: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

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

10.2. Estados de publicación.

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

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

Borradores. Son las entradas que no están publicadas. No son visibles paratodo el mundo desde la Web, bien porque no se han terminado todavía obien porque se ha decidido despublicarlas.

Nombre del tema Página 68 de 71

Page 69: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

Pendientes de revisión. La entrada está pendiente de revisión por partede 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 correspondecon una entrada publicada en una fecha posterior a la actual. Se visualizaránuestro blog cuando se alcance la fecha y hora definidas.

10.3.Eliminar un artículo

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

Para eliminar un artículo desde el panel del listado de entradas existen variosprocedimientos 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 interesaeliminar y en la lista desplegable “Acciones en lote” elegiremos la opción “Mover ala 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 borrarlapermanentemente.

Nombre del tema Página 69 de 71

Page 70: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

10.4. Publicar y despublicar

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

Accede al listado de entradas del interfaz de administración mediante elsubpanel 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 laderecha, 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.

Nombre del tema Página 70 de 71

Page 71: Nombre del curso - Gobierno de Canarias...Arrastra y suelta – Para reordenar los cuadros, arrastra y suelta, haz clic en la barra de título del cuadro seleccionado y suéltalo cuando

Se puede publicar un borrador durante su edición pulsando en el botónPublicar o bien modificando su Estado siguiendo un procedimiento similar aldescrito para pasarlo a Borrador.

Para terminar haz clic en el botón azul Actualizar.

Nombre del tema Página 71 de 71