Cómo crear una vista previa del enlace visual en WordPress

Enriquecer sus páginas y sus publicaciones de WordPress con contenido, como recursos útiles, productos relacionados, CTA promocionales o piezas limpias y limpias, puede ayudarlo a usted o a su marca. Dar más valor a su audiencia. Una conexión simple no lo cortará siempre, a menos que el texto El ancla y la sensación circundante son suficientemente convincentes, estos enlaces se pueden mantener justo arriba. Al crear enlaces visuales para su sitio web, como los mejores que ve en Facebook, puede agregar contenido cautivador e interactivo al que sus visitantes tendrán cuidado. El complemento Visual Pricatw para WordPress es una forma simple de agregar más estilo a sus enlaces.

Aquí hay algunas maneras en que puede usar este complemento:
Agregue un CTA a un enlace de afiliado.
Copia de seguridad de reclamos, hechos y estadísticas.
Organizar contenido de otros sitios.
Incluya recursos útiles para que los lectores obtengan más información.
Promocione sus productos en la tienda de comercio electrónico.
Además, en su forma más simple, la vista previa del enlace del complemento visual es una forma más atractiva de conectarse con las publicaciones relacionadas y hacer que las personas permanezcan en su sitio por más tiempo. El complemento le permite crear una vista previa visual para cualquier enlace interno o externo y también puede crear una plantilla personalizada con un estilo que coincida con su marca o sitio, luego coloque un cuadro de vista previa simplificada en cualquier lugar de la publicación o publicación. Su página veamos cómo Para agregar un cuadro de vista previa a WordPress tanto en Gutenberg como en el editor clásico.
Encontrar e instalar el complemento de vista previa del enlace visual probablemente ya sepa cómo hacerlo, pero para cualquier eventualidad, aquí hay una presentación muy rápida de cómo instalar un nuevo complemento de WordPress: Iniciar sesión en la placa de WordPress.
Seleccione complementos en la barra lateral izquierda.
Seleccione Agregar nuevo al submenus que aparecerá debajo de los complementos.
Escriba “Ver enlace de vista previa” en la barra de búsqueda en la parte superior derecha de la página.
Haga clic en Instalación ahora en la parte superior derecha del cuadro de vista previa del complemento.
Una vez instalado, haga clic en Activación.
Una vez que haya activado el complemento, será redirigido a la página del complemento y ver esta notificación en la parte superior. (La documentación introductoria lo lleva a esta página).
Nociones introductorias sobre configuraciones y personalizaciones Una vez que se activa el complemento, desplácese hacia abajo en la lista de complementos para encontrarlo. Bajo el nombre del complemento, haga clic en el enlace Configuración: se le enviará a esta página:

Por defecto, el interruptor de uso de estilo personalizado se deshabilitará. Si lo comienza, aparecen muchas opciones.

Hay personalizaciones para lo siguiente:

El ancho del contenedor, el color del fondo y el forro.
El rayo de la frontera, el ancho, el estilo (sólido, punteado, punteado, etc.) y el color.
Posición de la imagen (izquierda, derecha, arriba o hacia abajo), el tamaño y el rayo del borde.
Tamaño y color para el título y las fuentes resumidas.
La mayoría de estos son bastante autoexplicados, pero hay algunas cosas que saber sobre el tamaño de la imagen. Puede establecer una dimensión en miniatura o una dimensión personalizada. Para una miniatura, las dimensiones estándar son “en miniatura”, “medianas” y “grandes”, para que solo quieras lo que quieres en el campo. O bien, puede establecer una dimensión personalizada en este formato: Widthxheight (150 × 150, por ejemplo). Entonces volveré para hacer cambios. Usando el complemento con el editor de bloques de Gutenberg, ingresé un boceto de publicación de blog y agregué un bloque bajo un párrafo. Encontrará el bloque de vista previa del enlace visual debajo de los widgets o puede buscarlo en la parte superior del selector de bloques.
Así es como se ve el bloque de vista previa de vista previa:
Al hacer clic en el cuadro, seleccione una publicación o página, no verá una lista de caída; Tendrás que buscar lo que quieres. También puede agregar un enlace a una URL externa (pasaré por encima de esto).

Elegí una publicación publicada en el blog. Así es como se ven sin hacer personalizaciones de estilo:

Configuración de bloqueo de vista previa del enlace visual en Gutenberg Si hace clic en la pila de tres puntos en la parte superior del bloque, verá un menú de caída. Seleccione la configuración de bloque de visualización para mostrar una barra lateral recta con opciones. Desde aquí, puede hacer más cambios: cambiar el enlace. Tenga en cuenta que si hace clic en el enlace al enlace, el enlace que tiene se eliminará de inmediato, así que asegúrese de no hacer clic en él por casualidad. Cambie o elimine la imagen mostrada. Si elimina la imagen que se muestra, así es como se ve el enlace visual: si no le gusta cómo se ve sin una imagen, puede hacer clic en la imagen para agregar uno nuevamente. Sin embargo, deberá pasar por su biblioteca de medios o cargar una imagen, no tendrá la opción del automóvil, nuevamente la imagen presentada, como cuando agregó el enlace por primera vez. Por supuesto, puede encontrar la imagen presentada en su biblioteca de medios, pero puede ser enterrada. También puede agregar el enlace nuevamente para agregar automáticamente el contenido original. Habilitar y deshabilitar la configuración del enlace. Puede optar por abrir el enlace en una nueva pestaña y convertir el enlace en un enlace nofollow.
Agregar un enlace externo con Gutenberg esta vez, agrego un enlace externo. Lo copié y lo metí en el campo correcto:

