{"id":235641,"date":"2021-11-27T13:15:00","date_gmt":"2021-11-27T10:15:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=235641"},"modified":"2022-05-16T14:37:45","modified_gmt":"2022-05-16T11:37:45","slug":"como-agregar-un-boton-a-cualquier-publicacion-o-pagina","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-agregar-un-boton-a-cualquier-publicacion-o-pagina\/","title":{"rendered":"C\u00f3mo agregar un bot\u00f3n a cualquier publicaci\u00f3n o p\u00e1gina"},"content":{"rendered":"<p>\u00bfEn qu\u00e9 preferir\u00edas hacer clic, el enlace simple o el bot\u00f3n?<\/p>\n<p><a href=\"https:\/\/www.competethemes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Haz<\/a> \u00a0\u00a0<a href=\"https:\/\/www.competethemes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">clic en m\u00ed,<\/a> <a href=\"https:\/\/www.competethemes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">haz<\/a> <a href=\"https:\/\/www.competethemes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">clic en m\u00ed<\/a><\/p>\n<p>Ambos te llevan al mismo lugar, pero el bot\u00f3n se ve mejor y m\u00e1s accesible. Reemplazar enlaces simples con botones puede generar m\u00e1s clics y hacer que su p\u00e1gina se vea mejor.<\/p>\n<p>En esta publicaci\u00f3n, aprender\u00e1 c\u00f3mo agregar botones con cualquier color y estilo imaginables a cualquier publicaci\u00f3n o p\u00e1gina en su sitio de WordPress.<\/p>\n<h2>Actualizaci\u00f3n: prueba Elementor<\/h2>\n<p>\u00a1Hay otra excelente manera de agregar botones a WordPress!<\/p>\n<p>El complemento gratuito <a href=\"http:\/\/link.competethemes.com\/elementor-add-button\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor<\/a> es una soluci\u00f3n completa de creaci\u00f3n de p\u00e1ginas de arrastrar y soltar, pero tambi\u00e9n puede manejar tareas simples como agregar botones a sus publicaciones f\u00e1cilmente.<\/p>\n<p>As\u00ed es c\u00f3mo\u2026<\/p>\n<h3>Editar con Elementor<\/h3>\n<p>Con el complemento Elementor instalado, encontrar\u00e1 un nuevo bot\u00f3n Editar con Elementor agregado a todas sus publicaciones y p\u00e1ginas.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d849b9836.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d849b9836.png\" alt=\"C\u00f3mo agregar un bot\u00f3n a cualquier publicaci\u00f3n o p\u00e1gina\"><\/a><\/p>\n<p>Haga clic en este bot\u00f3n y acceder\u00e1 al editor de Elementor, que se parece mucho al personalizador nativo que se encuentra en WordPress.<\/p>\n<p>En el lado izquierdo se encuentra el panel de control donde se pueden encontrar todos los elementos disponibles. El elemento de bot\u00f3n est\u00e1 disponible en la secci\u00f3n Elementos b\u00e1sicos.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d84d534ef.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d84d534ef.png\" alt=\"C\u00f3mo agregar un bot\u00f3n a cualquier publicaci\u00f3n o p\u00e1gina\"><\/a><\/p>\n<p>Haga clic y arrastre el elemento del bot\u00f3n en cualquier lugar de la publicaci\u00f3n y ver\u00e1 que se agrega autom\u00e1ticamente a su publicaci\u00f3n. Una vez agregado, ver\u00e1 la actualizaci\u00f3n del panel izquierdo con la configuraci\u00f3n para modificar el bot\u00f3n.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d8509ad17.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d8509ad17.png\" alt=\"C\u00f3mo agregar un bot\u00f3n a cualquier publicaci\u00f3n o p\u00e1gina\"><\/a><\/p>\n<p>El bot\u00f3n es verde por defecto, pero se puede cambiar f\u00e1cilmente.<\/p>\n<p>Como puede ver, es f\u00e1cil editar el texto del bot\u00f3n y la URL, as\u00ed como algunas otras opciones como la alineaci\u00f3n del texto y la opci\u00f3n de agregar un icono.<\/p>\n<p>Hay muchas m\u00e1s opciones disponibles en las pesta\u00f1as Estilo y Avanzado del panel de configuraci\u00f3n.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d85528ad4.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d85528ad4.png\" alt=\"C\u00f3mo agregar un bot\u00f3n a cualquier publicaci\u00f3n o p\u00e1gina\"><\/a><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d85927c1e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d85927c1e.png\" alt=\"C\u00f3mo agregar un bot\u00f3n a cualquier publicaci\u00f3n o p\u00e1gina\"><\/a><\/p>\n<p>Como puede ver, puede crear cualquier tipo de bot\u00f3n que pueda imaginar usando <a href=\"http:\/\/link.competethemes.com\/elementor-add-button\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Elementor<\/a>.<\/p>\n<p>Este complemento puede ser un poco exagerado para simplemente incluir un bot\u00f3n en una publicaci\u00f3n, pero creo que podr\u00eda estar entusiasmado con todas las otras posibilidades que vienen con este complemento.<\/p>\n<p>Si est\u00e1 interesado en aprender m\u00e1s sobre c\u00f3mo usar Elementor en su sitio, eche un vistazo a nuestra <a href=\"https:\/\/themewp.inform.click\/es\/como-utilizar-el-complemento-elementor-page-builder\/\" title=\"gu\u00eda completa de creaci\u00f3n de p\u00e1ginas de Elementor\">gu\u00eda completa de creaci\u00f3n de p\u00e1ginas de Elementor<\/a>.<\/p>\n<h3>Agregar botones dentro del contenido de la publicaci\u00f3n<\/h3>\n<p>Dado que Elementor es un creador de <a href=\"https:\/\/themewp.inform.click\/es\/los-5-mejores-complementos-de-creacion-de-paginas-2021\/\" title=\"p\u00e1ginas\">p\u00e1ginas<\/a> y tiene su propio sistema de elementos, notar\u00e1 de inmediato que no puede agregar botones dentro del contenido de la publicaci\u00f3n, solo antes o despu\u00e9s.<\/p>\n<p>La soluci\u00f3n alternativa simple es copiar y pegar parte de la publicaci\u00f3n en un elemento del Editor de texto, y luego puede incluir cualquier elemento de Elementor antes o despu\u00e9s, como un bot\u00f3n.<\/p>\n<p>Ahora, aqu\u00ed est\u00e1 el m\u00e9todo original recomendado en esta publicaci\u00f3n para agregar botones a sus publicaciones y p\u00e1ginas.<\/p>\n<h2>C\u00f3mo usar Shortcodes Ultimate<\/h2>\n<p>La forma m\u00e1s f\u00e1cil de agregar botones elegantes a sus publicaciones y p\u00e1ginas es con el complemento <a href=\"https:\/\/wordpress.org\/plugins\/shortcodes-ultimate\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Shortcodes Ultimate<\/a>.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/shortcodes-ultimate\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d85d1bc61.png\" alt=\"C\u00f3mo agregar un bot\u00f3n a cualquier publicaci\u00f3n o p\u00e1gina\" \/><\/a><\/p>\n<p>Este complemento es asombroso.<\/p>\n<p>Encontrar\u00e1 muchos otros usos para Shortcodes Ultimate, pero lo m\u00e1s importante es que facilita la creaci\u00f3n de botones. Aqu\u00ed hay una captura de pantalla del complemento con algunos ejemplos de los distintos estilos de botones.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d861412d9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d861412d9.png\" alt=\"C\u00f3mo agregar un bot\u00f3n a cualquier publicaci\u00f3n o p\u00e1gina\"><\/a><\/p>\n<p>Puede mezclar y combinar colores, tama\u00f1os, estilos de fondo, cualquier propiedad que pueda tener un bot\u00f3n.<\/p>\n<p>\u00bfNo est\u00e1s seguro de c\u00f3mo usar c\u00f3digos cortos? Eche un vistazo a este <a href=\"https:\/\/themewp.inform.click\/es\/como-agregar-contenido-dinamico-con-codigos-cortos\/\" title=\"tutorial sobre c\u00f3digos cortos\">tutorial sobre c\u00f3digos cortos<\/a>.<\/p>\n<p>Probablemente est\u00e9 ansioso por comenzar ahora, as\u00ed que aqu\u00ed est\u00e1 el paso a paso sobre c\u00f3mo puede usar este complemento de bot\u00f3n en su sitio.<\/p>\n<h3>Instalar y activar<\/h3>\n<p>Busque &quot;Shortcodes Ultimate&quot; en el men\u00fa de complementos e inst\u00e1lelo como cualquier otro complemento de WordPress.<\/p>\n<p>La activaci\u00f3n del complemento agregar\u00e1 un nuevo men\u00fa de nivel superior a su tablero.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d864eef62.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d864eef62.png\" alt=\"C\u00f3mo agregar un bot\u00f3n a cualquier publicaci\u00f3n o p\u00e1gina\"><\/a><\/p>\n<h3>Utilice el bot\u00f3n insertar c\u00f3digo corto<\/h3>\n<p>Shortcodes Ultimate tambi\u00e9n agrega un nuevo bot\u00f3n Insertar c\u00f3digo corto al editor.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d86822c7c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d86822c7c.png\" alt=\"C\u00f3mo agregar un bot\u00f3n a cualquier publicaci\u00f3n o p\u00e1gina\"><\/a><\/p>\n<p>Al hacer clic en este bot\u00f3n, se revelar\u00e1 la gran variedad de tipos de contenido disponibles en Shortcodes Ultimate, incluida la opci\u00f3n de bot\u00f3n que necesitamos.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d86b679cd.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d86b679cd.png\" alt=\"C\u00f3mo agregar un bot\u00f3n a cualquier publicaci\u00f3n o p\u00e1gina\"><\/a><\/p>\n<p>Una vez que seleccione el c\u00f3digo corto del bot\u00f3n, ser\u00e1 llevado directamente a la pantalla de configuraci\u00f3n del bot\u00f3n.<\/p>\n<p>Shortcodes Ultimate tambi\u00e9n tiene <a href=\"https:\/\/gndev.info\/shortcodes-ultimate\/add-ons-bundle\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">complementos premium<\/a> que agregan a\u00fan m\u00e1s tipos y estilos de shortcode.<\/p>\n<h3>Configurar el bot\u00f3n<\/h3>\n<p>Hay una enorme cantidad de configuraciones que puedes usar para personalizar cada bot\u00f3n que haces, incluyendo:<\/p>\n<ul>\n<li>Color de fondo<\/li>\n<li>Bot\u00f3n de texto<\/li>\n<li>Color de texto<\/li>\n<li>Enlace de bot\u00f3n<\/li>\n<li>Iconos<\/li>\n<\/ul>\n<p>Tom\u00e9 una captura de pantalla de toda la secci\u00f3n de estilo, pero es demasiado grande para incluirla en la publicaci\u00f3n. Puede hacer <a href=\"https:\/\/mlqmtwka8c9g.i.optimole.com\/gOh5_1g.Ga1T~1cfa5\/w:auto\/h:auto\/q:75\/https:\/\/www.competethemes.com\/wp-content\/uploads\/2017\/03\/button-style-settings.png\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">clic aqu\u00ed para ver<\/a> la p\u00e1gina de configuraci\u00f3n de estilo completa.<\/p>\n<h3>Revisa e inserta el bot\u00f3n<\/h3>\n<p>A medida que cambia el estilo, puede usar el bot\u00f3n Vista previa en vivo en la parte inferior para ver r\u00e1pidamente c\u00f3mo se ver\u00e1 su bot\u00f3n.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d86e78fa8.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d86e78fa8.png\" alt=\"C\u00f3mo agregar un bot\u00f3n a cualquier publicaci\u00f3n o p\u00e1gina\"><\/a><\/p>\n<p>Cuando haya terminado, puede guardar su bot\u00f3n como un ajuste preestablecido para que pueda volver a usar el mismo estilo en otra parte de su sitio.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d871978f5.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d871978f5.png\" alt=\"C\u00f3mo agregar un bot\u00f3n a cualquier publicaci\u00f3n o p\u00e1gina\"><\/a><\/p>\n<p>Por \u00faltimo, presione el bot\u00f3n Insertar c\u00f3digo corto y se agregar\u00e1 un c\u00f3digo corto para el bot\u00f3n.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d877d255f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-224114-6171d877d255f.png\" alt=\"C\u00f3mo agregar un bot\u00f3n a cualquier publicaci\u00f3n o p\u00e1gina\"><\/a><\/p>\n<p>Si bien solo ver\u00e1 un c\u00f3digo corto en el editor, se representar\u00e1 como un bot\u00f3n exactamente igual al que obtuvo en la vista previa cuando visite la publicaci\u00f3n.<\/p>\n<h2>Agregar botones a WordPress<\/h2>\n<p>No necesita ser un maestro de CSS para comenzar a agregar botones atractivos a su sitio web de WordPress.<\/p>\n<p>Shortcodes Ultimate hace que la creaci\u00f3n de botones sea simple e incre\u00edblemente flexible. Y probablemente encontrar\u00e1 una docena de usos m\u00e1s una vez que lo haya instalado en su sitio.<\/p>\n<p>\u00bfTiene alguna pregunta sobre c\u00f3mo agregar botones a sus publicaciones y p\u00e1ginas? Deja un comentario a continuaci\u00f3n.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprenda a agregar botones a sus publicaciones y p\u00e1ginas de WordPress. Cree botones con cualquier texto y cualquier estilo con el uso de un complemento incre\u00edble.<\/p>\n","protected":false},"author":1,"featured_media":257500,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[546],"tags":[849],"class_list":["post-235641","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personalizar-wordpress","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/235641","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=235641"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/235641\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/257500"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=235641"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=235641"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=235641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}