{"id":2512,"date":"2026-05-26T19:46:30","date_gmt":"2026-05-26T19:46:30","guid":{"rendered":"https:\/\/pta.mx\/?p=2512"},"modified":"2026-05-26T19:46:30","modified_gmt":"2026-05-26T19:46:30","slug":"bienvenido-al-editor-gutenberg","status":"publish","type":"post","link":"https:\/\/pta.mx\/index.php\/2026\/05\/26\/bienvenido-al-editor-gutenberg\/","title":{"rendered":"Bienvenido al editor Gutenberg"},"content":{"rendered":"\n

<\/p>\n\n\n\n

Lo que est\u00e1s leyendo ahora es un bloque de texto<\/strong>, el bloque m\u00e1s b\u00e1sico de todos. El bloque de texto tiene sus propios controles para moverlo libremente por toda la publicaci\u00f3n\u2026<\/p>\n\n\n\n

… como esta, que est\u00e1 alineada a la derecha.<\/p>\n\n\n\n

Los encabezados tambi\u00e9n son bloques separados, lo que ayuda a la estructura y organizaci\u00f3n de tu contenido.<\/p>\n\n\n\n

Una imagen vale m\u00e1s que mil palabras<\/h2>\n\n\n\n

Gestionar im\u00e1genes y medios con el m\u00e1ximo cuidado es un enfoque principal del nuevo editor. Afortunadamente encontrar\u00e1s posibilidades para a\u00f1adir leyendas o hacer de ancho completo tus fotos de un modo mucho m\u00e1s f\u00e1cil y robusto que antes.<\/p>\n\n\n\n

\"Precioso
Si tu tema es compatible, ver\u00e1s el bot\u00f3n de \u00abancho\u00bb en la barra de herramientas de la imagen. Pru\u00e9balo.<\/figcaption><\/figure>\n\n\n\n

Prueba a seleccionar o quitar o editar la leyenda, ahora ya no tienes porque ser cuidadoso a la hora de seleccionar la imagen u otro texto por error y arruinar la presentaci\u00f3n.<\/p>\n\n\n\n

La herramienta Insertador<\/em><\/h2>\n\n\n\n

Imagina que todo lo que WordPress puede hacer est\u00e9 disponible para ti r\u00e1pidamente y en el mismo lugar de la interfaz. No tienes que descubrir etiquetas HTML, clases o recordar sintaxis complicadas de shortcodes. Ese es el esp\u00edritu tras el insertador \u2014 el bot\u00f3n (+)<\/code> que ver\u00e1s en el editor \u2014 que te permite navegar por todos los bloques de contenido disponibles y a\u00f1adirlos a tu entrada. Los plugins y temas pueden registrar los suyos propios, abriendo una enorme cantidad de posibilidades para la edici\u00f3n y la publicaci\u00f3n enriquecida.<\/p>\n\n\n\n

An\u00edmate a probarlo, puedes descubrir cosas que WordPress ya puede a\u00f1adir en tus entradas de las que no ten\u00edas ni idea. Aqu\u00ed tienes una breve lista de lo que actualmente puedes encontrar ah\u00ed:<\/p>\n\n\n\n

    \n
  • Texto y encabezados<\/li>\n\n\n\n
  • Im\u00e1genes y videos<\/li>\n\n\n\n
  • Galer\u00edas<\/li>\n\n\n\n
  • Incrustados, como YouTube, tuits o entradas de otro WordPress.<\/li>\n\n\n\n
  • Bloques de dise\u00f1o, como botones, im\u00e1genes principales, separadores, etc.<\/li>\n\n\n\n
  • Y listas<\/em> como esta, por supuesto \ud83d\ude42<\/li>\n<\/ul>\n\n\n\n
    \n\n\n\n

    Edici\u00f3n visual<\/h2>\n\n\n\n

    Un gran beneficio de los bloques es que puedes editarlos donde est\u00e9n y manipular directamente tu contenido. En vez de tener campos para editar cosas como la fuente de una cita o el texto de un bot\u00f3n, puedes cambiar directamente el contenido. Prueba a modificar la siguiente cita:<\/p>\n\n\n\n

    \n

    El editor tratar\u00e1 de crear una nueva experiencia de creaci\u00f3n de p\u00e1ginas y entradas que ayude a escribir publicaciones enriquecidas sin esfuerzo y tiene \u00abbloques\u00bb para hacer sencillo lo que hoy conllevar\u00eda usar shortcodes, HTML personalizado o esot\u00e9ricos descubrimientos de incrustaciones.<\/p>\nMatt Mullenweg, 2017<\/cite><\/blockquote>\n\n\n\n

    La informaci\u00f3n correspondiente al origen de la cita est\u00e1 en un campo de texto separado, parecido a las leyendas bajo las im\u00e1genes, para que la estructura de la cita est\u00e9 protegida aunque la selecciones, modifiques o quites del origen. Es siempre sencillo a\u00f1adirla de nuevo.<\/p>\n\n\n\n

    Los bloques pueden ser lo que necesitas. Por ejemplo, puede que quieras a\u00f1adir una cita suave como parte de la composici\u00f3n de tu texto o puede que prefieras mostrar una estilizada y gigante. Todas est\u00e1s opciones est\u00e1n en el insertador.<\/p>\n\n\n\n

    \n
    \"\"\/<\/figure>\n\n\n\n
    \"\"\/<\/figure>\n\n\n\n
    \"\"\/<\/figure>\n<\/figure>\n\n\n\n

    Puedes cambiar la cantidad de columnas de tus galer\u00edas arrastrando un control deslizante en el inspector de bloques de la barra lateral.<\/p>\n\n\n\n

    Medios enriquecidos<\/h2>\n\n\n\n

    Si combinas las nuevas alineaciones de galer\u00eda ancha<\/strong> y ancho completo<\/strong> puedes crear dise\u00f1os ricos en medios muy r\u00e1pidamente:<\/p>\n\n\n\n

    \"La<\/figure>\n\n\n\n

    Por supuesto, la imagen a ancho completo puede ser realmente grande. Pero a veces la imagen es lo importante.<\/p>\n\n\n\n

    \n
    \"\"\/<\/figure>\n\n\n\n
    \"\"\/<\/figure>\n<\/figure>\n\n\n\n

    Lo de arriba es una galer\u00eda con solo dos im\u00e1genes. Es un modo sencillo de crear visualmente atractivos dise\u00f1os, sin tener que lidiar con floats. Tambi\u00e9n puedes convertir f\u00e1cilmente la galer\u00eda de nuevo a im\u00e1genes individuales, usando el cambiador de bloques. <\/p>\n\n\n\n

    Cualquier bloque puede estar en alguna de estas alineaciones. El bloque de incrustar tambi\u00e9n las tiene, y es adaptable desde la base:<\/p>\n\n\n\n

    \n