Cómo agregar texto sobre las imágenes presentadas en WordPress

¿Le gustaría agregar texto a través de las imágenes presentadas en su sitio web de WordPress? Agregar un subtítulo de texto a las imágenes presentadas le permite agregar un contexto a sus publicaciones, pero si su WordPress no presenta una función creada para esto, puede ser difícil de configurar. Afortunadamente, hay algunas formas fáciles de agregar texto a través de las imágenes presentadas en WordPress sin recurrir a un código personalizado y las compartiré con usted en esta publicación. En total, te mostraré cuatro métodos diferentes:
Elementor y Elementor Pro
Dos complementos gratuitos diferentes que le permiten agregar subtítulos a las imágenes presentadas
Un bloque nativo en el editor de bloques de WordPress
¿Estas listo para empezar? Penetamos …
Cómo agregar texto recomendado sobre imágenes con Elementor Si desea una revisión más completa de cómo muestra las publicaciones y las imágenes presentadas, puede usar el generador de página. Elementor Pro le permite crear una plantilla personalizada para las publicaciones de su blog, utilizando su función de creador de tareas. Como parte de esto, puede superponerse al texto sobre las imágenes presentadas. Para obtener más información sobre los elementos básicos sobre el uso de Elementor, consulte nuestra revisión completamente elemental. Para configurar esto, necesitará tanto el complemento básico básico como el suplemento Elementor Pro, para que pueda obtener acceso a la función de constructor de temas.
Luego, acceda a plantillas → constructor de temas y cree una nueva plantilla única para sus publicaciones. Esto controla el diseño de publicaciones de blog individuales.

El artículo continúa a continuación
Para agregar la imagen presentada, extraiga un widget recomendado. Luego, para agregar texto, use el menú desplegable legendario y configúrelo en: subtítulos adjuntos: extraerá la leyenda del cuadro de subtítulos de la biblioteca de medios de WordPress.
Subtítulos personalizados: puede ingresar un subtítulo personalizado. Si combina esto con la función dinámica de Elementor Pro, puede insertar automáticamente una leyenda desde un campo personalizado que use.
Sé que mucho está sucediendo aquí. Por lo tanto, si el elemento lo confunde, realmente le recomiendo que lea nuestra revisión elemental completa, para que comprenda mejor cómo funciona la primaria.

Access Elementor verifique que su tema acepte los subtítulos de las imágenes presentadas siempre vale la pena verificar si su tema ya está aceptando los subtítulos de las imágenes presentadas. Por ejemplo, cuando pruebo con el nuevo tema predeterminado de veinte veinte, el tema mostrará automáticamente la leyenda que establecí en la biblioteca Media WordPress:
Como referencia, así es como establecemos la leyenda:

Entonces, si su tema lo acepta, esta es una manera fácil de agregar subtítulos a las imágenes presentadas. Sin embargo, no todos los temas respaldan esto. Cuando probé exactamente lo mismo en el valor predeterminado del año pasado (veinte diecinueve), no mostré la leyenda.

Si su tema no muestra la leyenda de forma predeterminada, puede continuar leyendo para otras formas de agregar texto a través de las imágenes presentadas en WordPress. Cómo agregar texto a las imágenes presentadas con la subtitulación de la imagen presentada Título de la imagen presentada es un complemento gratuito que le permite agregar un subtítulo a las imágenes presentadas en WordPress, ya que puede agregar subtítulos a las imágenes que incluye en el contenido.
Es muy fácil de usar y funciona con la mayoría de los temas de WordPress inmediatamente en el cuadro. También funciona con el editor clásico y el nuevo editor de bloques

Para iniciar, instalar y activar el complemento de título de imagen destacado gratuito en wordpress.org. Una vez que haya activado el complemento, verá una nueva sección de subtítulos de sección presentada en el editor de WordPress. En el editor de bloques, esta sección aparece en la barra lateral. Todo lo que tiene que hacer es agregar el texto que desea usar en el cuadro:

¡Y eso es! El complemento agregará automáticamente la leyenda del texto a la imagen presentada.
Por defecto, el texto aparece inmediatamente debajo de la imagen presentada:

Si desea mover este texto para que “flote” sobre la imagen, puede usar un CSS simple.

Aunque no soy un experto en CSS (¡podría haber una forma más efectiva de hacer esto!), Aquí está el CSS que utilicé. También cambié el tamaño y el color del texto: SPAN. CCFIC-TIXT {posición: relativo; Abajo: 50px; Color blanco; Tamaño de fuente: 32px; }

Si no está seguro de cómo agregar CSS, consulte nuestra guía sobre cómo agregar CSS Custom a WordPress.
El artículo continúa a continuación

Cómo agregar texto a una imagen presentada usando el bloque de portada Si usa el nuevo editor de bloques de WordPress (también conocido como Gutenberg), puede agregar un texto presentado con texto usando los bloques implícitos. Mientras que el editor de bloques incluye más opciones para agregar texto a través del texto sobre el Imágenes, recomiendo el bloque de portada nativo para las imágenes presentadas. También puede hacerlo con un ancho completo para agregar un hermoso efecto característico:

Y voil: una imagen presentada con texto sobre él:

Si su tema muestra automáticamente la imagen presentada en una sola página, es posible que desee desactivarla para evitar imágenes duplicadas, porque el bloque de portada está técnicamente separado de la imagen presentada, incluso si hace lo mismo. Cómo agregar texto a través de una imagen recomendada con un subtítulo personalizado de la imagen presentada FSM FSM La imagen de la imagen civilizada es otro complemento gratuito en WordPress.org que facilita agregar un subtítulos a una imagen presentada en WordPress, junto con otras configuraciones útiles.
Viene con algunas opciones más que la leyenda de imagen presentada por el complemento arriba. Para iniciar, instale y active el complemento gratuito en wordpress.org. Luego vaya a Configuración → Subtítulos de imagen personalizados FSM para configurar algunas configuraciones. En primer lugar, si desea mostrar el subtítulo de la imagen presentada en la lista de publicaciones de blog, debe verificar los subtítulos de la casilla en las listas. De lo contrario, el complemento mostrará la leyenda solo en las publicaciones de blog únicas. Si desea que el texto “flote” sobre la imagen presentada, también puede elegir la opción de estilo personalizada e ingresar algunos CSS personalizados. Por ejemplo: posición: relativo; Abajo: 50px; Izquierda: 35px; Color blanco; Tamaño de fuente: 22px;

El complemento extrae automáticamente la leyenda del subtítulo que establece en la biblioteca Media WordPress. Así es como se ve la leyenda con el estilo predeterminado y el tema veinte quince:

Y así es como se ve cuando agrego el CSS personalizado desde arriba para que el texto flote sobre la imagen:
¿Tiene alguna pregunta sobre cómo agregar texto sobre las imágenes presentadas? Aquí, buena gente. Cuatro formas diferentes en que puede agregar texto a través de las imágenes presentadas de su sitio de WordPress. Para el método más simple, solo puede usar un bloque de portada en el nuevo editor de bloques de WordPress.