Cómo agregar texto a una imagen en WordPress (3 métodos)

How to add text on top of an image in WordPress

¿Quieres agregar texto a una imagen en WordPress?

La superposición de texto es una excelente manera de proporcionar información de imagen adicional. También es una forma rápida y fácil de crear pancartas, titulares e incluso anuncios en línea.

En este artículo, le mostraremos cómo agregar texto a una imagen en WordPress.

Añadir texto a las imágenes en WordPress

Las imágenes pueden hacer que su sitio de WordPress se vea más interesante y ayudar a dividir grandes porciones de texto.

Sin embargo, a veces sus imágenes pueden necesitar más explicación. Por ejemplo, puede agregar texto sobre una imagen para explicar qué muestra la imagen y por qué la agregó a su publicación.

Muchos blogs de WordPress también agregan texto a una imagen para crear banners y titulares atractivos e informativos.

En esta publicación, tenemos tres formas diferentes de agregar texto a una imagen en WordPress. Si prefiere ir directamente a un método específico, puede usar los enlaces a continuación.

Una forma de agregar texto a una imagen en WordPress es usar Cover Block. Puede usar este bloque para mostrar cada imagen y luego ingresar texto en la imagen. Esto hace que Cover Block sea ideal para crear imágenes de personajes, subtítulos y pancartas.

Para agregar un bloque de portada a una página o publicación, simplemente haga clic en el signo más (+) en el Editor de bloques de WordPress.

Ahora puede ingresar "cubierta" y seleccionar el bloque correcto cuando aparezca.

Portada de WordPress

De forma predeterminada, Cover Block tiene una imagen de lugar y algo de texto de reemplazo.

Para reemplazar la imagen predeterminada, simplemente haga clic en la imagen para seleccionarla. Cuando haya hecho esto, haga clic en el botón "Reemplazar".

Cómo agregar texto a una imagen en WordPress

Si desea utilizar una imagen que ya está en su biblioteca de medios de WordPress, simplemente haga clic en Abrir biblioteca de medios. A continuación, puede seleccionar una imagen existente.

Si desea cargar una nueva imagen, haga clic en Cargar.

Subir una imagen a la portada de WordPress

Esto abre una ventana donde puede seleccionar cualquier archivo de su computadora.

Una vez que haya seleccionado una imagen, puede usar la configuración de bloque para crear algunos efectos interesantes y llamativos. Por ejemplo, puede congelar la imagen mientras el visitante se desplaza por la página o agregar una superposición de color a la imagen.

revestimiento de color

Si usa una superposición, puede cambiar su opacidad usando el control deslizante de opacidad. La configuración de opacidad controla la transparencia de la imagen de fondo.

Cuando esté satisfecho con el aspecto de la imagen, puede agregar algo de texto.

De forma predeterminada, la portada tiene un bloque de título y un bloque de párrafo donde puede agregar texto a la imagen.

Cómo agregar texto a una imagen en WordPress

Para agregar texto, simplemente haga clic para seleccionar el bloque de título o párrafo. Luego continúe e ingrese el texto que desea usar.

Al agregar texto a una imagen, este texto a veces puede ser difícil de leer. Esto es especialmente cierto para los visitantes con discapacidad visual. Para obtener más información, lea nuestra guía sobre cómo hacer que su sitio de WordPress sea más accesible.

Con esto en mente, es posible que desee diseñar su texto de una manera que lo haga más fácil de leer.

Si está trabajando con un bloque de título, también puede probar diferentes estilos de encabezado para ver cuál es el más fácil de leer.

Dar formato al texto en una imagen de WordPress

También puede hacer que su texto se destaque usando un color de contraste.

Para seleccionar un color diferente, seleccione la pestaña "Bloquear" en el menú de la derecha. Luego continúe y haga clic en Color para expandir este sección.

Cuando haya terminado, haga clic en Texto. Esto abrirá una ventana emergente donde puede seleccionar un nuevo color para todo el texto en el bloque.

Cambiar el color del texto en una imagen

El texto más grande suele ser más fácil de leer.

Para agrandar su texto, haga clic en la casilla de verificación junto a Tamaño, luego ingrese un número más grande en este campo.

Agregar texto a una imagen en WordPress

Una vez que esté satisfecho con el aspecto de su Bloque de portada, puede publicar o actualizar su página como de costumbre. Ahora, cuando visite su sitio web, verá su texto en la imagen.

Método 2. Cómo agregar texto a una imagen usando un bloque de imagen

