{"id":369398,"date":"2023-03-31T19:33:00","date_gmt":"2023-03-31T16:33:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=369398"},"modified":"2023-03-31T19:33:01","modified_gmt":"2023-03-31T16:33:01","slug":"explicacion-de-los-nuevos-bloques-de-wordpress-gutenberg","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/explicacion-de-los-nuevos-bloques-de-wordpress-gutenberg\/","title":{"rendered":"Explicaci\u00f3n de los nuevos bloques de WordPress Gutenberg"},"content":{"rendered":"\n<p>Como te habr\u00e1s dado cuenta o no, el nuevo <a href=\"https:\/\/wpklik.com\/wordpress-tips\/introduction-to-wordpress-gutenberg\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Gutenberg WordPress Editor<\/a> se basa en el concepto de bloques, y esa es la mayor innovaci\u00f3n individual que vino con la nueva versi\u00f3n 5.0 de WordPress.<\/p>\n<p>Mucha gente est\u00e1 preocupada de que este nuevo concepto basado en bloques de escribir, editar y publicar publicaciones y p\u00e1ginas haga que sus idas y venidas de WordPress sean mucho m\u00e1s complicadas.<\/p>\n<p>Despu\u00e9s de haber incursionado en el nuevo editor por un tiempo, hemos decidido mostrarle que estos bloques de WordPress Gutenberg no son motivo de preocupaci\u00f3n.<\/p>\n<p>La verdad es que este concepto de bloques trae algunas posibilidades nuevas y emocionantes. Ahora puede organizar su contenido en bloques de <strong><a href=\"https:\/\/themewp.inform.click\/es\/bloque-de-columnas-de-gutenberg-y-como-agregarlo-a-wordpress\/\" title=\"columnas de Gutenberg\">columnas de Gutenberg<\/a><\/strong> o crear <strong><a href=\"https:\/\/themewp.inform.click\/es\/una-guia-para-el-bloque-de-imagen-gutenberg-de-wordpress\/\" title=\"bloques de im\u00e1genes\">bloques de im\u00e1genes<\/a><\/strong> de Gutenberg. En realidad, son <strong>bastante simples y divertidos de usar<\/strong>, como pronto lo descubrir\u00e1 por s\u00ed mismo.<\/p>\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\/iiGtfxhbrCI\" frameborder=\"0\"><\/iframe><\/div>\n<h2>Agregar los bloques<\/h2>\n<p>Dado que los nuevos bloques de WordPress Gutenberg son el material de construcci\u00f3n para sus p\u00e1ginas y publicaciones, naturalmente, lo primero que desea aprender es c\u00f3mo agregarlos.<\/p>\n<p>De hecho, hay varias formas de agregar un bloque:<\/p>\n<p>Puede usar el <strong>peque\u00f1o signo m\u00e1s (+) en la barra de herramientas en la parte superior izquierda del editor<\/strong>. Al hacer clic en este signo, aparecer\u00e1 una selecci\u00f3n de categor\u00edas de bloques, comenzando por las m\u00e1s utilizadas. Tambi\u00e9n habr\u00e1 una barra de b\u00fasqueda disponible.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54a435bc0.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54a435bc0.jpg\" alt=\"Explicaci\u00f3n de los nuevos bloques de WordPress Gutenberg\"><\/a><\/p>\n<p>A medida que ingrese el contenido de su publicaci\u00f3n en el espacio de trabajo, notar\u00e1 que el signo m\u00e1s aparecer\u00e1 debajo, en el siguiente espacio disponible donde puede agregar un nuevo bloque. Aparecer\u00e1 un men\u00fa desplegable con tipos de bloques y habr\u00e1 tres tipos comunes de bloques a la derecha. <strong>Elija el tipo de bloque que desea usar e ingrese su contenido<\/strong>. Repita esto hasta que su publicaci\u00f3n est\u00e9 lista.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54a7314e7.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54a7314e7.jpg\" alt=\"Explicaci\u00f3n de los nuevos bloques de WordPress Gutenberg\"><\/a><\/p>\n<p>El tercer m\u00e9todo es ideal para aquellos a los que les gustan los atajos. Cada uno de ustedes probablemente tiene ciertos tipos de bloques que usa regularmente. Ahora, en lugar de buscar un bloque espec\u00edfico de cada tipo que desee utilizar, <strong>simplemente puede comenzar a escribir el nombre del bloque con la barra inclinada<\/strong>, por ejemplo \/imagen, \/p\u00e1rrafo, \/t\u00edtulo, etc., y la sugerencia aparecer\u00e1 el tipo de bloque.<\/p>\n<p>Adem\u00e1s, el editor no solo ofrecer\u00e1 el tipo de bloque exacto que est\u00e1 buscando, sino tambi\u00e9n bloques similares, lo que significa que ni siquiera tendr\u00e1 que memorizar todos los nombres de los bloques.<\/p>\n<p>Despu\u00e9s de un tiempo, notar\u00e1 que esta es en realidad la forma m\u00e1s r\u00e1pida y f\u00e1cil de agregar bloques en Gutenberg.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54aaa03eb.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54aaa03eb.jpg\" alt=\"Explicaci\u00f3n de los nuevos bloques de WordPress Gutenberg\"><\/a><\/p>\n<h2>Opciones de bloque<\/h2>\n<p>Como las cosas han cambiado un poco en el editor, probablemente se est\u00e9 preguntando d\u00f3nde encontrar las opciones de bloque. En realidad, es muy f\u00e1cil: <strong>obtendr\u00e1 su elecci\u00f3n de opciones simplemente haciendo clic en el bloque que desea modificar<\/strong>. <strong>Las opciones aparecen tanto en la barra de herramientas como en la pesta\u00f1a Bloque<\/strong>.<\/p>\n<p>A diferencia del Editor cl\u00e1sico, Gutenberg ofrece una variedad de opciones mucho m\u00e1s amplia.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54ae40266.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54ae40266.jpg\" alt=\"Explicaci\u00f3n de los nuevos bloques de WordPress Gutenberg\"><\/a><\/p>\n<p>Adem\u00e1s, no se preocupe si ejecuta su editor de Gutenberg y nota que las opciones de bloque no est\u00e1n ubicadas en la barra de herramientas sino dentro del propio bloque. Eso est\u00e1 perfectamente bien, ya que Gutenberg tiene diferentes opciones para diferentes necesidades.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54b10fa50.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54b10fa50.jpg\" alt=\"Explicaci\u00f3n de los nuevos bloques de WordPress Gutenberg\"><\/a><\/p>\n<h2>Opciones de visualizaci\u00f3n<\/h2>\n<p>Puede acceder a todas las opciones relacionadas con la vista de bloque y el espacio de trabajo en general haciendo clic en los tres puntos verticales, en Mostrar m\u00e1s herramientas y opciones.<\/p>\n<p>Si ninguna de las opciones est\u00e1 marcada, la vista ser\u00e1 como en nuestra imagen de arriba: las opciones se ubicar\u00e1n dentro del propio bloque.<\/p>\n<p>Si la barra de herramientas superior est\u00e1 marcada, las opciones de bloque se ubicar\u00e1n, bueno, en la barra de herramientas.<\/p>\n<p>Al marcar el modo Spotlight, puede enfocarse en un solo bloque a la vez. Esto es particularmente conveniente cuando desea distinguir qu\u00e9 es exactamente lo que forma parte de un bloque en particular.<\/p>\n<p>Si desea un espacio de trabajo m\u00e1s grande, puede hacer clic en Modo de pantalla completa para expandir el espacio de trabajo a toda la pantalla.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54b4203c4.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54b4203c4.jpg\" alt=\"Explicaci\u00f3n de los nuevos bloques de WordPress Gutenberg\"><\/a><\/p>\n<h2>Bloques reutilizables<\/h2>\n<p>Otra caracter\u00edstica s\u00faper \u00fatil del editor de Gutenberg es la opci\u00f3n Bloques reutilizables. Si hay ciertos bloques que usa todo el tiempo, definitivamente desea evitar establecer los mismos valores o buscar el c\u00f3digo para copiar cada vez que agrega un bloque.<\/p>\n<p>Con la nueva opci\u00f3n Agregar a bloques reutilizables, puedes <strong>guardar un bloque y simplemente levantarlo cuando quieras volver a usarlo<\/strong>.<\/p>\n<p>Para establecer un bloque reutilizable, haga clic en M\u00e1s opciones&gt;Agregar a bloques reutilizables.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54b708f55.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54b708f55.jpg\" alt=\"Explicaci\u00f3n de los nuevos bloques de WordPress Gutenberg\"><\/a><\/p>\n<p>Elige el nombre de tu bloque:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54ba902f1.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54ba902f1.jpg\" alt=\"Explicaci\u00f3n de los nuevos bloques de WordPress Gutenberg\"><\/a><\/p>\n<p>La pr\u00f3xima vez que necesite este bloque exacto, b\u00fasquelo por nombre o b\u00fasquelo en uno de los men\u00fas desplegables, en Bloques reutilizables.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54bddde9c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54bddde9c.jpg\" alt=\"Explicaci\u00f3n de los nuevos bloques de WordPress Gutenberg\"><\/a><\/p>\n<p>Los bloques reutilizables se distinguen f\u00e1cilmente por un \u00edcono de reciclaje junto a ellos, como se muestra en la imagen a continuaci\u00f3n.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c092d9a.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c092d9a.jpg\" alt=\"Explicaci\u00f3n de los nuevos bloques de WordPress Gutenberg\"><\/a><\/p>\n<p>Los bloques reutilizables se pueden administrar en Mostrar m\u00e1s herramientas y opciones &gt; Administrar todos los bloques reutilizables.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c34a739.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c34a739.jpg\" alt=\"Explicaci\u00f3n de los nuevos bloques de WordPress Gutenberg\"><\/a><\/p>\n<p>Esto abre una descripci\u00f3n general de todos los bloques reutilizables creados hasta el momento. Tambi\u00e9n podemos editar los bloques, pero ten en cuenta que <strong>cuando edites un bloque reutilizable, el contenido de todas las publicaciones en las que lo hayamos usado tambi\u00e9n cambiar\u00e1<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c597f97.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c597f97.jpg\" alt=\"Explicaci\u00f3n de los nuevos bloques de WordPress Gutenberg\"><\/a><\/p>\n<h2>Reorganizar los bloques en una p\u00e1gina<\/h2>\n<p>Reorganizar los bloques y cambiar su secuencia en una p\u00e1gina o en una publicaci\u00f3n es extremadamente simple. Puede <strong>mover cualquiera de los bloques usando la navegaci\u00f3n de arrastrar y soltar, o puede cambiar de lugar con el bloque debajo o arriba<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c8c7e94.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-316588-633e54c8c7e94.jpg\" alt=\"Explicaci\u00f3n de los nuevos bloques de WordPress Gutenberg\"><\/a><\/p>\n<p>Esperamos que este art\u00edculo te haya ayudado a comprender un poco mejor los bloques de WordPress Gutenberg. Como puedes ver, el nuevo concepto de bloques permite una personalizaci\u00f3n mucho m\u00e1s f\u00e1cil de tus publicaciones, as\u00ed como algunas opciones adicionales que antes no ten\u00edamos.<\/p>\n<p>Con los nuevos bloques de WordPress Gutenberg, es probable que publique y edite sus publicaciones mucho m\u00e1s r\u00e1pido que antes. Este es precisamente el tipo de mejora que los desarrolladores de Gutenberg esperaban lograr.<\/p>\n<p>Esperamos que este art\u00edculo le haya resultado \u00fatil. Si te ha gustado, \u00a1no dudes en consultar algunos de estos art\u00edculos tambi\u00e9n!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aunque pueden parecer algo nuevo y aterrador, los nuevos bloques de Gutenberg de WordPress son en realidad bastante divertidos y f\u00e1ciles de usar, como ver\u00e1 en nuestro art\u00edculo.<\/p>\n","protected":false},"author":1,"featured_media":363766,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[566],"tags":[849],"class_list":["post-369398","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\/369398","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=369398"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/369398\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/363766"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=369398"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=369398"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=369398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}