Enriquecer sus páginas y publicaciones de WordPress con contenido como recursos útiles, productos relacionados, CTA promocionales o artículos divertidos puede ayudarlo a usted o a su marca a ofrecer más valor a su audiencia. Sin embargo, un enlace simple no siempre hará el trabajo, a menos que el texto de anclaje y el sentimiento que lo rodea sean lo suficientemente persuasivos, esos enlaces pueden borrarse. Al crear enlaces visuales a su sitio web, como los mejorados que ve en Facebook, puede agregar contenido atractivo e interactivo que sus visitantes notarán. los Vista previa del enlace visual Un complemento de WordPress es una forma sencilla de agregar más impulso a sus enlaces.
Aquí hay algunas maneras de usar este complemento:
- Agregue un CTA a su enlace de afiliado.
- Realice copias de seguridad de sus afirmaciones, hechos y estadísticas.
- Elija contenido de otros sitios.
- Incluya recursos útiles para que los lectores aprendan más.
- Promociona los productos de tu tienda de comercio electrónico.
Además, en su forma más simple, el complemento Visual Link Preview es una forma más atractiva de conectarse a publicaciones relacionadas y hacer que las personas permanezcan más tiempo en su sitio.
El complemento le permite crear una vista previa visual de cualquier enlace interno o externo, y también puede crear una plantilla personalizada con un estilo que coincida con su marca o sitio web. Luego coloque el cuadro de vista previa simplificado en cualquier lugar de la publicación o página. Echemos un vistazo a cómo agregar un cuadro de vista previa a WordPress tanto en Gutenberg como en el editor clásico.
Busque e instale el complemento Visual Link Preview
Probablemente ya sepa cómo hacerlo, pero por si acaso, aquí hay una descripción general súper rápida de cómo instalar su nuevo complemento de WordPress:
- Inicie sesión en su panel de WordPress.
- Seleccione Complementos en la barra lateral izquierda.
- Seleccione Agregar nuevo en el submenú que aparece debajo de Complementos.
- Escriba «Vista previa del enlace visual» en la barra de búsqueda en la esquina superior derecha de la página.
- Haga clic en Instalar ahora en la esquina superior derecha de la ventana de vista previa del complemento.
- Después de la instalación, haga clic en Activar.
Después de activar el complemento, será redirigido a la página de su complemento y verá esta notificación en la parte superior. (La documentación de introducción lo lleva a esta página.)
Primeros pasos con la configuración y los ajustes
Después de activar un complemento, desplácese por la lista de complementos para encontrarlo. Debajo del nombre del complemento, haga clic en el enlace Configuración; será redirigido a esta página:
De manera predeterminada, el interruptor Usar estilo personalizado estará deshabilitado. Si lo enciendes, aparecerán varias opciones.
Hay ajustes a lo siguiente:
- Ancho del contenedor, color de fondo y relleno.
- Radio del borde, ancho, estilo (sólido, discontinuo, punteado, etc.) y color.
- Posición de la imagen (izquierda, derecha, arriba o abajo), tamaño y radio del borde.
- Título y resumen tamaño de fuente y color.
La mayoría de ellos se explican por sí mismos, pero hay algunas cosas que debe saber tamaño de la imagen. Puede establecer el tamaño de la miniatura o un tamaño personalizado. Para una miniatura, los tamaños estándar son «miniatura», «mediana» y «grande», así que simplemente escribe lo que quieras en el cuadro. O puede establecer un tamaño personalizado en este formato: ancho x alto (por ejemplo, 150 × 150).
Por ahora, dejaré todo como está para ver cómo se ve el campo de enlace predeterminado. Luego volveré para hacer las correcciones.
Usando un complemento con el editor de bloques de Gutenberg
Entré en el borrador de mi publicación de blog y agregué un bloque debajo del párrafo. Encontrará el bloque Visual Link Preview en la sección Widgets, o simplemente puede buscarlo en la parte superior del selector de bloques.
Así es como se ve el bloque Visual Link Preview:
Cuando hace clic en el cuadro Seleccionar publicación o página, no verá la lista desplegable de contenido; tendrás que buscar lo que quieres. También puede agregar un enlace a una URL externa (lo cubriré en un momento).
Seleccioné una entrada de blog publicada. Así es como se ve sin un cambio en el estilo:
Configuración de bloqueo de vista previa de enlace visual en Gutenberg
Si hace clic en la pila de tres puntos en la parte superior del bloque, verá un menú desplegable. Seleccione Mostrar configuración de bloqueo para mostrar la barra lateral derecha con opciones. Aquí puedes hacer algunos cambios:
Cambiar enlace. Tenga en cuenta que si hace clic en Cambiar enlace, el enlace que tiene se eliminará inmediatamente, así que asegúrese de no hacer clic en él accidentalmente.
Cambie o elimine la imagen mostrada. Si elimina la imagen mostrada, este es Visual Link:
Si no le gusta cómo se ve sin una imagen, puede hacer clic en Seleccionar imagen para volver a agregarla. Sin embargo, deberá navegar por la biblioteca de medios o cargar una imagen (no tendrá la opción automática) para agregar la imagen destacada nuevamente como lo hizo cuando agregó el enlace por primera vez.
Por supuesto, puede encontrar una imagen destacada en su biblioteca de medios, pero puede estar oculta. O simplemente puede agregar el enlace nuevamente para agregar contenido original automáticamente.
Activa y desactiva la configuración de enlaces. Puede optar por abrir el enlace en una nueva pestaña, y también puede convertir el enlace en un enlace nofollow.
Agregar un enlace externo con Gutenberg
Esta vez estoy agregando un enlace externo. Copié y pegué en el campo correspondiente:
Cuando hace clic en Usar esta URL, sucede lo mismo cuando agrega un enlace interno. La imagen, el título y el fragmento se completarán automáticamente, y se pueden realizar cambios en la barra lateral derecha. También puede hacer clic en Guardar imagen localmente en la sección Contenido y la imagen que muestra el complemento descargado de la fuente URL se agregará a la biblioteca multimedia de WordPress.
Guardar bloques reutilizables
Si tiene una página, publicación de blog o enlace externo que usará con frecuencia, puede crearlo una vez y luego guardarlo como un bloque reutilizable para agregarlo fácilmente en el futuro. Esto solo funciona en el editor de Gutenberg, FYI.
Una vez que haya terminado de crear el bloque, haga clic en el icono de tres puntos en la parte superior, el mismo que utilizó para acceder a la barra lateral de opciones. Luego seleccione Agregar a bloques reutilizables. Puede nombrar el bloque y estará en su biblioteca de bloques para uso futuro.
Usando un complemento en el editor clásico
Usando el editor clásico, ve a tu publicación o página y navega hasta donde quieras agregar un enlace visual. Haga clic en el botón de enlace Vista previa visual en la parte superior de la página:
Aparecerá esta ventana:
Puede agregar un enlace propio o externo desde la lista desplegable Tipo. Primero añadiré mi propio enlace. Una vez que haya seleccionado el contenido al que desea vincular, los campos se completarán automáticamente, al igual que para Gutenberg. Realice cualquier cambio aquí. Puede eliminar la imagen y optar por agregar una nueva, cambiar el título y actualizar el resumen desde esta ventana. También puede usar la configuración predeterminada del complemento o su propia plantilla aquí, como con Gutenberg.
Añade un enlace externo con el editor clásico
Esta vez añadiré un enlace externo. Estos son los campos para un enlace externo:
Cuando agrega una URL, los campos se actualizarán automáticamente, al igual que para un enlace interno. Luego, puede realizar los cambios que desee antes de insertarlo en su sitio web o publicación. También tienes la opción de guardar la imagen localmente en el editor clásico.
Personalice la plantilla y el marco de vista previa del enlace visual
Esta barra de configuración de bloque también tiene una sección Estilo en la parte inferior, donde puede elegir Usar plantilla predeterminada de la configuración o Plantilla simple. Sin embargo, esto es confuso ya que en realidad son lo mismo. Explicaré más en un momento. Primero, personalicemos el cuadro de vista previa del enlace.
En esta sección de estilo, haga clic en el enlace Cambiar estilo de plantilla. Se abrirá una nueva página donde puede crear una plantilla personalizada (también puede ir aquí a través de la configuración del complemento). Nuevamente, las personalizaciones son simples, explicativas y directas, por lo que le resultará fácil orientarse. Así es como se ve la plantilla después de haber jugado con algunas personalizaciones:
No es lo mejor. Parte del problema es que el texto de vista previa es demasiado largo. Cuando regrese a su publicación o página, si hace clic en el bloque, el editor debería aparecer en la barra lateral derecha. A continuación, puede ir a la sección Contenido y hacer clic en los campos de título y extracto para realizar cambios.
En lugar de usar una miniatura, volví a la página de personalización de la plantilla e ingresé un tamaño de imagen personalizado que la convirtió en un cuadrado (y afortunadamente perfectamente recortada). Jugué un poco más con el título y la copia del fragmento para hacerlo mejor dimensionado en el bloque y al lado de la imagen. Esta es mejor:
Puede dedicar mucho tiempo a encontrar las personalizaciones correctas, y debería hacerlo, especialmente porque solo puede crear una plantilla personalizada.
Obtenga una vista previa de las personalizaciones de su plantilla
No puede ver la vista previa en vivo mientras personaliza la plantilla. Tendrás que abrir tu publicación o página en una nueva ventana, realizar los cambios en la página de personalización de la plantilla y luego volver a hacer clic en la publicación o página. Alterne entre las dos opciones de plantilla desplegable (recuerde que en realidad no son diferentes entre sí); esto actualiza la ventana para que pueda ver los últimos cambios.
¿Cómo recupero mi estilo predeterminado?
Digamos que hace algunos cambios y luego se da cuenta de que prefiere el estilo predeterminado. Si deja activada la opción Usar estilo personalizado en la configuración de la plantilla, la configuración personalizada se aplicará cuando regrese a su página o publicación, ya sea que seleccione Usar predeterminado desde Configuración o Simple desde el menú desplegable Plantilla (como dije confuso).
Si desea restaurar la configuración predeterminada del complemento, puede ir a la página de configuración de la plantilla y deshabilitar el botón Usar estilo personalizado. Todas sus personalizaciones estarán allí si desea activarlas eventualmente, pero eso le permitirá usar la configuración predeterminada del complemento si prefiere su apariencia.
Desventajas del complemento de vista previa de enlace visual
El complemento Visual Link Preview es un complemento simple que hace lo que dice y es muy fácil de aprender. Sin embargo, debido a que es tan simple, también carece de algunas áreas de mejora.
No hay menú desplegable con todo el contenido. Quería que esta opción no requiriera recordar el nombre de una publicación de blog o página para agregar como enlace.
No puede ver una vista previa en vivo de la plantilla personalizada. Navegar entre una publicación y una página de configuración de plantilla cada vez que desee verificar si es la cantidad perfecta de relleno o qué tipo de borde es bastante torpe.
Solo puede crear una plantilla personalizada. Esta es la mayor desventaja del enchufe. No puede crear varias plantillas y luego elegir la que usa para que coincida con una página específica, publicación de blog o tipo de enlace. Tampoco puede configurar algunos cuadros de vista previa para usar una plantilla personalizada y otros para usar la configuración predeterminada del complemento: es uno u otro.
Envase
En general, incluso a pesar de sus inconvenientes, me gustó el complemento Visual Link Preview. La configuración y el uso son muy simples, sin importar con qué editor prefiera trabajar: Gutenberg o clásico. Esta es definitivamente una forma más estética y llamativa de agregar enlaces, lo que puede ser de gran ayuda si te gusta el marketing de afiliación o deseas vincular a tus páginas de destino. Actualmente, dado que no puede crear más de una plantilla, es más adecuada para sitios con un aspecto estandarizado para todas las publicaciones y páginas. Por lo tanto, si tiene muchas páginas de destino diferentes con diferentes estilos, será difícil crear una sola plantilla de cuadro de vista previa que se ajuste a cualquier lugar. De lo contrario, es un enchufe liviano que hace bien su único trabajo.
También te puede gustar este artículo con cinco cosas geniales que puedes hacer en Divi usando enlaces ancla.