Cover Block es excelente para crear pancartas y encabezados. Sin embargo, también puede agregar texto a un bloque de imagen estándar de WordPress.

Primero, debe agregar un bloque de imagen a su página o publicación. Para hacer esto, simplemente haga clic en el signo más (+) en el Editor de bloques de WordPress.

Luego puede ingresar "imagen" y seleccionar el bloque correcto para agregar a su publicación.

El bloque de imágenes de WordPress

Luego puede cargar una imagen desde su computadora o hacer clic en Biblioteca de medios para seleccionar una imagen de la Biblioteca de medios de WordPress.

Una vez que haya seleccionado su imagen, puede cambiar su enfoque, agregar una superposición y cambiar su opacidad siguiendo el mismo proceso que el anterior.

También puede probar los diferentes controles deslizantes de fondo fijo y fondo repetido para ver cuál funciona mejor para su bloque de imagen.

Cuando esté satisfecho con el aspecto de su imagen, haga clic en el botón Agregar texto a la imagen.

Agregar texto a una imagen en WordPress

Esto agregará un área donde puede ingresar su texto.

Dependiendo de su imagen, los visitantes pueden tener problemas para leer su texto. Aquí es donde puede ayudarlo a poner el texto en negrita o cambiar su color usando el procedimiento anterior.

Cambiar el color del texto en WordPress

También puede ampliar su texto.

Buscar Para ello, consulte la sección "Tamaño" en el menú de la derecha. A continuación, puede continuar y hacer clic en los diferentes números para hacer que su texto sea más grande o más pequeño.

Aumentar el tamaño del texto.

Cuando esté satisfecho con el aspecto de su texto e imagen, haga clic en Guardar borrador, Actualizar o Publicar para guardar los cambios.

Método 3: Cómo crear un diseño de página de texto personalizado en una imagen

Los bloques de WordPress incorporados son una forma rápida y fácil de agregar texto a una imagen en WordPress. Sin embargo, si desea la libertad de crear diseños de página totalmente personalizados, necesita un complemento de creación de página.

Producto de semilla es el mejor complemento de complemento de WordPress en el mercado. Le permite agregar texto a cualquier imagen en su sitio web.

Nota: Hay versión gratuita de SeedProdpero para esta guía usaremos la versión Pro ya que tiene más funciones.

Primero debe instalar y activar el complemento SeedProd. Consulte nuestra guía paso a paso para instalar el complemento de WordPress para obtener más detalles.

Después de la activación, deberá ingresar su clave de licencia de SeedProd. Puede obtener esta clave iniciando sesión en la suya Cuenta SeedProd. Luego haga clic en la pestaña Descargas.

Una vez que haya hecho esto, puede copiar la clave en la sección "Claves de licencia".

Página de descarga de SeedsProd

Ahora puede colocar esta clave en su administrador de WordPress yendo a SeedProd »Configuración Remover.

Una vez aquí, continúe y coloque su clave en el campo "Clave de licencia".

Verifique su licencia de SeedProd

Entonces todo lo que tiene que hacer es hacer clic en "Clave para confirmación".

Entonces estamos en nuestro camino Producto de semilla » páginas de inicioy haga clic en Agregar nueva página de destino.

Plantillas de diseño de página de SeedProd

Su próxima tarea es elegir una plantilla que será el punto de partida de su sitio. No importa qué plantilla de SeedProd elija, puede personalizar cada parte de la plantilla para que se ajuste perfectamente a su sitio web y marca.

Si prefiere comenzar con un lienzo en blanco, puede hacer clic en Plantilla en blanco.

Plantillas SeedProd preconstruidas

En todas nuestras imágenes utilizamos una plantilla Tasty Squeeze Page, que es ideal para conseguir más campañas de suscriptores.

Cuando encuentre una plantilla que desee utilizar, desplace el cursor sobre ella. A continuación, puede hacer clic en el icono Examinar.

Plantillas SeedProd diseñadas profesionalmente

Esto muestra una vista previa de la plantilla.

Si está satisfecho con el aspecto de esta plantilla, haga clic en el botón "Elegir esta plantilla".

Plantilla para generar leads y exprimir

En el cuadro Nombre de la página, escriba un nombre para la página.

De forma predeterminada, SeedProd usa este nombre como la URL de la página. Si desea cambiar esta URL generada automáticamente, simplemente edite el texto en el campo "URL de la página".

Cree un diseño de página personalizado con SeedProd

