Agregue hermosas cajas de pros y contras en WordPress con estos complementos

Cuando se escribe comentario o mensajes de comparación, donde es necesario resaltar el bueno y el malo del producto o servicio ofrecido, it’s a good idea to add a Pros and Cons plugin, to show standardized boxes at the bottom of your posts.

Cuando vi por primera vez el editor de Gutenberg, lo odiaba.

Al instante me busqué una solución para traer de vuelta el viejo aspecto de mi post de WordPress backend. Una mirada estaba tan cómodo con, un consuelo construido durante más de 15 años.

Por suerte yo no estaba solo y yo estaba más que feliz cuando vi que los chicos de reflexión en WordPress hicieron un plugin llamado editor de la obra clásica.

Yo era escéptico sobre el nuevo editor de bloques, con todas las páginas populares constructores por ahí, Hoy no es el WordPress? ¿Cómo iban a competir con Elementor o de WPBakery funciones de gran alcance?

pros y contras ejemplos Gutenberg

El tiempo pasaba y yo seguía ignorando el editor de Gutenberg. Un día he instalado una nueva copia de WordPress en un nuevo sitio que estaba empezando a continuación,, y yo pensé que le daría una oportunidad.

Primero, lo odiaba, pero luego poco a poco empecé a probar nuevos complementos, nuevos bloques, diferentes estilos, para darse cuenta un día que esto es el futuro de WordPress y la construcción de página.

Todavía estoy de cambiar al editor de bloques de aquí en wpctrl.com, ya que hay una gran cantidad de mensajes que utilizan códigos cortos viejos y tengo que revisar manualmente todos y cada uno de ellos, pero estoy en el proceso.

This post is made with the Blocks editor!

Empecemos con los Pros & Contras Ejemplos (edición de Gutenberg)

Cuando se olvidan los viejos hábitos en el ‘Edit Post’ pantalla, el TinyMCE, Cajas meta, etcétera, y acostumbrarse al editor de módulos, Lo amarás.

primero, ir y agarrar un poco de complemento complementos que se necesitan para estos ejemplos gratuita.

Plugins utilizados en el tutorial:


Qi Blocks – Descarga gratis
Getwid blocks – Descarga gratis

Método #1 – Using QI Blocks

This is my first suggestion to create a Pros and Cons section for your reviews with Gutenberg blocks.

Ejemplo:

gesture-46-filled

Pros

– Gratis
– Buen precio
Optimized

gesture-47-filled

Contras

Bad quality
Poor Support
– Caro

The section above is made with the free plugin QI Blocks.

Aquí es el proceso exacto:

Elija su lugar deseado para colocar las cajas en su entrada y haga clic en el signo ‘+’ firmar para añadir un nuevo bloque.

You can add a column and split it into two halves.

Once you have the two columns, select the first one, which would be your PROS box, and click on the plus sign to add a new block to it.

Use the search bar and typeMessage boxes.

From here you only have to change the colors, and add the list of pros and cons.

For the example above I used free SVG icons from dryicons.com.

Método #2 – El uso de bloques Getwid

ejemplo vivo:

Pros

Buen precio

Un buen apoyo

Buena calidad

Contras

Precio alto

Soporte mal

Mala calidad

Éste es bastante fácil de obtener, así.

Haga clic en el signo más en su puesto o página para agregar un nuevo bloque. Encuentra las Getwid bloques y seleccione el icono de la caja en el menú Getwid.

In the block options on the right side of your screen apply the following settings:

  • En el pestaña General seleccione el icono de la primera columna y la alineación de contenido.
  • En el ficha de estilo, se puede ajustar el tamaño de los iconos, colores de tanto el icono como el icono de fondo, el radio y el espacio alrededor del icono (rellenos)
  • En el lengüeta avanzada, usted tiene la opción de establecer añadir un enlace a su icono. Dejar en blanco, porque no tiene ningún sentido

Leé esto primero!

At the time of writing this article, No he podido encontrar ningún plugin para hacer lo que estoy describiendo a continuación. Pero luego comenzaron a aparecer nuevos complementos, para hacer listas de pros y contras aún mejores, and what’s more important is to make them easier!

Así que los recopilé y los agregué a la publicación a continuación..

ChequeJoomDev WP Pros & Contras!

Vea la lista de complementos de pros y contras y decida usted mismo. Si te gusta la mía mejor, feel free to use it. Disfrutar!

