{"id":369456,"date":"2023-04-04T10:02:00","date_gmt":"2023-04-04T07:02:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=369456"},"modified":"2023-04-04T10:11:02","modified_gmt":"2023-04-04T07:11:02","slug":"una-breve-introduccion-a-wordpress-gutenberg","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/una-breve-introduccion-a-wordpress-gutenberg\/","title":{"rendered":"Una breve introducci\u00f3n a WordPress Gutenberg"},"content":{"rendered":"\n<p>El Editor cl\u00e1sico es algo a lo que todos los usuarios de WordPress nos hemos acostumbrado. El Editor cl\u00e1sico era m\u00e1s que un h\u00e1bito: era algo que conoc\u00edamos y entend\u00edamos bien. Estaba el antiguo campo de t\u00edtulo, el campo de contenido, un campo para insertar c\u00f3digos cortos. En nuestro lado derecho, todas las opciones de p\u00e1gina a nuestra disposici\u00f3n: estado, visibilidad, etc.<\/p>\n<p>De repente, nos enfrentamos a un cambio importante. A primera vista, WordPress Gutenberg apenas parece un editor. \u00bfD\u00f3nde est\u00e1n todas nuestras opciones? \u00bfD\u00f3nde escribimos el texto? \u00bfQu\u00e9 pasa con el t\u00edtulo? S\u00ed, los cambios son duros. Pero a menudo, los cambios traen mejoras. Gutenberg se cre\u00f3 con el prop\u00f3sito de facilitar a los usuarios el trabajo con WordPress. Definitivamente es un cambio que vale la pena aceptar.<\/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\/gA2fO4UEjyY\" frameborder=\"0\"><\/iframe><\/div>\n<h2>A primera vista<\/h2>\n<p>Echemos un vistazo r\u00e1pido al nuevo editor. Al principio, no se parece a nada que hayamos visto o usado antes. Pero mire m\u00e1s de cerca y descubrir\u00e1 que en realidad es bastante intuitivo y f\u00e1cil de usar.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e5400771e3.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-315845-633e5400771e3.jpg\" alt=\"Una breve introducci\u00f3n a WordPress Gutenberg\"><\/a><\/p>\n<p>Lo primero que notamos al respecto es que el t\u00edtulo ya no es un campo separado. En cambio, ahora tenemos un \u00e1rea de trabajo \u00fanica que muestra sus partes como un continuo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e540401252.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-315845-633e540401252.jpg\" alt=\"Una breve introducci\u00f3n a WordPress Gutenberg\"><\/a><\/p>\n<h2>\u00bfQu\u00e9 es todo esto sobre los bloques?<\/h2>\n<p>WordPress Gutenberg se basa en el concepto de bloques. Uno de los prop\u00f3sitos de este enfoque era asegurar la continuidad en la forma en que se crean los elementos de contenido cl\u00e1sicos. Podemos obtener resultados muy individuales y completamente diferentes, pero lo hacemos de la misma manera para crear bloques. Lo que esto hace es garantizar la seguridad, la estabilidad y, en \u00faltima instancia, la escalabilidad de WordPress como plataforma y como un todo.<\/p>\n<p>Pero, \u00bfqu\u00e9 son exactamente estos bloques? En pocas palabras, el nuevo editor reemplaza el antiguo campo de edici\u00f3n \u00fanico con un mont\u00f3n de bloques nuevos e individuales. Un bloque puede ser muchas cosas. Un bloque de contenido: texto sin formato, im\u00e1genes, videos, pero tambi\u00e9n un widget, un bot\u00f3n, una tabla, etc.<\/p>\n<h2>Administrar tus bloques<\/h2>\n<p>Echemos un vistazo ahora a c\u00f3mo agregamos estos <a href=\"https:\/\/themewp.inform.click\/es\/explicacion-de-los-nuevos-bloques-de-wordpress-gutenberg\/\" title=\"bloques en WordPress Gutenberg\">bloques en WordPress Gutenberg<\/a>. La buena gente de WordPress los ha dividido en categor\u00edas ordenadas para nuestra conveniencia y para facilitar el manejo. Puede navegar por estas categor\u00edas o simplemente usar el nombre de un bloque que desea usar, si lo sabe, escribi\u00e9ndolo como \/nombre.<\/p>\n<p>Hay diferentes formas de agregar bloques. Por ejemplo, puede usar el peque\u00f1o signo m\u00e1s en la parte superior izquierda del editor.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e54070de67.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-315845-633e54070de67.jpg\" alt=\"Una breve introducci\u00f3n a WordPress Gutenberg\"><\/a><\/p>\n<p>El buen ol &#8216;Deshacer y Rehacer se encuentran justo al lado.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e540a1fcf4.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-315845-633e540a1fcf4.jpg\" alt=\"Una breve introducci\u00f3n a WordPress Gutenberg\"><\/a><\/p>\n<p>Una novedad \u00fatil aqu\u00ed es el bot\u00f3n Informaci\u00f3n, que muestra la estructura del contenido de nuestra publicaci\u00f3n. Muestra cu\u00e1ntas palabras, encabezados, p\u00e1rrafos y bloques tenemos en nuestra publicaci\u00f3n y nos ayuda a realizar un seguimiento de nuestra estructura de contenido.<\/p>\n<p>Siempre hay un bloque vac\u00edo que se encuentra all\u00ed antes de que se inserte cualquier contenido. Este bloque est\u00e1 ah\u00ed por defecto, al igual que el bloque de t\u00edtulo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e540d5559c.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-315845-633e540d5559c.jpg\" alt=\"Una breve introducci\u00f3n a WordPress Gutenberg\"><\/a><\/p>\n<p>Otra cosa muy \u00fatil que no ten\u00edamos antes es Block Navigation, tambi\u00e9n ubicado en la barra de men\u00fa superior izquierda.<\/p>\n<p>Muestra la estructura de todos los bloques en la p\u00e1gina y permite moverse f\u00e1cilmente por su contenido.<\/p>\n<p>Por ejemplo, si desea modificar un contenido ubicado en el pen\u00faltimo p\u00e1rrafo de su publicaci\u00f3n, en lugar de desplazarse hasta \u00e9l, simplemente puede hacer clic en ese p\u00e1rrafo en particular en el men\u00fa desplegable Bloquear navegaci\u00f3n.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e54106de52.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-315845-633e54106de52.jpg\" alt=\"Una breve introducci\u00f3n a WordPress Gutenberg\"><\/a><\/p>\n<p>Despu\u00e9s de haber insertado contenido en cualquiera de los bloques, podemos hacer clic en Guardar borrador, como en el antiguo editor, o en Vista previa o Publicar.<\/p>\n<p>Muchas de las cosas que estamos acostumbrados a encontrar en el lado derecho del Editor cl\u00e1sico todav\u00eda est\u00e1n all\u00ed, excepto que est\u00e1n metidas en la pesta\u00f1a Documento.<\/p>\n<p>Uno de los elementos que sol\u00eda ubicarse debajo del campo principal en el Editor cl\u00e1sico es la Discusi\u00f3n, que us\u00e1bamos para permitir o no permitir comentarios en una p\u00e1gina.<\/p>\n<p>Ahora se encuentra en la pesta\u00f1a Documento, que, por cierto, se puede eliminar temporalmente, al igual que su vecina, la pesta\u00f1a Bloquear, haciendo clic en la rueda dentada para acceder a la configuraci\u00f3n.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e5414061a7.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-315845-633e5414061a7.jpg\" alt=\"Una breve introducci\u00f3n a WordPress Gutenberg\"><\/a><\/p>\n<h2>Opciones de personalizaci\u00f3n<\/h2>\n<p>Podemos personalizar la vista del espacio de trabajo haciendo clic en los tres puntos verticales en la esquina superior derecha, lo que nos llevar\u00e1 al men\u00fa M\u00e1s herramientas y opciones. Desde aqu\u00ed podemos personalizar el espacio de trabajo a nuestro gusto, as\u00ed como la secuencia de elementos en \u00e9l. Adem\u00e1s, tambi\u00e9n puede elegir el editor que desea usar: Editor visual o Editor de c\u00f3digo. Existe la lista de accesos directos, as\u00ed como algunas opciones adicionales.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e5417a3dbb.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-315845-633e5417a3dbb.jpg\" alt=\"Una breve introducci\u00f3n a WordPress Gutenberg\"><\/a><\/p>\n<p>Y ahora, la parte m\u00e1s importante. Al hacer clic en un bloque, en este caso el primer p\u00e1rrafo, abre las opciones relacionadas con ese bloque en particular. Una vez que haya seleccionado un bloque, algunas de las opciones se ubicar\u00e1n en la pesta\u00f1a Bloque a la derecha.<\/p>\n<p>Algunas otras opciones para el mismo bloque estar\u00e1n ubicadas en la secci\u00f3n superior izquierda del editor, y habr\u00e1 otras opciones alrededor del propio bloque, dependiendo de la vista espec\u00edfica que hayas configurado.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-315845-633e541c06c9b.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-315845-633e541c06c9b.jpg\" alt=\"Una breve introducci\u00f3n a WordPress Gutenberg\"><\/a><\/p>\n<p>Y eso es todo. En esencia, WordPress Gutenberg es tan f\u00e1cil de usar como el Editor cl\u00e1sico, y probablemente incluso m\u00e1s. Te recomendamos que le des una oportunidad y juegues con \u00e9l por un tiempo. Ver\u00e1 que obtendr\u00e1 una comprensi\u00f3n bastante firme en poco tiempo y estar\u00e1 contento con todas las mejoras que vienen con este cambio.<\/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>Todo lo que quer\u00eda saber sobre el nuevo editor de WordPress Gutenberg pero no se atrev\u00eda a preguntar est\u00e1 aqu\u00ed, en este breve pero informativo 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-369456","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\/369456","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=369456"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/369456\/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=369456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=369456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=369456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}