{"id":254214,"date":"2022-04-04T16:34:00","date_gmt":"2022-04-04T13:34:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=254214"},"modified":"2022-05-16T14:53:15","modified_gmt":"2022-05-16T11:53:15","slug":"como-agregar-columnas-a-las-publicaciones-de-wordpress-con-gutenberg","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-agregar-columnas-a-las-publicaciones-de-wordpress-con-gutenberg\/","title":{"rendered":"C\u00f3mo agregar columnas a las publicaciones de WordPress con Gutenberg"},"content":{"rendered":"<p>\u00bfHas estado usando WordPress por un tiempo?<\/p>\n<p>Si es as\u00ed, probablemente hayas buscado en Google esto antes.<\/p>\n<p>Agregar columnas a publicaciones y p\u00e1ginas ha sido un gran dolor durante a\u00f1os. Pero est\u00e1s de suerte &#8230;<\/p>\n<p>El nuevo <a href=\"https:\/\/themewp.inform.click\/es\/como-usar-el-editor-de-bloques-de-wordpress-la-guia-esencial-de-gutenberg\/\" title=\"editor de publicaciones de WordPress de Gutenberg\">editor de publicaciones de WordPress de Gutenberg<\/a> tiene columnas integradas y funcionan muy bien.<\/p>\n<p>En esta publicaci\u00f3n, aprender\u00e1 c\u00f3mo agregar &quot;bloques&quot; de columnas con Gutenberg. Tambi\u00e9n descubrir\u00e1 c\u00f3mo agregar diferentes tipos de contenido en las columnas y cambiar la cantidad de columnas que desea que se muestren.<\/p>\n<p>Si a\u00fan no est\u00e1 usando WordPress 5.0, puede instalar el <a href=\"https:\/\/wordpress.org\/plugins\/gutenberg\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">complemento Gutenberg<\/a> para comenzar a agregar columnas a sus publicaciones ahora.<\/p>\n<h2>C\u00f3mo agregar columnas con Gutenberg<\/h2>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/ulecytOqYfc\" frameborder=\"0\"><\/iframe><\/div>\n<p><a href=\"http:\/\/link.competethemes.com\/subscribe\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Suscr\u00edbete para competir temas en Youtube<\/a><\/p>\n<p>Comience navegando hasta la publicaci\u00f3n a la que desea agregar las columnas.<\/p>\n<p>Para agregar las columnas, deber\u00e1 insertar un nuevo &quot;bloque&quot; de columnas en la publicaci\u00f3n. Despl\u00e1cese sobre un bloque existente y mueva el cursor sobre el borde superior o inferior para revelar el bot\u00f3n &quot;+&quot; para agregar un nuevo bloque.<\/p>\n<p>Haga clic en el bot\u00f3n m\u00e1s y ver\u00e1 una ventana emergente donde puede seleccionar un bloque para agregar. El bloque de columnas aparece en la parte superior.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f1fc58fa.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-179329-616f4f1fc58fa.png\" alt=\"C\u00f3mo agregar columnas a las publicaciones de WordPress con Gutenberg\"><\/a><\/p>\n<p>Haga clic en el bloque Columnas y se insertar\u00e1 en la publicaci\u00f3n.<\/p>\n<p>Cuando inserta por primera vez el bloque de columna, agrega un bloque que esencialmente contiene dos bloques de p\u00e1rrafo. Puede comenzar a escribir de inmediato.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f21f1452.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-179329-616f4f21f1452.png\" alt=\"C\u00f3mo agregar columnas a las publicaciones de WordPress con Gutenberg\"><\/a><\/p>\n<p>F\u00e1cil, \u00bfverdad?<\/p>\n<p>Puede agregar tantos bloques de columnas a su publicaci\u00f3n como desee insertando bloques de columnas de esta manera.<\/p>\n<h3>Agrega bloques a las columnas<\/h3>\n<p>Por supuesto, no est\u00e1 limitado a crear columnas de texto. Si pasa el cursor sobre uno de los dos bloques en la columna, aparecer\u00e1 un bot\u00f3n m\u00e1s en el que puede hacer clic y luego seleccionar cualquier tipo de bloque para insertar.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f24863b0.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-179329-616f4f24863b0.png\" alt=\"C\u00f3mo agregar columnas a las publicaciones de WordPress con Gutenberg\"><\/a><\/p>\n<p>Por ejemplo, puedo seleccionar el bloque de imagen e insertarlo en la columna de la izquierda y luego agregar el bloque que desee a la columna de la derecha.<\/p>\n<p>De hecho, incluso puede apilar varios bloques en cualquier columna.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179329-616f4f26a26a2.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-179329-616f4f26a26a2.png\" alt=\"C\u00f3mo agregar columnas a las publicaciones de WordPress con Gutenberg\"><\/a><\/p>\n<p>En la captura de pantalla anterior, agregu\u00e9 un bloque de imagen en la columna de la izquierda, un bloque de encabezado en la columna de la derecha y un elemento de p\u00e1rrafo adicional debajo del encabezado en la columna de la derecha.<\/p>\n<p>La capacidad de apilar varios bloques en una columna hace que esta funci\u00f3n sea bastante flexible. Una limitaci\u00f3n con esta funci\u00f3n es que no puede ajustar el ancho de las columnas, pero eso puede venir en una actualizaci\u00f3n futura de Gutenberg.<\/p>\n<h3>C\u00f3mo agregar m\u00e1s columnas<\/h3>\n<p>El ejemplo anterior usa dos columnas, pero puede agregar hasta seis columnas en un bloque de columnas.<\/p>\n<p>Para aumentar el n\u00famero de columnas, haga clic en alg\u00fan lugar del bloque de columnas pero fuera de los bloques que contiene. Ver\u00e1 que la configuraci\u00f3n en la barra lateral cambia de la configuraci\u00f3n del documento a la configuraci\u00f3n del bloque que revela estas opciones:<\/p>\n<p>Puede utilizar el control deslizante o la entrada de n\u00fameros para ajustar el n\u00famero de columnas de 2 a 6.<\/p>\n<p>En este momento, la configuraci\u00f3n avanzada solo incluye una opci\u00f3n para agregar una clase CSS personalizada al bloque de columnas. Esto podr\u00eda ser \u00fatil si est\u00e1 familiarizado con CSS y desea dise\u00f1ar uno de sus bloques de columnas de manera un poco diferente.<\/p>\n<h2>Conclusi\u00f3n<\/h2>\n<p>Si bien el bloque de columnas de Gutenberg podr\u00eda usar algunas mejoras de usabilidad, funciona bastante bien. Y para ser honesto, es mucho mejor que la opci\u00f3n existente en el editor cl\u00e1sico, \u00a1nada!<\/p>\n<p>Ahora que puede crear dise\u00f1os de varias columnas en sus publicaciones, tendr\u00e1 m\u00e1s espacio para la expresi\u00f3n creativa y la creaci\u00f3n de dise\u00f1os interesantes dentro de sus art\u00edculos.<\/p>\n<p>Si tiene alguna pregunta sobre c\u00f3mo agregar columnas a sus publicaciones de WordPress, deje 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>Agregue r\u00e1pida y f\u00e1cilmente m\u00faltiples columnas (2-6) en sus publicaciones y p\u00e1ginas con el nuevo editor de Gutenberg para WordPress.<\/p>\n","protected":false},"author":1,"featured_media":257628,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[546],"tags":[849],"class_list":["post-254214","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\/254214","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=254214"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/254214\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/257628"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=254214"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=254214"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=254214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}