Si está satisfecho con la información que ingresó, haga clic en el botón "Guardar" y comience a editar la página. Esto abrirá la plantilla en el editor de arrastrar y soltar de SeedProd.

En el menú de la izquierda puedes ver todos los bloques y secciones que puedes arrastrar y soltar para agregar a tu página.

Agregue bloques a su tema SeedProd

A menos que esté usando una plantilla en blanco, su página de SeedProd ya tiene varios bloques y secciones. Para editar cualquiera de estos contenidos, simplemente haga clic en el bloque o sección para seleccionarlo.

El menú a la izquierda de SeedProd ahora muestra todas las configuraciones que puede usar para personalizar este bloque o sección. Como puede ver en la imagen a continuación, puede cambiar el texto que aparece en este bloque cuando hace clic en un bloque de título.

Personaliza un diseño prefabricado en una página de SeedProd

La forma más fácil de agregar texto a una imagen es usar una de las secciones de caracteres preconstruidas de SeedProd.

Estas secciones tienen una imagen de fondo de un sustituto con texto agregado. Puede reemplazar fácilmente la imagen predeterminada y el texto predeterminado con su propio contenido.

Primero, haga clic en la pestaña "Secciones" en el menú del lado izquierdo de SeedProd.

Luego puede hacer clic en "Héroe" para ver todas las secciones de héroe prefabricadas que puede agregar a su página.

Plantilla de sección SeedProd

Para ver una de estas plantillas de sección, simplemente pase el mouse sobre la plantilla y luego haga clic en el icono de la lupa.

Para continuar y agregar esta sección de caracteres a su diseño, simplemente haga clic en "Seleccionar esta sección".

Plantilla de héroe de producción de semillas

Luego querrá reemplazar la imagen principal de la plantilla con su propia imagen. Para hacer esto, simplemente haga clic en la imagen para seleccionarla.

Luego, en el menú de la izquierda de SeedProd, mantenga el cursor del mouse sobre la vista previa de "Imagen de fondo" hasta que aparezca un ícono de papelera.

A continuación, puede continuar y hacer clic en este icono para eliminar la imagen del lugar.

Eliminar fondo imagen en SeedProd

Luego haga clic en "Usar su propia foto". Luego puede seleccionar una imagen de la biblioteca de medios de WordPress o usar una imagen de archivo.

SeedProd le brinda fácil acceso a miles de imágenes de stock gratuitas. Para ver la biblioteca de imágenes de SeedProd, haga clic en Usar imagen.

En la barra de búsqueda, escriba una palabra o fase que describa la imagen que está buscando y haga clic en el botón Buscar.

Seleccione una imagen de archivo de SeedProd

SeedProd ahora mostrará todas las imágenes de archivo que coincidan con su término de búsqueda.

Cuando encuentre una imagen que desee agregar a su diseño, simplemente haga clic en ella.

Banco con imágenes de SeedProd

Después de agregar una imagen, puede reemplazar el texto de reemplazo.

Para hacer esto, haga clic en el bloque de texto para seleccionarlo. Luego, en el área de Texto, simplemente ingrese el texto que desea usar.

Agregar texto a una imagen usando SeedProd

Algunas de las plantillas de personajes de SeedProd tienen contenido adicional, como: B. Botones de llamada a la acción.

¿Quieres cambiar este contenido? Luego simplemente haga clic en el bloque para seleccionarlo y luego haga sus cambios en el menú en el lado izquierdo de SeedProd.

Edita tu texto de SeedProd

Otra opción es eliminar el bloque de la plantilla de personaje.

Para hacer esto, simplemente haga clic en el bloque para seleccionarlo y luego haga clic en el icono de la papelera.

Eliminar secciones y bloques de SeedProd

Cuando esté satisfecho con el diseño de su página, puede hacer clic en el botón "Guardar".

Desde aquí puedes publicar la página o guardarla como plantilla.

Publicar un tema SeedProd

Para obtener más detalles sobre cómo crear diseños de página personalizados con SeedProd, consulte nuestra Guía de creación de páginas de destino de WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo agregar texto a una imagen en WordPress. También puede consultar nuestra guía para elegir el mejor software de diseño web o buscar en nuestras opciones de expertos los mejores complementos y herramientas de SEO para usar.

Si te ha gustado este artículo, suscríbete al nuestro. canal de Youtube para videos tutoriales para WordPress. También puedes encontrarnos en Closermarketing.es y Facebook.

.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir