Ir al contenido principal
Logo junta de extremadura

Autor: Francisco Javier Pedrero Martín

Añadiendo imágenes con alineación

Cuando añadimos un bloque de imagen, podemos configurarla para que el texto aparezca a un lado u otro de la imagen o que..lo que vamos a ver a continuación está disponible en los contenidos del curso.

Puedes consultar más información en el sitio web oficial de WordPress.

A continuación algunos ejemplos

Sin alineación

Este párrafo lo he escrito justo antes de la imagen

Niños
Leyenda de la imagen. En este caso el texto aparece antes y después de la imagen.

Este párrafo va después.

Alineación izquierda y derecha

Este párrafo lo he escrito justo antes de la imagen

Niños
Leyenda de la imagen. En este caso el texto aparece antes y después de la imagen.

Este párrafo va después.

El problema es cómo podemos dejar que el párrafo aparezca a la izquierda y aparezca abajo. Tendríamos que investigar un poco porque no podemos hacerlo simplemente con saltos de línea.

Seguimos escribiendo para ver que es lo que pasa.

Este es otro párrafo de prueba.

Este párrafo lo he escrito justo antes de la imagen

Niños
Leyenda de la imagen. En este caso el texto aparece antes y después de la imagen.

Este párrafo va después.

El problema es cómo podemos dejar que el párrafo aparezca a la izquierda y aparezca abajo. Tendríamos que investigar un poco porque no podemos hacerlo simplemente con saltos de línea.

Seguimos escribiendo para ver que es lo que pasa.

1914 translation by H. Rackham

«But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?»

Section 1.10.33 of «de Finibus Bonorum et Malorum», written by Cicero in 45 BC

Niños
Leyenda de la imagen. En este caso el texto aparece antes y después de la imagen.

1914 translation by H. Rackham

«On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. The wise man therefore always holds in these matters to this principle of selection: he rejects pleasures to secure other greater pleasures, or else he endures pains to avoid worse pains.»

1914 translation by H. Rackham

«But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?»

Section 1.10.33 of «de Finibus Bonorum et Malorum», written by Cicero in 45 BC

«At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.»

Neptuno

«At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.»

1914 translation by H. Rackham

«On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. The wise man therefore always holds in these matters to this principle of selection: he rejects pleasures to secure other greater pleasures, or else he endures pains to avoid worse pains.»

Folders Pro. Organizando imágenes añadidas directamente a un artículo

En la biblioteca de medios tenemos organizados los medios que hemos subido y utilizado en nuestro portal. Se tratan de ficheros con imágenes, videos cortos, audios e incluso ficheros de todo tipo, como documentos PDF, etc.

Habrá ocasiones en las que copiemos y peguemos una imagen de un editor o arrastremos y soltemos una imagen directamente en una entrada o página que estemos editando. En estos casos, la imagen se enlazará con el bloque de imagen de la entrada o página, pero se almacenará en la biblioteca de medios de forma desordenada.

Podemos, posteriormente, organizar estas imágenes desde la biblioteca de medios con la ayuda del plugin Folders Pro. Para ello, accedemos a la zona de administración del portal y a la biblioteca de medios.

Este es el caso, precisamente, de la captura de pantalla que aparece justo encima. La he arrastrado y soltado directamente sobre la entrada, creándose un bloque de imagen.

Veamos dónde se ha insertado esta imagen. Para ello, accedemos a la biblioteca de medios y seleccionamos en el filtro todas las carpetas

Ahora, si conocemos el nombre de la imagen podemos buscarla con la opción buscar imagen. En mi caso, en el programa que utilizo para realizar las capturas, tengo como parte del nombre JPM, así que buscaré JPM

Esto nos mostrará todas las imágenes cuyo nombre corresponda con esa cadena de caracteres. Para mostrar más información sobre las imágenes, vamos a seleccionar la vista en forma de listado en lugar de cuadrícula en las opciones que aparecen en la barra de herramientas a la izquierda.

