{"id":22555,"date":"2021-08-20T13:28:25","date_gmt":"2021-08-20T11:28:25","guid":{"rendered":"https:\/\/clientes.ignaciosantiago.com\/new\/gutenberg-wordpress\/"},"modified":"2024-04-26T12:52:04","modified_gmt":"2024-04-26T10:52:04","slug":"gutenberg-wordpress","status":"publish","type":"post","link":"https:\/\/clientes.ignaciosantiago.com\/new\/gutenberg-wordpress\/","title":{"rendered":"GUTENBERG WordPress, El Editor Definitivo [+TIPS]"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u00bfTe gustar\u00eda&nbsp;<strong>editar contenidos de manera sencilla<\/strong>&nbsp;en tu&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/servicios\/diseno-paginas-web-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">p\u00e1gina web<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/servicios\/diseno-blogs-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">blog<\/a>&nbsp;o&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/servicios\/diseno-tiendas-online-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">tienda online<\/a>? \u00bfHas o\u00eddo hablar de&nbsp;<strong>Gutenberg<\/strong>, el nuevo&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/mejores-editores-de-texto-codigo\/\" target=\"_blank\" rel=\"noreferrer noopener\">editor de texto<\/a>&nbsp;de&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/tutorial-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress<\/a>, pero desconoces c\u00f3mo funciona y c\u00f3mo sacarle el m\u00e1ximo partido? \u00bfBuscas&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/gutenberg-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gutenberg blocks<\/a>&nbsp;para mejorar la funcionalidad de Gutenberg? \u00a1Est\u00e1s en el sitio correcto!&nbsp;<strong>Gutenberg<\/strong>&nbsp;es el editor de WordPress que te permite&nbsp;<strong>simplificar la edici\u00f3n web&nbsp;<\/strong>para crear espacios de calidad gracias a su sistema de bloques. Supongo que eres consciente de la importancia que tiene hoy en d\u00eda para tu negocio estar en la red. En esta gu\u00eda te explicamos&nbsp;<strong>qu\u00e9 es Gutenberg<\/strong>, el nuevo editor de WordPress (y definitivo).<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"843\" height=\"422\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-wordpress-editor-de-texto-bloques-blocks-widgets-guia-principiantes-3-843x422.jpg\" alt=\"gutenberg wordpress editor de texto bloques blocks widgets guia principiantes\" class=\"wp-image-22557\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-wordpress-editor-de-texto-bloques-blocks-widgets-guia-principiantes-3-843x422.jpg 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-wordpress-editor-de-texto-bloques-blocks-widgets-guia-principiantes-3-385x193.jpg 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-wordpress-editor-de-texto-bloques-blocks-widgets-guia-principiantes-3-590x295.jpg 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-wordpress-editor-de-texto-bloques-blocks-widgets-guia-principiantes-3-768x384.jpg 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-wordpress-editor-de-texto-bloques-blocks-widgets-guia-principiantes-3-1000x500.jpg 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-wordpress-editor-de-texto-bloques-blocks-widgets-guia-principiantes-3.jpg 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Gutenberg te va a permitir crear y gestionar contenido para tu web de manera<strong>&nbsp;sencilla e intuitiva<\/strong>, sin necesidad de tener conocimientos de lenguaje ni c\u00f3digos de HTML. Con este editor vas a poder dise\u00f1ar tu web utilizando&nbsp;<strong>bloques o secciones<\/strong>, que pueden ser de diversos tipos: desde textos, im\u00e1genes, botones, tablas hasta widgets. Con este nuevo editor de texto lograr\u00e1s un dise\u00f1o mucho m\u00e1s visual y atractivo para captar la atenci\u00f3n del lector combinando los elementos que ofrece en cada uno de los bloques que te proporcionan la posibilidad de personalizar tu post. Si quieres ser&nbsp;<strong>original en tus publicaciones<\/strong>, presta atenci\u00f3n a toda la informaci\u00f3n.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu\u00e9 es el editor Gutenberg, c\u00f3mo funciona y para qu\u00e9 sirve<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Gutenberg<\/strong>&nbsp;el editor de WordPress que permite&nbsp;<strong>construir y publicar p\u00e1ginas web&nbsp;<\/strong>de modo r\u00e1pido y sencillo. Se trata, por tanto, de una herramienta que pretende revolucionar toda la experiencia de publicaci\u00f3n en Internet tanto como Gutenberg lo hizo con la palabra impresa. El objetivo del editor es&nbsp;<strong>simplificar el dise\u00f1o web<\/strong>&nbsp;para todos los usuarios, haciendo el contenido mucho m\u00e1s visual para llegar m\u00e1s r\u00e1pido a la atenci\u00f3n del p\u00fablico objetivo siguiendo las&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/tendencias-diseno-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">tendencias de dise\u00f1o web<\/a>.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">La herramienta de dise\u00f1o Gutenberg permite dar un&nbsp;<strong>nivel est\u00e9tico y personalizado<\/strong>&nbsp;a tu contenido web a trav\u00e9s de los bloques que ofrece, permitiendo combinar texto con im\u00e1genes o videos, a\u00f1adi\u00e9ndole siempre un toque \u00fanico.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Gutenberg introduce en WordPress una nueva funcionalidad: la&nbsp;<strong>edici\u00f3n por bloques<\/strong>. Este sistema de edici\u00f3n consiste en ir a\u00f1adiendo contenido por secciones o tipolog\u00eda de contenido. Esta herramienta significa un gran avance para WordPress, ya que acerca la posibilidad de crear contenido web a&nbsp;<strong>todo usuario<\/strong>&nbsp;a\u00f1adiendo esencia al mismo mediante la utilizaci\u00f3n de las diversas secciones que ofrece, sin necesidad de contar con conocimientos profundos sobre dise\u00f1o web. Puedes olvidarte de los complejos c\u00f3digos de dise\u00f1o y programaci\u00f3n para darle personalidad a tu contenido de manera sencilla.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ventajas del editor de texto Gutenberg para WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El nuevo editor de texto Gutenberg de WordPress ha venido para quedarse debido a las ventajas que ofrece a todo usuario<strong>&nbsp;independientemente de su nivel de conocimiento<\/strong>&nbsp;en creaci\u00f3n de contenido. Estos son los principales beneficios de este editor que te permitir\u00e1n sacarle el m\u00e1ximo partido a tu p\u00e1gina web y a tu estrategia de&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/marketing-de-contenidos-que-es-como-funciona\/\" target=\"_blank\" rel=\"noreferrer noopener\">marketing de contenidos<\/a>.<\/p>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li><strong>Sencillez<\/strong>: Todos estamos de acuerdo en que la principal ventaja de Gutenberg es la sencillez de uso. Independientemente de si acabas de&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/como-crear-un-blog\/\" target=\"_blank\" rel=\"noreferrer noopener\">crear un blog<\/a>&nbsp;o llevas a\u00f1os trabajando en \u00e9l, con el nuevo editor conseguir\u00e1s ese&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/rediseno-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">redise\u00f1o web<\/a>&nbsp;profesional que tanto tiempo llevas esperando conseguir. A diferencia de otros maquetadores, Gutenberg&nbsp;<strong>no necesita c\u00f3digo HTML<\/strong>&nbsp;para proporcionar un resultado r\u00e1pido y eficaz para captar a m\u00e1s leads.<\/li>\n\n\n\n<li><strong>Limpieza<\/strong>: Seguro que en alguna ocasi\u00f3n has comprado una&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/plantillas-wordpress-multiusos\/\" target=\"_blank\" rel=\"noreferrer noopener\">plantilla multiusos WordPress<\/a>&nbsp;y te has visto en medio de miles de configuraciones y procedimientos complejos de&nbsp;<strong>dif\u00edcil entendimiento<\/strong>, \u00bfverdad? Con Gutenberg eso no sucede porque se trata de un editor muy visual y limpio en el que todos los elementos se encuentran&nbsp;<strong>ordenados<\/strong>&nbsp;para facilitar el dise\u00f1o y la actividad al usuario. No tendr\u00e1s de qu\u00e9 preocuparte porque podr\u00e1s encontrar cada herramienta f\u00e1cilmente.<\/li>\n\n\n\n<li><strong>Variado<\/strong>: Gutenberg est\u00e1 compuesto por una amplia&nbsp;<strong>variedad de bloques<\/strong>&nbsp;para adaptarse a las diversas tem\u00e1ticas de cada p\u00e1gina web. Gracias a ello podr\u00e1s crear contenido muy visual, variado y atractivo para tu lector. Adem\u00e1s todos ellos reciben una denominaci\u00f3n sencilla y son&nbsp;<strong>muy intuitivos<\/strong>&nbsp;con el objetivo de que el usuario no tenga que consultar su funcionamiento.<\/li>\n\n\n\n<li><strong>Compatible con dispositivos m\u00f3viles o tablets:<\/strong>&nbsp;Cuando pens\u00e1bamos que todav\u00eda no pod\u00eda haber algo mejor. \u00a1Vemos que es compatible con los dispositivos electr\u00f3nicos! El editor de texto de Gutenberg funciona perfectamente desde cualquier dispositivo&nbsp;<strong>m\u00f3vil o tablet<\/strong>, lo que supone una gran ventaja a la hora de poder crear o editar contenido si no se tiene un ordenador a mano. Un problema muy habitual que forma parte de los&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/pasos-despues-de-publicar-articulo-en-blog\/\" target=\"_blank\" rel=\"noreferrer noopener\">pasos despu\u00e9s de publicar un art\u00edculo<\/a>&nbsp;es encontrarse con una peque\u00f1a falta de ortograf\u00eda. Con Gutenberg podr\u00e1s corregirlo r\u00e1pidamente sin problemas.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Partes m\u00e1s importantes del editor Gutenberg de WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Despu\u00e9s de crear una nueva entrada en WordPress,&nbsp;te aparecer\u00e1 una peque\u00f1a presentaci\u00f3n de la herramienta Gutenberg con un&nbsp;<strong>mini tutorial<\/strong>&nbsp;de lo que significan los bloques de este editor. Una vez abierto el editor, solo queda comenzar a escribir y desarrollar tu publicaci\u00f3n. El editor Gutenberg de WordPress cuenta con&nbsp;<strong>tres secciones principales<\/strong>&nbsp;que te presentamos a continuaci\u00f3n.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Secci\u00f3n del contenido:<\/strong>&nbsp;Es el \u00e1rea donde debes introducir el&nbsp;<strong>contenido de tu publicaci\u00f3n<\/strong>. Para comenzar, debes elegir un t\u00edtulo para tu post, el cual aparecer\u00e1 en el primer bloque. Por defecto, el nuevo editor Gutenberg a\u00f1ade bloques cada vez que marques la tecla \u201cintro\u201d. Una vez creado un determinado bloque, puedes acceder a la barra de herramientas (N\u00ba 2) que aparece en el lateral superior izquierdo. Cada tipo de bloque cuenta con sus&nbsp;<strong>propias herramientas<\/strong>&nbsp;para editarlo.<\/li>\n\n\n\n<li><strong>Barra de herramientas<\/strong>: Situada en el margen superior izquierdo. Est\u00e1 compuesta por un&nbsp;<strong>bot\u00f3n +<\/strong>&nbsp;(donde tienes todos los tipos de bloques que puedes ir a\u00f1adiendo a tu publicaci\u00f3n seg\u00fan el dise\u00f1o que quieras darle), el&nbsp;<strong>l\u00e1piz<\/strong>&nbsp;(para la selecci\u00f3n y edici\u00f3n de bloques), las opciones de&nbsp;<strong>deshacer y rehacer<\/strong>&nbsp;(para editar el contenido, seg\u00fan quieras eliminar un cambio o volver a visualizar un cambio eliminado), la&nbsp;<strong>estructura del contenido<\/strong>&nbsp;(para ver el resumen cuantificado de tu publicaci\u00f3n, en cuanto a palabas, encabezados, p\u00e1rrafos y bloques) y la&nbsp;<strong>navegaci\u00f3n de bloques<\/strong>&nbsp;o resumen de los tipos de bloques empleados en tu contenido.<\/li>\n\n\n\n<li><strong>Margen derecho<\/strong>: Dentro del mismo se encuentra la barra de&nbsp;<strong>herramientas b\u00e1sicas<\/strong>&nbsp;de tu contenido, que incluye las mismas funciones que el editor cl\u00e1sico, en dos partes desplegables \u201cDocumento\u201d y \u201cBloque\u201d, con sus respectivas opciones despegables. En la barra de \u00ab<strong>Documento<\/strong>\u201d puedes ver la configuraci\u00f3n completa de tu publicaci\u00f3n (a\u00f1adir pantallazo de esta secci\u00f3n). En el \u00e1rea llamada \u201c<strong>Bloque<\/strong>\u201d, puedes personalizar la configuraci\u00f3n del bloque que selecciones, en funci\u00f3n del tipo de bloque que corresponda, tendr\u00e1s diferentes alternativas de edici\u00f3n y personalizaci\u00f3n. (a\u00f1adir pantallazo de esta secci\u00f3n).<\/li>\n\n\n\n<li><strong>Margen superior derecho<\/strong>: Situada junto a la&nbsp;<strong>barra de ajustes<\/strong>&nbsp;del contenido, se encuentran las siguientes&nbsp;<strong>funciones<\/strong>: guardar como borrador, visualizaci\u00f3n previa de la publicaci\u00f3n y modificaci\u00f3n del c\u00f3digo HTML si conoces su funcionamiento y estructura.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Cambiar\u00eda el orden de numeraci\u00f3n, siendo&nbsp;<strong>1. \u00c1rea de contenido<\/strong>;&nbsp;<strong>2. Barra de herramientas&nbsp;<\/strong>(margen superior izquierdo, ya que es en esta secci\u00f3n donde puedes seleccionar el bloque que quieras a\u00f1adir;&nbsp; y&nbsp;<strong>3. Barra de ajustes del contenido<\/strong>&nbsp;(para editar el documento o el bloque una vez creado el contenido).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">C\u00f3mo instalar Gutenberg en tu WordPress correctamente<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Para instalar el editor de texto Gutenberg&nbsp;<strong>debes contar con la versi\u00f3n 5.0 de WordPress<\/strong>&nbsp;(o sucesivas). Su instalaci\u00f3n es muy sencilla, ya que este editor ya viene incluido en las versiones de WordPress que te acabo de mencionar, por lo que&nbsp;<strong>\u00fanicamente tienes que activarlo<\/strong>. A continuaci\u00f3n, te indicamos los pasos a seguir para poder&nbsp;<strong>instalar el editor Gutenberg en WordPress<\/strong>:<\/p>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li>El primer paso siempre es&nbsp;<strong>hacer una copia de seguridad de tu instalaci\u00f3n WordPress<\/strong>&nbsp;para que, si hay alg\u00fan problema durante la instalaci\u00f3n, no pierdas el contenido ya creado en el&nbsp;<strong>editor cl\u00e1sico predeterminado<\/strong>&nbsp;de WordPress.<\/li>\n\n\n\n<li>Actualiza la versi\u00f3n de tu WordPress a la&nbsp;<strong>5.0 en adelante<\/strong>.<\/li>\n\n\n\n<li>Instalada la versi\u00f3n debida de WordPress,<strong>&nbsp;el editor Gutenberg ser\u00e1 el predeterminado para comenzar a trabajar<\/strong>, por lo que \u00a1ya puedes comenzar a utilizar el editor Gutenberg!<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Bloques y widgets del editor de WordPress Gutenberg<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Los bloques del editor de texto Gutenberg tienen por objetivo hacerte m\u00e1s f\u00e1cil la labor de escritura y dise\u00f1o de tus contenidos. Te permiten introducir diferentes dise\u00f1os, combinando textos, im\u00e1genes, v\u00eddeos y muchos m\u00e1s elementos de manera sencilla. A continuaci\u00f3n te explicamos un poco m\u00e1s en profundidad cada uno de ellos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bloques de texto del editor de Wordpress Gutenberg:<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img decoding=\"async\" width=\"843\" height=\"422\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-texto-843x422.jpg\" alt=\"gutenberg blocks bloques gutenberg texto\" class=\"wp-image-22562\" style=\"aspect-ratio:1;width:357px;height:auto\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-texto-843x422.jpg 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-texto-385x193.jpg 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-texto-590x295.jpg 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-texto-768x384.jpg 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-texto-1000x500.jpg 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-texto.jpg 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Como puedes observar en la barra que aparece a la izquierda de tu contenido, esta herramienta permite darle distintos estilos a tu texto. Tienes las siguientes opciones:<\/p>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li>Escribir por p\u00e1rrafos.<\/li>\n\n\n\n<li>A\u00f1adir encabezados a tu texto.<\/li>\n\n\n\n<li>Hacer un listado.<\/li>\n\n\n\n<li>Citas: a\u00f1adir citas de autores.<\/li>\n\n\n\n<li>Introducir c\u00f3digos.<\/li>\n\n\n\n<li>Volver al editor cl\u00e1sico.<\/li>\n\n\n\n<li>A\u00f1adir un estilo preformateado.<\/li>\n\n\n\n<li>Incluir un p\u00e1rrafo de cita.<\/li>\n\n\n\n<li>Insertar una tabla.<\/li>\n\n\n\n<li>Introducir estilo de un verso.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Bloques de medios del editor de WordPress Gutenberg<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" width=\"843\" height=\"422\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-medios-843x422.jpg\" alt=\"gutenberg blocks bloques gutenberg medios\" class=\"wp-image-22559\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-medios-843x422.jpg 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-medios-385x193.jpg 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-medios-590x295.jpg 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-medios-768x384.jpg 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-medios-1000x500.jpg 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-medios.jpg 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">En esta secci\u00f3n puedes a\u00f1adir a tu publicaci\u00f3n contenido diferente al texto escrito al que nos refer\u00edamos anteriormente, a\u00f1adiendo los siguientes elementos:<\/p>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li>Im\u00e1genes, a las que puedes a\u00f1adir una descripci\u00f3n.<\/li>\n\n\n\n<li>Galer\u00eda de im\u00e1genes.<\/li>\n\n\n\n<li>Un audio determinado que acompa\u00f1e y a\u00f1ada valor al contenido de tu texto.<\/li>\n\n\n\n<li>Fondo y escribir sobre \u00e9l para darle a tu post un atractivo visual.<\/li>\n\n\n\n<li>Archivo descargable para el lector.<\/li>\n\n\n\n<li>Combinar en un mismo bloque los medios con tu texto.<\/li>\n\n\n\n<li>V\u00eddeos.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Bloques de dise\u00f1o del editor de WordPress Gutenberg<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"422\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-diseno-843x422.jpg\" alt=\"gutenberg blocks bloques gutenberg dise\u00f1o\" class=\"wp-image-22565\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-diseno-843x422.jpg 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-diseno-385x193.jpg 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-diseno-590x295.jpg 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-diseno-768x384.jpg 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-diseno-1000x500.jpg 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-diseno.jpg 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Con esta herramienta puedes jugar con el estilo de tu publicaci\u00f3n utilizando los siguientes elementos:<\/p>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li>Botones, para animar a los visitantes a que realicen alguna acci\u00f3n.<\/li>\n\n\n\n<li>Columnas, a\u00f1adiendo contenido en varias columnas dentro de un mismo bloque.<\/li>\n\n\n\n<li>Grupo: un bloque que agrupa otros bloques.<\/li>\n\n\n\n<li>M\u00e1s (leer m\u00e1s).<\/li>\n\n\n\n<li>Salto de p\u00e1gina: separa el contenido en varias p\u00e1ginas.<\/li>\n\n\n\n<li>Separador horizontal, para separar ideas.<\/li>\n\n\n\n<li>Espaciador, para personalizar los espacios entre bloques.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Bloques incrustados del editor de WordPress Gutenberg<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"422\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-incrustados-843x422.jpg\" alt=\"gutenberg blocks bloques gutenberg incrustados\" class=\"wp-image-22566\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-incrustados-843x422.jpg 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-incrustados-385x193.jpg 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-incrustados-590x295.jpg 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-incrustados-768x384.jpg 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-incrustados-1000x500.jpg 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-blocks-bloques-gutenberg-incrustados.jpg 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">En esta secci\u00f3n, Gutenberg te ofrece multitud de opciones para a\u00f1adir a tu contenido desde fuentes externas como pueden ser tus Redes Sociales, las cuales puedes seleccionar a trav\u00e9s de su logo correspondiente. Esta opci\u00f3n que ofrece Gutenberg, te permite crear el contenido din\u00e1mico y visual que vengo resalt\u00e1ndote en toda esta gu\u00eda. A continuaci\u00f3n, te proponemos algunos ejemplos de herramientas desde las cuales puedes incrustar contenido:<\/p>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li>Incrustado de otras fuentes.<\/li>\n\n\n\n<li>Twitter.<\/li>\n\n\n\n<li>YouTube.<\/li>\n\n\n\n<li>Facebook.<\/li>\n\n\n\n<li>Instagram.<\/li>\n\n\n\n<li>WordPress.<\/li>\n\n\n\n<li>Spotify.<\/li>\n\n\n\n<li>Flickr.<\/li>\n\n\n\n<li>Vimeo.<\/li>\n\n\n\n<li>Sundcloud.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Widgets del editor de WordPress Gutenberg<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"422\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-widgets-843x422.jpg\" alt=\"gutenberg widgets\" class=\"wp-image-22563\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-widgets-843x422.jpg 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-widgets-385x193.jpg 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-widgets-590x295.jpg 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-widgets-768x384.jpg 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-widgets-1000x500.jpg 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/gutenberg-widgets.jpg 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Con esta opci\u00f3n, Gutenberg te va a permitir a\u00f1adir multitud de widgets a tu publicaci\u00f3n de manera muy sencilla. \u00danicamente debes seleccionar el widget que deseas incluir en tu contenido, de entre las siguiente opciones:<\/p>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li><strong>Shortcode<\/strong>: para incluir y ejecutar contenido de otro script.<\/li>\n\n\n\n<li><strong>Archivos<\/strong>: este widget permite mostrar archivos por meses.<\/li>\n\n\n\n<li>Calendario de las entradas de tu web.<\/li>\n\n\n\n<li><strong>Categor\u00edas<\/strong>: muestra un listado de las categor\u00edas.<\/li>\n\n\n\n<li><strong>HTML personalizado<\/strong>: para a\u00f1adir c\u00f3digo personalizado de HTML y visualizarlo mientras lo editas.<\/li>\n\n\n\n<li><strong>\u00daltimos comentarios<\/strong>: para mostrar una lista de tus comentarios.<\/li>\n\n\n\n<li><strong>\u00daltimas entradas<\/strong>: muestra listado de tus entradas recientes.<\/li>\n\n\n\n<li><strong>RRSS<\/strong>: muestra entradas de cualquier red social.<\/li>\n\n\n\n<li><strong>Buscar<\/strong>: para facilitar a tus visitantes la b\u00fasqueda de contenido.<\/li>\n\n\n\n<li><strong>Iconos sociales<\/strong>: para enlazar y redirigir a tus lectores hacia tus redes sociales.<\/li>\n\n\n\n<li><strong>Nube de etiquetas<\/strong>: muestra una nube de tus etiquetas m\u00e1s utilizadas.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Preguntas frecuentes sobre el nuevo editor de WordPress Gutenberg<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A la hora de utilizar y crear elementos con el editor Gutenberg debes tener en cuenta una serie de pautas como, por ejemplo, el&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/mejor-hosting-web-alojamiento\/\" target=\"_blank\" rel=\"noreferrer noopener\">hosting<\/a>, la&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/mejores-themes-wordpress-premium\/\" target=\"_blank\" rel=\"noreferrer noopener\">plantilla<\/a>&nbsp;y el&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/dominio-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">dominio<\/a>&nbsp;de tu WordPress. Normalmente cuando se utiliza este editor por primera vez suelen surgir muchas dudas y preguntas que a veces no tienen f\u00e1cil respuesta. Por ello, despu\u00e9s de muchos a\u00f1os utilizando este tipo de servicios, hemos juntado algunas<strong>&nbsp;preguntas frecuentes<\/strong>&nbsp;que nos suelen hacer amigos, conocidos y clientes a la hora de&nbsp;<strong>utilizar el editor Gutenberg de WordPress<\/strong>:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfCon qu\u00e9 plugins es compatible el editor de Gutenberg?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Solamente con algunos.&nbsp;<\/strong>Al principio presentaba bastantes&nbsp;<strong>problemas<\/strong>&nbsp;en este sentido siendo incompatible con los&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/mejores-plugins-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">mejores plugins de WordPress<\/a>&nbsp;como, por ejemplo, Yoast SEO, All in One SEO Pack, Jetpack, NextGen Gallery o SiteOrigin Panels. No obstante, actualmente son muchos los plugins con los que el editor Gutenberg presenta compatibilidad, es decir, los que el usuario puede seguir utilizando mientras Gutenberg est\u00e1 activo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nuestro consejo es que&nbsp;<strong>compruebes la compatibilidad del plugin<\/strong>&nbsp;que deseas utilizar en el directorio de plugins de Wordpress.org, buscando el mismo por su nombre. Puedes encontrar la etiqueta \u00abTested with\u00bb en el directorio de plugins de WordPress.org buscando en el nombre de tu plugin. En caso de encontrar alguna incompatibilidad, te proponemos que lo notifiques al equipo de WordPress para que lo tengan en consideraci\u00f3n para futuras versiones.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfC\u00f3mo es la experiencia de escritura en Gutenberg?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Muy buena<\/strong>. La principal ventaja que presenta Gutenberg es, como te hemos indicado anteriormente, el dise\u00f1o por bloques. Con ellos el editor te permite ir a\u00f1adiendo contenido de diferentes estilos, combinar texto con im\u00e1genes, v\u00eddeos\u2026y todos los tipos de bloque que te he comentado en esta gu\u00eda, lo que har\u00e1 tu publicaci\u00f3n mucho m\u00e1s atractiva y personalizada.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La escritura puede ser tan sencilla como comenzar tu publicaci\u00f3n con un texto e ir a\u00f1adiendo los elementos que prefieras y consideres m\u00e1s adecuados al contenido que deseas obtener, bien simplemente utilizando la tecla intro para cambiar de bloque o dirigirte a la barra de herramientas superior izquierda, y elegir el tipo de bloque que deseas a\u00f1adir. En definitiva, Gutenberg permite crear&nbsp;<strong>contenido limpio, muy visual y de forma sencilla<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfFuncionar\u00e1 Gutenberg en mi sitio web?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Depende de tu hosting<\/strong>. Gutenberg puede presentar&nbsp;<strong>ciertas incompatibilidades<\/strong>&nbsp;con ciertos sitios web. Nuestra recomendaci\u00f3n es que lo pruebes, siempre guardando antes de instalarlo una&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/copias-de-seguridad-nube\/\" target=\"_blank\" rel=\"noreferrer noopener\">copia de seguridad<\/a>&nbsp;de tu contenido. Si es incompatible, tiene soluci\u00f3n. Solamente debes&nbsp;<strong>volver a activar el editor cl\u00e1sico<\/strong>&nbsp;predeterminado, una vez lo hayas descargado, dir\u00edgete a \u00abAjustes de escritura &gt; Editor cl\u00e1sico predeterminado\u00bb de las dos opciones que ver\u00e1s en \u201cEditor predeterminado para todos los usuarios\u201d,&nbsp; y guardar los cambios.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfGutenberg permite la edici\u00f3n front-end como un maquetador visual?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>No<\/strong>. Por el momento, Gutenberg no permite modificar el contenido directo de la p\u00e1gina web. Es cierto que esta herramienta est\u00e1 avanzando r\u00e1pidamente, pero en este sentido, a\u00fan es necesario dirigirte a \u201cvista previa\u201d para ver c\u00f3mo quedar\u00eda el dise\u00f1o creado en tu p\u00e1gina web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfCu\u00e1ndo reemplazar\u00e1 Gutenberg al editor cl\u00e1sico de WordPress?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Gutenberg&nbsp;<strong>no reemplaza<\/strong>&nbsp;a\u00fan al cl\u00e1sico editor predeterminado de WordPress. Esta es otra de las ventajas de este editor, ya que al permitirte optar por utilizarlo o no, podr\u00e1s seguir editando contenidos creados con anterioridad a tu instalaci\u00f3n de Gutenberg. As\u00ed, podr\u00e1s utilizar ambos editores seg\u00fan la publicaci\u00f3n que desees crear o editar, seg\u00fan sea antigua o m\u00e1s reciente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfQu\u00e9 pasa con el contenido ya publicado fuera de Gutenberg?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>No se perder\u00e1<\/strong>. Al instalar la nueva versi\u00f3n de WordPress, como ya te he contado, el editor Gutenberg ser\u00e1 el predeterminado. Pero esto no afectar\u00e1 al contenido ya creado en esta herramienta,<strong>&nbsp;siempre que hayas guardado una copia de seguridad<\/strong>. No obstante, si quieres editar alguna publicaci\u00f3n anterior a la nueva versi\u00f3n instalada de WordPress, debes activar el editor cl\u00e1sico anterior siguiendo los pasos que ya te hemos indicado.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfC\u00f3mo puedo hacer la copia de seguridad antes de cambiar la versi\u00f3n de Wordpress?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Haciendo una&nbsp;<strong>copia del contenido<\/strong>. Antes de hacerte con la nueva versi\u00f3n de WordPress para comenzar a utilizar el editor Gutenberg, deber\u00edas hacer una copia de todos los elementos que hayas creado con anterioridad. Para realizar tu copia de seguridad, WordPress ofrece plugins o backups programados, los cuales puedes subirlos directamente a Dropbox o Google Drive. Igualmente, para hacer una copia de tus archivos en WordPress, simplemente necesitar\u00e1s un programa de FTP como FileZilla o Coda.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfC\u00f3mo se puede desactivar Gutenberg para volver al editor cl\u00e1sico?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Como te hemos contado antes, la instalaci\u00f3n del editor Gutenberg no supone el fin del cl\u00e1sico editor de WordPress. Si ya te descargaste la versi\u00f3n 5.0 de WordPress o sucesivas, puedes volver a su uso acudiendo al&nbsp;<strong>repositorio de&nbsp;WordPress<\/strong>&nbsp;e instalar el plugin del editor cl\u00e1sico, en la siguiente direcci\u00f3n:&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/classic-editor\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/wordpress.org\/plugins\/classic-editor\/<\/a>&nbsp;; una vez lo hayas instalado, debes dirigirte a \u00abAjustes de escritura &gt; Editor cl\u00e1sico\u00bb de las dos opciones que ver\u00e1s en \u201cEditor predeterminado para todos los usuarios\u201d y guardar los cambios.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfEs aconsejable desactivar Gutenberg?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>No te lo aconsejamos<\/strong>. Gutenberg ha venido para quedarse y, aunque actualmente pueda combinarse con el editor cl\u00e1sico de WordPress, en el futuro todas las plantillas de WordPress&nbsp;<strong>funcionar\u00e1n con este editor<\/strong>. \u00bfNuestro consejo? Aprovecha que a\u00fan puedes seguir combinando ambos editores, el cl\u00e1sico y el nuevo, trabaja con el cl\u00e1sico si lo prefieres, pero aprende y crea todo lo que puedas con Gutenberg.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mejores plugins de bloques para el editor Gutenberg de WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El&nbsp;<strong>editor de Gutenberg<\/strong>, como has comprobado, es un nuevo paradigma dentro de WordPress. Desarrolladores y creativos han comenzado a dise\u00f1ar&nbsp;<strong>plugins de bloques<\/strong>&nbsp;para conseguir que todos los usuarios, independientemente de su conocimiento y sus necesidades, puedan crear un espacio de modo sencillo. La mayor parte de las herramientas se caracterizan por su ligero peso y por las posibilidades de configuraci\u00f3n. Para que t\u00fa mismo puedas comprarlo he elaborado una lista de los<strong>&nbsp;mejores plugins de bloques para el editor de Gutenberg<\/strong>:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Kadence Blocks<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"474\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/08\/gutenberg-blocks-mejores-plugins-bloques-gutenberg-wordpress-kadence-blocks-843x474.webp\" alt=\"gutenberg blocks mejores plugins bloques gutenberg wordpress kadence blocks\" class=\"wp-image-36550\" title=\"gutenberg blocks mejores plugins bloques gutenberg wordpress kadence blocks\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/08\/gutenberg-blocks-mejores-plugins-bloques-gutenberg-wordpress-kadence-blocks-843x474.webp 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/08\/gutenberg-blocks-mejores-plugins-bloques-gutenberg-wordpress-kadence-blocks-385x217.webp 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/08\/gutenberg-blocks-mejores-plugins-bloques-gutenberg-wordpress-kadence-blocks-590x332.webp 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/08\/gutenberg-blocks-mejores-plugins-bloques-gutenberg-wordpress-kadence-blocks-768x432.webp 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/08\/gutenberg-blocks-mejores-plugins-bloques-gutenberg-wordpress-kadence-blocks-1000x563.webp 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/08\/gutenberg-blocks-mejores-plugins-bloques-gutenberg-wordpress-kadence-blocks.webp 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Kadence Blocks<\/strong>&nbsp;es un plugin de bloques para Gutenberg que se caracteriza por su \u00f3ptimo funcionamiento. La herramienta contiene la mayor parte de los&nbsp;<strong>bloques m\u00e1s utilizados en WordPress<\/strong>&nbsp;(filas, pesta\u00f1as, galer\u00edas, formularios e iconos) para a\u00f1adir m\u00e1s funcionalidades al editor de contenidos. El complemento permite crear&nbsp;<strong>dise\u00f1os personalizados<\/strong>&nbsp;para conseguir un estilo propio y desactivar los restantes para que no ocupen espacio en la p\u00e1gina.<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h4 class=\"wp-block-heading\">Caracter\u00edsticas <\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li><strong>Dise\u00f1o responsivo<\/strong>: Los bloques de Kadence Blocks est\u00e1n dise\u00f1ados para adaptarse de manera \u00f3ptima a diferentes dispositivos y tama\u00f1os de pantalla, lo que garantiza una experiencia de usuario consistente en todos los dispositivos.<\/li>\n\n\n\n<li><strong>Bloques avanzados<\/strong>: Ofrece una amplia variedad de bloques avanzados que permiten a los usuarios crear dise\u00f1os complejos y atractivos sin necesidad de conocimientos de codificaci\u00f3n. Algunos de estos bloques incluyen galer\u00edas de im\u00e1genes, acordeones, tablas de precios, testimonios, formularios de contacto, entre otros.<\/li>\n\n\n\n<li><strong>Control de estilos<\/strong>: Kadence Blocks proporciona un control detallado sobre el estilo y la apariencia de los bloques, lo que permite personalizar f\u00e1cilmente la tipograf\u00eda, los colores, los m\u00e1rgenes, el espaciado y otros aspectos visuales para que coincidan con la identidad de marca del sitio web.<\/li>\n\n\n\n<li><strong>Optimizaci\u00f3n de rendimiento<\/strong>: Se enfoca en mantener un rendimiento \u00f3ptimo del sitio web, asegur\u00e1ndose de que los bloques generados por Kadence Blocks sean livianos y eficientes en t\u00e9rminos de carga de la p\u00e1gina.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Planes de precios<\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li><strong>Essentials <\/strong>($149\/A\u00f1o).<\/li>\n\n\n\n<li><strong>Full<\/strong> ($219\/A\u00f1o).<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/ignaciosantiago.com\/ir-a\/kadence-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ir a Kadence Blocks \u1405<\/a><\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Genesis Blocks<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"474\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/08\/gutenberg-blocks-mejores-plugins-bloques-gutenberg-wordpress-genesis-blocks-843x474.webp\" alt=\"gutenberg blocks mejores plugins bloques gutenberg wordpress genesis blocks\" class=\"wp-image-36551\" title=\"gutenberg blocks mejores plugins bloques gutenberg wordpress genesis block\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/08\/gutenberg-blocks-mejores-plugins-bloques-gutenberg-wordpress-genesis-blocks-843x474.webp 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/08\/gutenberg-blocks-mejores-plugins-bloques-gutenberg-wordpress-genesis-blocks-385x217.webp 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/08\/gutenberg-blocks-mejores-plugins-bloques-gutenberg-wordpress-genesis-blocks-590x332.webp 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/08\/gutenberg-blocks-mejores-plugins-bloques-gutenberg-wordpress-genesis-blocks-768x432.webp 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/08\/gutenberg-blocks-mejores-plugins-bloques-gutenberg-wordpress-genesis-blocks-1000x563.webp 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/08\/gutenberg-blocks-mejores-plugins-bloques-gutenberg-wordpress-genesis-blocks.webp 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Genesis Blocks<\/strong>&nbsp;es un plugin de bloques para el editor Gutenberg de car\u00e1cter gratuito. La herramienta naci\u00f3 para&nbsp;<strong>sustituir al Atomic Blocks<\/strong>, una colecci\u00f3n de bloques que exist\u00eda hace a\u00f1os y que desde hace un tiempo forma parte de StudioPress. Durante unos meses&nbsp;<strong>ambas estar\u00e1n disponibles&nbsp;<\/strong>para el usuario. La \u00fanica diferencia reside en el nombre los bloques y clases que utilizan. Destaca especialmente su capacidad de personalizaci\u00f3n, sus dise\u00f1os y su buen funcionamiento.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Caracter\u00edsticas <\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li><strong>Integraci\u00f3n con Genesis Framework<\/strong>: Genesis Blocks est\u00e1 dise\u00f1ado para trabajar de manera perfecta con el Genesis Framework, lo que garantiza una integraci\u00f3n perfecta y un rendimiento \u00f3ptimo cuando se utiliza con temas de StudioPress y otros temas de Genesis.<\/li>\n\n\n\n<li><strong>Bloques Pre-dise\u00f1ados<\/strong>: Ofrece una amplia variedad de bloques pre-dise\u00f1ados que pueden ser f\u00e1cilmente personalizados y utilizados para construir dise\u00f1os complejos sin necesidad de conocimientos de codificaci\u00f3n. Estos bloques incluyen secciones de contenido, testimonios, llamadas a la acci\u00f3n, listas de precios, y m\u00e1s.<\/li>\n\n\n\n<li><strong>Flexibilidad de dise\u00f1o<\/strong>: Genesis Blocks proporciona un alto grado de flexibilidad en t\u00e9rminos de dise\u00f1o, permitiendo a los usuarios crear dise\u00f1os personalizados mediante la combinaci\u00f3n de diferentes bloques y ajustando las opciones de estilo para que coincidan con la identidad de marca del sitio web.<\/li>\n\n\n\n<li><strong>Optimizaci\u00f3n para la velocidad<\/strong>: Est\u00e1 optimizado para la velocidad y el rendimiento, asegurando que los sitios web construidos con Genesis Blocks carguen r\u00e1pidamente y ofrezcan una experiencia de usuario fluida.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Planes de precios<\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li><strong>Essential <\/strong>($20\/Mes).<\/li>\n\n\n\n<li><strong>Core <\/strong>($400\/Mes).<\/li>\n\n\n\n<li><strong>Enterprise <\/strong>($2000\/Mes).<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/ignaciosantiago.com\/ir-a\/genesis-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ir a Genesis Blocks \u1405<\/a><\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Stackable<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"474\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/08\/gutenberg-blocks-mejores-plugins-bloques-gutenberg-wordpress-stackable-843x474.webp\" alt=\"gutenberg blocks mejores plugins bloques gutenberg wordpress stackable\" class=\"wp-image-36553\" title=\"gutenberg blocks mejores plugins bloques gutenberg wordpress stackable\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/08\/gutenberg-blocks-mejores-plugins-bloques-gutenberg-wordpress-stackable-843x474.webp 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/08\/gutenberg-blocks-mejores-plugins-bloques-gutenberg-wordpress-stackable-385x217.webp 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/08\/gutenberg-blocks-mejores-plugins-bloques-gutenberg-wordpress-stackable-590x332.webp 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/08\/gutenberg-blocks-mejores-plugins-bloques-gutenberg-wordpress-stackable-768x432.webp 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/08\/gutenberg-blocks-mejores-plugins-bloques-gutenberg-wordpress-stackable-1000x563.webp 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/08\/gutenberg-blocks-mejores-plugins-bloques-gutenberg-wordpress-stackable.webp 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Stackable&nbsp;<\/strong>es el&nbsp;<strong>plugin de Gutenberg que m\u00e1s bloques proporciona<\/strong>&nbsp;para crear una p\u00e1gina. Actualmente pone a disposici\u00f3n del usuario&nbsp;<strong>26 tipos<\/strong>&nbsp;que contin\u00faan increment\u00e1ndose. La herramienta ofrece controles en las secciones, en los fondos y en la&nbsp;<strong>personalizaci\u00f3n para m\u00f3viles<\/strong>. Tambi\u00e9n destaca la diversidad de opciones vers\u00e1tiles de imagen y color para crear un dise\u00f1o en concordancia con la imagen corporativa.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Caracter\u00edsticas <\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li><strong>Dise\u00f1o moderno y atractivo<\/strong>: Stackable ofrece una amplia variedad de bloques con dise\u00f1os modernos y atractivos que pueden ser f\u00e1cilmente personalizados para adaptarse a las necesidades de dise\u00f1o de cualquier sitio web.<\/li>\n\n\n\n<li><strong>Gran variedad de bloques<\/strong>: Stackable incluye una amplia gama de bloques, que van desde bloques de dise\u00f1o b\u00e1sico como columnas y encabezados hasta bloques m\u00e1s avanzados como testimonios, galer\u00edas, contadores, y mucho m\u00e1s.<\/li>\n\n\n\n<li><strong>Bloques de secciones Pre-dise\u00f1adas<\/strong>: Adem\u00e1s de bloques individuales, Stackable ofrece bloques de secciones pre-dise\u00f1adas que permiten a los usuarios crear dise\u00f1os complejos y atractivos con facilidad.<\/li>\n\n\n\n<li><strong>Opciones de estilo avanzadas<\/strong>: Stackable proporciona numerosas opciones de estilo para cada bloque, lo que permite a los usuarios personalizar f\u00e1cilmente la apariencia de los elementos en su sitio web, incluyendo colores, fuentes, espaciado y m\u00e1s.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Planes de precios<\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li><strong>Personal <\/strong>($49\/A\u00f1o).<\/li>\n\n\n\n<li><strong>Business <\/strong>($99\/A\u00f1o).<\/li>\n\n\n\n<li><strong>Agency <\/strong>($149\/A\u00f1o).<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/ignaciosantiago.com\/ir-a\/stackable\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ir a Stackable \u1405<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n: Comienza a editar con Gutenberg en tu p\u00e1gina web<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Como has podido comprobara lo largo de esta gu\u00eda,<strong>&nbsp;<\/strong>utilizar el nuevo editor de texto Gutenberg de WordPress es&nbsp;<strong>casi una obligaci\u00f3n<\/strong>&nbsp;por las muchas ventajas que ofrece y que se acabar\u00e1n convirtiendo en las&nbsp;<strong>favoritas de todo usuario<\/strong>. Gutenberg proporciona un gran abanico de posibilidades para todo aquel que quiera iniciarse en el dise\u00f1o de p\u00e1ginas web, poniendo a tu alcance la combinaci\u00f3n de multitud de herramientas y dise\u00f1os que puedes a\u00f1adir a tu publicaci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A diferencia de otros editores, Gutenberg garantiza su&nbsp;<strong>sencillez a la hora de editar y crear contenido<\/strong>, gracias a su funcionalidad mediante bloques. No le tengas miedo a este nuevo editor, ya que son mayores las ventajas que presenta que sus inconvenientes. Con \u00e9l lograr\u00e1s personalizar tus publicaciones, insertar los elementos que se adapten a tu contenido y jugar con im\u00e1genes o v\u00eddeos para hacer tu publicaci\u00f3n m\u00e1s atractiva.&nbsp;<strong>Gutenberg ha llegado para quedarse<\/strong>, por lo que cuanto antes lo domines mejor para tu web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00bfQu\u00e9 te ha parecido esta&nbsp;<strong>gu\u00eda sobre el nuevo editor de texto Gutenberg para Wordpress<\/strong>? \u00bfTe hemos animado a comenzar a sacarle partido a esta herramienta? \u00bfQuieres contar tu experiencia? \u00bfCrees que nos hemos dejado algo por el camino? \u00bfTe has quedado con alguna duda o pregunta? Entonces te pedimos que&nbsp;<strong>dejes un&nbsp;comentario<\/strong>. Da igual que sea o una duda o un simple gracias, pero nos alegraremos mucho de leerlo y responderlo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfTe gustar\u00eda&nbsp;editar contenidos de manera sencilla&nbsp;en tu&nbsp;p\u00e1gina web,&nbsp;blog&nbsp;o&nbsp;tienda online? \u00bfHas o\u00eddo hablar de&nbsp;Gutenberg, el nuevo&nbsp;editor de texto&nbsp;de&nbsp;WordPress, pero desconoces c\u00f3mo funciona y c\u00f3mo sacarle el m\u00e1ximo partido? \u00bfBuscas&nbsp;Gutenberg blocks&nbsp;para mejorar la funcionalidad de Gutenberg? \u00a1Est\u00e1s en el sitio correcto!&nbsp;Gutenberg&nbsp;es el editor de WordPress que te permite&nbsp;simplificar la edici\u00f3n web&nbsp;para crear espacios de calidad gracias a [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":22556,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":0,"page_builder":"","footnotes":""},"categories":[201,209],"tags":[],"class_list":["post-22555","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","category-tutoriales"],"permalink_manager":null,"_links":{"self":[{"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/posts\/22555","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/comments?post=22555"}],"version-history":[{"count":1,"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/posts\/22555\/revisions"}],"predecessor-version":[{"id":37788,"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/posts\/22555\/revisions\/37788"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/media\/22556"}],"wp:attachment":[{"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/media?parent=22555"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/categories?post=22555"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/tags?post=22555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}