{"id":367021,"date":"2023-02-05T20:11:00","date_gmt":"2023-02-05T17:11:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=367021"},"modified":"2023-02-05T20:11:10","modified_gmt":"2023-02-05T17:11:10","slug":"5-maneras-faciles-de-crear-botones-de-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/5-maneras-faciles-de-crear-botones-de-wordpress\/","title":{"rendered":"5 maneras f\u00e1ciles de crear botones de WordPress"},"content":{"rendered":"\n

Agregar botones en WordPress no siempre fue tan simple como cabr\u00eda esperar de una plataforma que, por lo dem\u00e1s, es tan f\u00e1cil de usar. Muchos usuarios de WordPress se sienten desconcertados cuando se enfrentan a la necesidad de botones en su sitio web de WordPress. Pero realmente no hay nada de qu\u00e9 preocuparse, agregar un bot\u00f3n no requiere ninguna habilidad o conocimiento especial<\/strong>, y compartiremos cuatro formas diferentes y simples de agregar botones a cualquier p\u00e1gina de su sitio web<\/strong>.<\/p>\n

En este art\u00edculo aprender\u00e1s lo siguiente:<\/p>\n

Por qu\u00e9 son \u00fatiles los botones<\/h2>\n

Cada bot\u00f3n es una llamada a la acci\u00f3n espec\u00edfica. Siguiendo esta l\u00f3gica, puede usar un bot\u00f3n siempre que desee dirigir el comportamiento de sus usuarios hacia un objetivo espec\u00edfico<\/strong>: leer alguna parte especial de un art\u00edculo, llevarlos a completar un formulario, enviarlos a un sitio web externo, p\u00e1gina de destino o otra p\u00e1gina de su sitio, o cualquier otra URL, etc. Los botones gritan por hacer clic, especialmente cuando est\u00e1n dise\u00f1ados y distribuidos de manera inteligente. Adem\u00e1s de pensar en su funci\u00f3n, tambi\u00e9n debes considerar cuidadosamente el dise\u00f1o de tus botones de WordPress<\/a>. Pueden mejorar y enriquecer significativamente la experiencia del usuario al mismo tiempo que lo ayudan a lograr su objetivo.<\/p>\n

C\u00f3mo agregar un bot\u00f3n en Elementor<\/h2>\n

Si por alguna raz\u00f3n prefiere trabajar con Elementor<\/a>, no tiene que cambiar sus h\u00e1bitos, tambi\u00e9n puede agregar f\u00e1cilmente un bot\u00f3n con Elementor. Este m\u00e9todo probablemente ser\u00e1 la primera opci\u00f3n de todos los principiantes. Veamos c\u00f3mo se hace.<\/p>\n

Despu\u00e9s de abrir su publicaci\u00f3n en Elementor, haga clic en el \u00edcono m\u00e1s para agregar un nuevo elemento<\/strong>.<\/p>\n

Luego ingrese "bot\u00f3n" en el campo de b\u00fasqueda<\/strong> en el men\u00fa de la izquierda y haga clic en la opci\u00f3n del bot\u00f3n cuando aparezca en el resultado de la b\u00fasqueda.<\/p>\n

\"5<\/a><\/p>\n

Notar\u00e1 varias opciones para la personalizaci\u00f3n de los botones:<\/p>\n

Tipo<\/strong>: esta opci\u00f3n le permite seleccionar el tipo de bot\u00f3n que desea crear y establece el color del bot\u00f3n en consecuencia. Si es un bot\u00f3n de informaci\u00f3n, ser\u00e1 azul. Si es un bot\u00f3n de advertencia, ser\u00e1 de color naranja y as\u00ed sucesivamente.<\/p>\n

Texto<\/strong>: aqu\u00ed es donde ingresa el texto que desea que se muestre en el bot\u00f3n.<\/p>\n

Enlace<\/strong>: aqu\u00ed es donde inserta la URL que desea abrir al hacer clic en el bot\u00f3n.<\/p>\n

Tama\u00f1o<\/strong>: puede seleccionar entre tama\u00f1os peque\u00f1o, mediano, grande y extrapeque\u00f1o\/grande para su bot\u00f3n.<\/p>\n

\u00cdcono<\/strong>: si desea agregar un \u00edcono para que el bot\u00f3n sea m\u00e1s atractivo, haga clic aqu\u00ed y podr\u00e1 elegir entre una variedad de \u00edconos predise\u00f1ados.<\/p>\n

Posici\u00f3n del icono<\/strong>: vea si el icono se ve mejor antes o despu\u00e9s del texto del bot\u00f3n.<\/p>\n

Espaciado de iconos<\/strong>: tambi\u00e9n puede establecer la distancia entre el icono y el texto del bot\u00f3n.<\/p>\n

\"5<\/a><\/p>\n

Puede modificar su bot\u00f3n usando las opciones de la pesta\u00f1a Estilo.<\/p>\n

\"5<\/a><\/p>\n

C\u00f3mo agregar un bot\u00f3n con Qi Addons para Elementor<\/h2>\n

\"5<\/a><\/p>\n

Qi Addons para Elementor<\/a> es un complemento incre\u00edblemente vers\u00e1til y f\u00e1cil de usar que viene con 60 widgets gratuitos y m\u00e1s de 40 premium y tambi\u00e9n incluye el widget de bot\u00f3n<\/strong>. Es una soluci\u00f3n muy elegante para agregar botones a su sitio web y puede elegir si desea agregar el widget de bot\u00f3n, el widget de<\/a> bot\u00f3n de informaci\u00f3n<\/a> o el incre\u00edble bot\u00f3n premium<\/a> a su p\u00e1gina desde el principio.<\/p>\n

Widget de bot\u00f3n<\/h3>\n

Despu\u00e9s de elegir el bot\u00f3n que desea crear, puede comenzar a personalizarlo seg\u00fan sus necesidades. Tiene dos configuraciones b\u00e1sicas para personalizar el contenido y el estilo y tambi\u00e9n hay opciones avanzadas que le permiten refinar a\u00fan m\u00e1s detalles. Sin embargo, en la mayor\u00eda de los casos, encontrar\u00e1 que las dos primeras configuraciones son suficientes para crear un bot\u00f3n hermoso y efectivo. Comencemos con la configuraci\u00f3n de contenido primero.<\/p>\n

\"5<\/a><\/p>\n

La configuraci\u00f3n de Contenido incluye configuraciones que le permiten definir el prop\u00f3sito del bot\u00f3n<\/strong>: aqu\u00ed es donde ingresa el texto que aparecer\u00e1 en el bot\u00f3n, elige el tipo de dise\u00f1o del bot\u00f3n, establece el enlace para la URL<\/strong> que desea que dirija el bot\u00f3n. y establezca si desea que la nueva URL se abra en la misma ventana o en una nueva. Tambi\u00e9n tienes la opci\u00f3n de elegir el tama\u00f1o y el tipo<\/strong> del bot\u00f3n aqu\u00ed.<\/p>\n

\"5<\/a><\/p>\n

La siguiente opci\u00f3n interesante es la opci\u00f3n Icono<\/strong> que le permite agregar un icono a su bot\u00f3n<\/strong>, ya sea desde la biblioteca de iconos o carg\u00e1ndolo desde su computadora.<\/p>\n

\"5<\/a><\/p>\n

La biblioteca de iconos<\/strong> tiene una gran variedad de iconos para ofrecer.<\/p>\n

\"5<\/a><\/p>\n

Sin embargo, si ya tiene un icono preparado, simplemente puede cargarlo desde su computadora y luego continuar configurando su posici\u00f3n y borde<\/strong>.<\/p>\n

\"5<\/a><\/p>\n

Tiene m\u00e1s opciones para refinar el aspecto de su bot\u00f3n y el icono a su disposici\u00f3n. Puede ajustar todos los detalles, como el color del texto, el ancho del borde, el radio y el color, el color de fondo y el relleno<\/strong>.<\/p>\n

\"5<\/a><\/p>\n

As\u00ed es como se ve el resultado en nuestro caso:<\/p>\n

\"5<\/a><\/p>\n

Widget de informaci\u00f3n del bot\u00f3n<\/h3>\n

Como mencionamos antes, QI Addons le permite elegir entre agregar botones y botones de informaci\u00f3n. Si opta por el bot\u00f3n de informaci\u00f3n, el procedimiento para configurarlo es pr\u00e1cticamente el mismo pero con una diferencia importante<\/strong>. La configuraci\u00f3n de contenido del bot\u00f3n de informaci\u00f3n incluye una opci\u00f3n para configurar el subtexto del bot\u00f3n. Este es el texto que aparecer\u00e1 debajo del texto principal del bot\u00f3n y puede usarlo para describir m\u00e1s detalladamente el prop\u00f3sito del bot\u00f3n<\/strong>.<\/p>\n

\"5<\/a><\/p>\n

Tambi\u00e9n puede personalizar la fuente y el color del subtexto. A continuaci\u00f3n puede ver c\u00f3mo se ve el resultado en nuestra p\u00e1gina:<\/p>\n

\"5<\/a><\/p>\n

C\u00f3mo agregar un bot\u00f3n con un complemento<\/h2>\n

MaxButton<\/a> es uno de los complementos m\u00e1s populares utilizados para agregar botones en WordPress. Es f\u00e1cil de usar y te permite a\u00f1adir un bot\u00f3n de forma sencilla<\/strong>, aunque no tan r\u00e1pido como te imaginas. Comienza como con cualquier otro complemento, instal\u00e1ndolo y activ\u00e1ndolo.<\/p>\n

\"5<\/a><\/p>\n

Despu\u00e9s de instalar y activar el complemento, en el men\u00fa del tablero de WordPress a la izquierda, ver\u00e1 la opci\u00f3n reci\u00e9n agregada para MaxButtons<\/strong>. Haga clic en Agregar nuevo para ir a la p\u00e1gina de configuraci\u00f3n donde puede crear un nuevo bot\u00f3n<\/strong>.<\/p>\n

\"5<\/a><\/p>\n

Encontrar\u00e1 una variedad de configuraciones y opciones disponibles para dise\u00f1ar su bot\u00f3n en esta p\u00e1gina. Aseg\u00farese de ingresar el nombre y el texto del bot\u00f3n y, por supuesto, la URL de la p\u00e1gina<\/strong> que desea abrir cuando se haga clic en el bot\u00f3n. Despu\u00e9s de decidir acerca de estas configuraciones b\u00e1sicas, puede continuar refinando el aspecto de su bot\u00f3n.<\/p>\n

\"5<\/a><\/p>\n

Despl\u00e1cese hacia abajo para ver todas las opciones que puede ajustar. Ver\u00e1 la configuraci\u00f3n para ajustar el borde del bot\u00f3n<\/strong>.<\/p>\n

\"5<\/a><\/p>\n

Tenga en cuenta que siempre puede echar un vistazo a la vista previa del bot\u00f3n<\/strong> en la ventana emergente en la esquina superior derecha de la p\u00e1gina de configuraci\u00f3n. A medida que se desplaza hacia abajo, aparecer\u00e1n m\u00e1s opciones, puede configurar f\u00e1cilmente el color de fondo de su bot\u00f3n, as\u00ed como la sombra del texto<\/strong> si lo desea.<\/p>\n

\"5<\/a><\/p>\n

No se preocupe si olvida hacer algunos ajustes aqu\u00ed, podr\u00e1 cambiar todos los detalles nuevamente mientras inserta el bot\u00f3n en la publicaci\u00f3n\/p\u00e1gina dedicada<\/strong>. Entonces, cuando est\u00e9 satisfecho con el aspecto de su bot\u00f3n, no olvide hacer clic en Guardar.<\/p>\n

\"5<\/a><\/p>\n

Ahora viene la parte donde insertas el bot\u00f3n en el art\u00edculo<\/strong>. Vaya a la nueva publicaci\u00f3n o edite la p\u00e1gina de publicaci\u00f3n desde el men\u00fa del panel de WP. Notar\u00e1s la nueva opci\u00f3n para agregar botones. Haga clic en \u00e9l y elija el bot\u00f3n que cre\u00f3 anteriormente<\/strong>.<\/p>\n

\"5<\/a><\/p>\n

Si cre\u00f3 m\u00e1s de una versi\u00f3n de bot\u00f3n, las ver\u00e1 todas aqu\u00ed. Elija el que desea insertar en el art\u00edculo especificado.<\/p>\n

\"5<\/a><\/p>\n

Y as\u00ed es como se ve el resultado en nuestro caso.<\/p>\n

\"5<\/a><\/p>\n

Hay muchas m\u00e1s opciones para la personalizaci\u00f3n de botones disponibles con este complemento. Quer\u00edamos cubrir los pasos b\u00e1sicos y luego, cuando se sienta lo suficientemente seguro, puede continuar explorando todas las posibilidades que ofrece esta herramienta. Una cosa es segura, es f\u00e1cil de usar y lo dominar\u00e1s r\u00e1pidamente.<\/p>\n

Otra forma de agregar botones en Elementor es copiar el c\u00f3digo abreviado en el widget de c\u00f3digo abreviado<\/strong>, pero seguramente esa no es la mejor soluci\u00f3n para los usuarios de Elementor.<\/p>\n

\"5<\/a><\/p>\n

C\u00f3mo agregar un bot\u00f3n en Gutenberg Editor<\/h2>\n

Agregar un bot\u00f3n con el editor Gutenberg es incre\u00edblemente f\u00e1cil. Aunque no ofrece tantas opciones como el complemento, si desea una soluci\u00f3n simple y elegante, esta es una buena opci\u00f3n.<\/p>\n

Entonces, lo primero que debe hacer es hacer clic en el \u00edcono m\u00e1s para agregar un bloque<\/strong>. Luego busque el bloque Bot\u00f3n.<\/p>\n

\"5<\/a><\/p>\n

Al hacer clic en el icono del bot\u00f3n, aparecer\u00e1 un bot\u00f3n con un men\u00fa arriba<\/strong>. Simplemente ingrese el texto que desea que aparezca en el bot\u00f3n en el campo del bot\u00f3n y arriba puede configurar el enlace, elija una de las tres alineaciones<\/strong> disponibles para determinar la posici\u00f3n del bot\u00f3n, configure el estilo, color, fuente del bot\u00f3n y algunos detalles mas.<\/p>\n

\"5<\/a><\/p>\n

Abajo puedes ver el bot\u00f3n que creamos de esta manera.<\/p>\n

\"5<\/a><\/p>\n

Si\u00e9ntase libre de investigar todas las opciones disponibles y disfrute de la simplicidad del procedimiento.<\/p>\n

El complemento Max tambi\u00e9n se puede usar para agregar botones en Gutenberg. Viene con el bloque de botones<\/strong> incluido y el procedimiento tambi\u00e9n es muy sencillo. Simplemente haga clic en la opci\u00f3n de bloque MaxButtons y el bot\u00f3n archivado se mostrar\u00e1 para que pueda comenzar a personalizarlo.<\/p>\n

\"5<\/a><\/p>\n

C\u00f3mo agregar un bot\u00f3n en Gutenberg Editor con el complemento Ultimate Blocks<\/h2>\n

Si el bot\u00f3n predeterminado en Gutenberg no satisface sus necesidades, puede considerar el complemento Ultimate Blocks<\/a>.<\/p>\n

El complemento viene con un bloque de bot\u00f3n mejorado que viene con algunas opciones de personalizaci\u00f3n muy buenas<\/strong>.<\/p>\n

Te permite elegir el tama\u00f1o del bot\u00f3n entre 4 opciones diferentes<\/strong>: Peque\u00f1o, Mediano, Grande y Extra Grande.<\/p>\n

Adem\u00e1s, tambi\u00e9n puedes optar por hacer los botones redondeados o cuadrados<\/strong>. Por \u00faltimo, tambi\u00e9n puede agregar un \u00edcono a su bot\u00f3n<\/strong> para que se vea m\u00e1s cautivador.<\/p>\n

Para usar el bloque Bot\u00f3n mejorado en Gutenberg, todo lo que tiene que hacer es instalar el complemento Ultimate Blocks y hacer clic en el icono (+) y buscar ‘Bot\u00f3n’.<\/p>\n

\"5<\/a><\/p>\n

Una vez que se agrega el bloque, puede personalizarlo seg\u00fan sus necesidades cambiando sus colores, tama\u00f1o, icono y estilo.<\/p>\n

\"5<\/a><\/p>\n

En conclusi\u00f3n<\/h2>\n

Como puede ver, agregar un bot\u00f3n en WordPress no es ciencia espacial. Los cuatro m\u00e9todos que describimos aqu\u00ed son f\u00e1ciles y c\u00f3modos para los principiantes. La elecci\u00f3n depende de cu\u00e1nta personalizaci\u00f3n necesite y cu\u00e1nto tiempo y esfuerzo quiera invertir en crear un bot\u00f3n. Si necesita m\u00e1s orientaci\u00f3n sobre este tema, \u00a1h\u00e1ganoslo saber en la secci\u00f3n de comentarios!<\/p>\n

Fuente de grabaci\u00f3n: wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Elija una de las cuatro formas f\u00e1ciles de crear botones de WordPress efectivos en su sitio web.<\/p>\n","protected":false},"author":1,"featured_media":364273,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[566],"tags":[849],"class_list":["post-367021","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conceptos-basicos-de-wordpress","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/367021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=367021"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/367021\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/364273"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=367021"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=367021"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=367021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}