Si eres como la mayoría bloggers principiantes e incluso intermedio, entonces definitivamente no tienes conocimiento de HTML/CSS. Varios bloggers (como yo) prefiero usar plugins que les permiten agregar botones a sus publicaciones o páginas usando códigos cortos. Pero estos códigos cortos, códigos cortos, son difíciles de recordar y difíciles de configurar.

En este artículo, le mostraremos cómo añadir botones WordPress sin usar shortcodes.

Si eres nuevo en el mundo de WordPress, descubre ¿Cómo instalar un blog de WordPress pasos 7

Lo primero que debe hacer es instalar y activar el plugin « Olvidarse de código corto Botones ".

Una vez que haya activado esto plugin, solo necesitarás crear un nueva publicación o modificar uno ya existente, y verá un nuevo botón en el editor visual con el título « Insertar botón » (Añadir un botón).

Para insertar un nuevo botón en su publicación o página, debe hacer clic en el botón Insertar un botón. Esto abrirá una ventana donde puede diseñar su nuevo botón.

Todo lo que necesita hacer es agregar el texto del botón y la URL, luego seleccionar el texto y los colores de fondo. Luego haga clic en el menú desplegable de la opción "Tipo"Para elegir la forma de su botón. También puede elegir el tamaño del botón.

Completa tu conocimiento descubriendo ¿Cómo usar y manejar códigos cortos WordPress

Si hace clic en la pestaña « Ícono », podrá ver los iconos que puede agregar antes o después del texto de sus botones. Estas iconos son más exactamente iconos-fuentes.

Durante el proceso de creación del botón, podrá tener una vista previa en tiempo real de cada uno de sus cambios. Una vez que esté satisfecho con el aspecto, simplemente haga clic en insertar.

Mira este artículo y admira Cómo mejorar el diseño de sus artículos de WordPress con estos códigos cortos gratis

También puede elegir los métodos de alineación del editor para alinear el botón con el centro, la izquierda o la derecha. Haga doble clic en el botón para que aparezca la ventana de edición del botón y podrá editar el botón si lo desea.

En este nivel, ahora tiene la opción de agregar botones a WordPress sin usar códigos abreviados. Pero antes de dejarte, te sugerimos consultar dos plugins de WordPress premium que le permitirá administrar eficientemente los códigos cortos.

1. WPBakery Page Builder

WPBakery Page Builder, anteriormente conocido como Visual Composer, es otro creador de páginas premium y extremadamente popular. Gran parte de esta popularidad proviene del hecho de que WPBakery Page Builder viene con casi el 99% de la Temas de WordPress por ThemeForest. Pero el hecho es que se usa en una gran cantidad de sitios web.

Al igual que Divi Builder, WPBakery Page Builder le permite tanto la edición visual como la edición de back-end. En comparación con algo como Elementor o Divi Builder, las opciones de estilo de WPBakery Page Builder son un poco limitadas. Tienes un buen control sobre las líneas, pero las opciones de estilo para los elementos individuales son un poco más limitadas.

Si desea usar su propio CSS, puede agregar una clase o ID de CSS personalizado a elementos individuales, o puede agregar estilos reales al nivel de la página.

No estoy seguro de que WPBakery Page Builder tenga características únicas que son particularmente notables. Pero lo que tiene es una gran comunidad de extensiones. Al igual que Divi Builder, WPBakery Page Builder deja una multitud de códigos cortos en su contenido si lo desactiva. Descubre el tutorial

Descargar | Demo | alojamiento web

2. Divi Builder

Divi Builder es un creador de páginas de alta calidad altamente valorado por Elegant Themes. Aunque generalmente se usa como parte del tema WordPress Divi, Divi Builder también es un complemento independiente que puede usar en otros Temas de WordPress.

A diferencia de los dos constructores anteriores, Divi Builder le permite editar su contenido utilizando una interfaz visual en el front-end, así como una interfaz en el back-end, aunque la mayoría de los usuarios prefieren la primera interfaz. .

Básicamente, en lugar de las barras laterales, todo está en ventanas emergentes y botones flotantes. Le da acceso a 316 plantillas prediseñadas distribuidas en 40 paquetes de presentación diferentes, así como la capacidad de guardar sus propios diseños como plantillas.

Uno de los rasgos de Divi siempre ha sido el control de los estilos que te da. En tres pestañas diferentes, puede configurar varios ajustes, incluidos controles receptivos, espaciado personalizable y más.

Incluso puede agregar CSS personalizado, ya que su editor de CSS incluye validación básica y autocompletado. Una de las críticas a Divi Builder siempre ha sido que se basa en códigos cortos. Lo que significa que si alguna vez lo apagas, dejará un montón de códigos cortos en tu contenido. Aunque esto es un poco deprimente, es un problema menor ahora que existen complementos como Shortcode Cleaner. 

Descargar | Demo | alojamiento web

Otros recursos recomendados

Vaya más allá en el dominio de su sitio web de WordPress consultando también estos recursos recomendados.

• Botones de llamada a la acción Vol.III
• Botones Premium Web 2.0 Call to Action
• Los mejores complementos de WordPress para su sitio web por los más vendidos

Conclusión

Listo ! Esperamos que este artículo lo ayude a agregar botones a WordPress sin usar shortcodes. Si tiene alguna sugerencia o comentario, serán bienvenidos.

También te invitamos a consultar nuestro recursos si eres un blogger principiante. Pero, nTe instamos a comparte este artículo en tus diferentes redes sociales.

...