Las imágenes que estoy insertando en este artículo están todas en la carpeta artículos. Podemos pensar que, por defecto, cuando subimos una imagen copiando y pegando o insertando directamente, esta se añade en la carpeta artículos, aunque también puede suceder que la imagen se suba en la última carpeta utilizada.

Vamos a comprobarlo. Primero, vamos a mover las imágenes recién subidas a la carpeta 2024-2025, que es dónde queremos que estén. Para ello las seleccionamos las imágenes a mover, elegimos la opción Move to Folder en Acciones por lotes y pulsamos aplicar.

Esto abrirá un cuadro de dialogo dónde seleccionamos la carpeta de destino en el desplegable y pulsamos Mover a la carpeta.

Ahora las imágenes están en la carpeta 2024-2025, que es dónde queríamos tenerlas organizadas.

¿Qué sucede si insertamos más imágenes ahora? He seleccionado la carpeta 2024-2025 para ver su contenido y he añadido las últimas tres imágenes de captura de pantalla arrastrando y soltando desde un programa externo.. ¿en qué carpeta se habrán insertado? Veámoslo en la biblioteca de medios.

Por lo que podemos observar se han asignado todas a la carpeta 2024-2025.

¿Cómo funciona todo esto?

Podemos deducir que el comportamiento del plugin de Folders Pro es enlazar las imágenes que se suben desde el editor con la carpeta que tenga seleccionada actualmente.

Como segunda deducción, podemos mover las imágenes en Folders Pro de una carpeta a otra sin que se vean afectados los artículos. Esto lo probaremos con otra entrada específica, pero hemos movido las primeras imágenes de esta entrada de la carpeta artículos a la carpeta 2024-2025 y siguen mostrándose sin problemas.

Realmente, los ficheros que se suben a la biblioteca de medios de WordPress se suben en el directorio uploads del espacio de ficheros dónde está el portal. En el espacio de ficheros, sistema de ficheros, se almacena dentro del directorio uploads, organizándose en una jerarquía de directorios estructurados por información temporal.

Lo que hace Folders Pro es proporcionar una capa de abstracción superior que permite organizar todos estos ficheros con una jerarquía de carpetas y subcarpetas que facilita al administrador gestionar grandes cantidades de ficheros de medios.

Por tanto, cuando movemos una imagen o fichero en Folders pro de una carpeta a otra, en el sistema de ficheros no se cambia nada, ni la URL del fichero se altera, solo se cambia esa organización que proporciona Folders Pro de cara al administrador.

Si seleccionamos una imagen en la biblioteca de medios, se mostrará un panel lateral con información de la imagen y con herramientas que podemos aplicar.

Entre la información y opciones mostradas, tenemos la URL de la imagen que si consultamos no tiene que ver con la carpeta de Folders Pro.

La URL al fichero almacenado en el sistema de ficheros dónde se encuentra el portal web es aparece como parte de la ruta del fichero:

https://institutos.educarex.es/iescastelar/wp-content/uploads/sites/126/2025/03/WP-JPM-035.png

Conclusiones

En este artículo hemos visto:

  • Cómo podemos añadir imágenes directamente sobre una entrada o página arrastrando y soltando la imagen sobre el área de trabajo.
  • Cómo Folders Pro organiza las imágenes en carpetas para facilitarnos la administración de los medios que se suben a la biblioteca de medios.
  • Cómo podemos mover medios de una carpeta a otra dentro de Folders Pro para matener cierta organización de los medios sin que afecte a las entradas o páginas en las que estos medios se están utilizando.
  • Cómo los medios se almacenan realmente en el sistema de ficheros dónde está alojado el portal web y que tienen una URL dónde aparece información de marca temporal.

Práctica II

Esto es un ejemplo de texto para un párrafo. Puedes visitar este sitio web con información sobre cosas… www.educatica.es. Seguimos escribiendo

tranvías por la ciudad

Vamos a probar