Al hacer clic en el uso de esta URL, lo mismo sucede cuando agrega un enlace interno. Una imagen, un título y un fragmento se completará automáticamente y puede hacer cambios en la barra lateral derecha. También puede hacer clic en Guardar la imagen local en la sección de contenido, y la imagen mostrada que el complemento ha tomado de la URL se agregará a su biblioteca de Media WordPress. Guardar los bloques reutilizables Si tiene una página, una publicación de blog o un enlace externo que a menudo usará, puede crear una vez, entonces puede guardarlo como un bloque reutilizable para agregarlo fácilmente en el futuro. Esto solo funciona en el editor de Gutenberg, FYI. Cuando haya terminado de crear el bloque, haga clic en el icono de tres puntos en la parte superior, el mismo que usó para acceder a la barra lateral. Luego elija Agregar a bloques reutilizables. Puede dar el título del bloque y estar en su biblioteca de bloques para su uso posterior.

Usando el complemento con el editor clásico usando el editor clásico, vaya a su publicación o página y vaya a donde desee agregar el enlace visual. Haga clic en el botón Vista previa del enlace visual en la parte superior de la página:
Esta caja aparecerá:

Desde el menú Tipo de caída, puede elegir agregar su propio enlace externo o externo. En primer lugar, agregaré mi propio enlace. Una vez que haya elegido el contenido para hacer la conexión, los campos se poblarán automáticamente, como en el caso de Gutenberg. Aquí hará cualquier cambio. Puede eliminar la imagen y elegir agregar una nueva, cambiar el título y actualizar el resumen en esta ventana. También puede usar la configuración implícita del complemento o la plantilla personalizada aquí, como en el caso de Gutenberg. Admisión de un enlace externo con el editor clásico, agregaré un enlace externo. Estos son los campos para un enlace externo:

Cuando agrega la URL, los campos se actualizarán automáticamente, lo mismo que un enlace interno. Luego puede hacer cualquier cambio que desee antes de insertarlo en la página o en su publicación también tiene la opción de rescate de imágenes local en el editor clásico. La personalización de la plantilla y el cuadro de conexión visual de la barra de configuración de bloques también incluye una sección de estilo en la parte inferior, donde puede elegir entre la configuración predeterminada o el shablon simple. Sin embargo, está confundido porque en realidad son los mismos. Explicaré más en un bit. Primero, ingresemos la forma de personalizar el cuadro de vista previa del enlace.

Desde la sección de estilo respectivo, haga clic en el cambio de estilo de plantilla. Se abrirá una nueva página donde puede crear una plantilla personalizada (puede llegar aquí a través de la configuración del complemento). Una vez más, las personalizaciones son simples, explicativas y simples, por lo que debe tener un momento fácil para encontrar. Así es como se ve la plantilla después de jugar con algunas personalizaciones:

No es bueno.Una parte del problema es que el texto de vista previa es demasiado largo.Volver a su publicación o página, si hace clic en el bloque, el editor debe aparecer en la barra lateral derecha.Luego puede acceder a la sección de contenido y hacer clic en el título y extraer campos para hacer cambios.En lugar de usar una miniatura, volví a la página de personalización de la plantilla e introduje un tamaño personalizado para la imagen, que la convirtió en un cuadrado (y, afortunadamente, un perfectamente cortado).Jugué con el título y la copia más, de modo que tenía un mejor tamaño en el bloque y al lado de la imagen.Esta es mejor:

Puede pasar mucho tiempo descubriendo las personalizaciones correctas y debería, especialmente porque solo puede crear una plantilla personalizada. La vista previa de las personalizaciones de la plantilla no puede ver una vista previa en vivo al personalizar la plantilla. Debe tener la publicación o la página abierta en una nueva ventana, realizar los cambios en la página de personalización de la plantilla y luego hacer clic en la publicación o la página. Cambie de un lado a otro entre las dos plantillas desplegables (recuerde, en realidad no son diferentes), actualiza el cuadro para que pueda ver los últimos cambios. Cómo recuperar el estilo predeterminado para asumir que realiza muchos cambios y luego se da cuenta de que prefiere el estilo predeterminado. Si deja el uso de estilo personalizado en la configuración de la plantilla, la configuración personalizada se aplicará cuando regrese a su página, ya sea que seleccione el uso predeterminado desde la configuración o simplemente en el menú de plantilla (como dije, confundido). Si desea volver a los valores implícitos del complemento, puede acceder a la configuración de la plantilla y puede deshabilitar el botón de uso de estilo personalizado. Todas tus personalizaciones

Estarán allí si desea volver a cambiarlo, pero esto le permitirá usar los valores implícitos del complemento si prefiere cómo se ve. Las desventajas del complemento Visual Preducent Visual Plugin Preciaw es un complemento simple y directo que hace lo que dice que hará y es muy fácil aprender a usarlo. Sin embargo, debido a que es tan simple, falta en algunas áreas que podrían usar mejoras. No hay un menú desplegable con todo su contenido. Quería esta opción en lugar de tener que recordar el nombre de una publicación o página de blog para agregar como enlace. No puede ver una vista previa en vivo de la plantilla personalizada. Es lo suficientemente extraño como para avanzar y volver entre la publicación y la configuración de plantilla cada vez que desea ver si es la cantidad perfecta de relleno o qué tipo de borde usar. Puede crear una sola plantilla personalizada. Esta es la mayor desventaja del complemento. No puede crear más plantillas y luego elegir la que utiliza para que coincida con una determinada página, publicación de blog o tipo de enlace. Además, no puede establecer algunos cuadros de vista previa para usar la plantilla personalizada y otras para usar los valores implícitos del complemento: es uno u otro. La conclusión entre sí, incluso a pesar de sus desventajas, me gustó la vista previa del enlace del complemento visual. Es una brisa total configurar y usar, sin importar el editor que prefiera trabajar: Gutenberg o Classic.