Mejores Pros GRATIS & Contras plugins

Pros&Cons is a powerful element in your affiliate product reviews and is known for increasing the conversion rate, además de ser un gran elemento fácil de usar. Users tend to skip long articles and search directly for conclusions or sum-ups.

1. Mighty Classic Pros y contras

Este fue uno de los primeros complementos que se supone que hacen precisamente eso – mostrando listas de pros y contras con un simple botón de llamada a la acción.

El complemento gratuito proporciona un código corto y está diseñado para funcionar con el editor clásico de WordPress..

Si desea utilizar la función en el editor de Gutenberg, necesitará obtener el Mighty Pros & Contras

Ver la demostración

2. Pros de i2 & Contras

Pros de i2 & Contras

Puede usar el código corto antiguo o editar la lista visualmente en bloques de Gutenberg.

The pros and cons have multiple styles to choose from. Puedes cambiar los colores, iconos, estilo de botón, y más.

Ver la demostración

Pros y contras del bricolaje (Old Classic Editor)

Yo te mostraré una manera fácil de hacer esto, sin escribir o editar cualquier tipo de código.

Esto es lo que se obtiene al final…

Pros & Contras Cajas de WordPress

Una vez que se obtiene un par de cajas buscando la manera deseada, puede guardarlo en un proyecto posterior y más tarde sólo debes copiar y pegar a sus nuevas opiniones sólo por la sustitución de los atributos en ella.

The plugins I’m about to show are not specially designed for this purpose. Cuando por primera vez me encontré con este, Yo estaba buscando una manera de mostrar dos simples cajas con una lista de corta 2-3 palabras frases en ellas.

My research returned no satisfying results, ya que parecía que no había pros y contras gratuito dedicado el plugin para lo que quería.

So how did I manage to create my pros&Contras cajas?

Actualizar: This plugin is no longer updated, it’s not recommended to use it anymore.

He utilizado un plug-in gratuito llamado: Olevmedia Shortcodes.

Este complemento también presenta muchos otros códigos cortos, but the one we are going to use for this task is the “Box”!

También puede utilizar el Olevmedia Shortcodes para la creación de una Botón CTA por sus comentarios!

But first things first.

Antes de saltar a la caja de código corto, añadiremos dos 1/2 columnas a nuestra página. También puede usar el complemento Olevmedia Shortcodes para esto, o el propio código corto columna de su tema. De esta manera nos aseguramos de pantalla sensible adecuada en dispositivos móviles, así como los tamaños, incluso de las cajas.

Select the “plus” icono del editor. In the dropdown menu select “Columns”, then choose “One halfand Insert it into your work page. Después de que hacen lo mismo, but this time tick the “last column” casilla de verificación para que aparezca esta columna al lado de su primera.

Vamos a ir al grano ahora y crear las cajas reales…

La cabeza de nuevo a la ‘Plus” icon in your visual editor and choose the “Box” Código corto. Usted debe obtener esta pantalla después de hacer clic en él:

Como se puede ver, tenemos opciones de personalización, lo que vamos a ver en la próxima.

Replace the “Here is the content” con sus pros deseados o textos contras y los puso en una lista con viñetas, directamente desde el editor de WordPress en el modo Visual. Usted debe obtener algo como esto:

Ahora puede duplicar el código corto arriba y simplemente cambiar el color, icono, and name to “Cons”. Ahora usted tiene las dos cajas – Pros & Contras. Finalmente, we have to put them in each of to columns we created in the beginning.

Felicitaciones! You are ready to create awesome reviews.

Grabar su preset en un borrador de página o por correo a estar listo para su uso. Just make sure to paste it in “Text” modo, cada vez que lo utilice en un puesto real, para evitar cualquier código rupturas.

Divulgación: Algunos de los enlaces de la página pueden contener un código de referencia. (enlaces de afiliados), que le dice al otro lado que te hemos enviado. Si te gustó lo que te proponemos y realizas una compra, podemos recibir una comisión.

Daniel Adamo
Daniel es un creador de contenido especializado en temas y complementos de WordPress.. Escribe guías y tutoriales detallados para ayudar tanto a principiantes como a profesionales a aprovechar WordPress al máximo.. En su tiempo libre, Daniel actúa como voluntario para organizaciones sin fines de lucro.. Él cree que las plataformas de código abierto como WordPress son herramientas importantes para empoderar causas y comunidades en todo el mundo..
WPCtrl.com