Si está leyendo este tutorial, probablemente ya haya probado el nuevo editor Gutenberg para WordPress.
Si aún no lo ha hecho, le recomiendo que lo pruebe. Actualmente está disponible como un complemento, pero se fusionará con WordPress en algún momento en el futuro, por lo que tendrá que conocerlo algún día.
Como todas las nuevas interfaces de usuario, tiene sus seguidores y detractores. Siempre lleva tiempo sentirse cómodo con una nueva interfaz y es tentador descartar la nueva versión.
Como mucha gente, al principio era escéptico con Gutenberg. He estado trabajando con la interfaz anterior durante algunos años y estoy familiarizado con ella.
Pero Gutenberg trae un montón de optimizaciones. Y tiene una característica que realmente me hizo pensar dos veces. ¿Qué es esta característica? Estos son los bloques duplicados y compartidos.
Puede que no parezca mucho, pero tiene el potencial de mejorar mi forma de crear. contenido más eficiente, y para hacer esto contenido más eficaz para llevar visitantes actuar después de leerlo.
En este tutorial, le mostraré cómo crear bloques duplicados y compartidos en Gutenberg y compartiré algunas de las posibilidades que abren.
Pero primero, una introducción rápida a los bloques.
¿Cuáles son los bloques?
Los bloques son lo que enciende Gutenberg. Todo tu contenido se agregará a través de un bloque. En la siguiente captura de pantalla puedes ver un artículo con varios bloques en el editor:
Hay una amplia variedad de bloques disponibles, que reflejarán los tipos de contenido que estás acostumbrado a agregar a tus publicaciones, pero te ofrecen una forma diferente de hacerlo. Los bloques incluyen:
- Bloques de texto: párrafos, listas, encabezados, código, citas, tablas
- Bloques de medios: imagen, galería, audio, video
- Elementos de diseño: botones, espaciadores, separadores, saltos de página
- Bloques de widgets: categorías, últimas publicaciones, código corto
- Integrar bloques: YouTube, Soundcloud, Spotify, Twitter y más
La gama de bloques es enorme y está creciendo con una serie de complementos de terceros lanzados que utilizan la API de Gutenberg para agregar bloques adicionales.
Siempre que necesite agregar una parte de contenido a una publicación o página, agrega un bloque. Y cada contenido se almacenará en su propio bloque, incluso en párrafos individuales.
Esto significa que puede mover sus bloques para editar y reorganizar su contenido. También significa que puede reutilizar bloques de contenido creando un bloque duplicado o compartido.
Bloques duplicados
Un bloque duplicado es bastante sencillo. Tomas un bloque existente que creaste y haces una copia de él.
Para hacer esto, pase el mouse sobre la elipse (tres puntos alineados verticalmente) a la derecha del bloque y haga clic en la opción duplicar .
Se creará un duplicado de este bloque directamente después del bloque original, en el mismo artículo.
Puede usarlo cuando desee duplicar contenido (como una cita, eliminación, llamado a la acción o imagen) y agregar otra copia en otra parte de su artículo. Simplemente arrastre el nuevo bloque a donde desee que esté. ¡Tenga cuidado de no colocar bloques duplicados demasiado cerca unos de otros o crear accidentalmente demasiados duplicados!
Otro uso puede ser cuando se desea crear un segundo bloque que sea similar al primero pero no el mismo. En este caso, debe crear el bloque duplicado y luego modificarlo. Esto es útil si ha pasado algún tiempo formateando su primer bloque (por ejemplo, el tamaño de una imagen) y desea duplicar el formato, pero cambiar el contenido, o viceversa.
Cuando edita un bloque duplicado, los cambios que realiza no tienen ningún impacto en el bloque original: son dos bloques desconectados.
Por lo tanto, los bloques duplicados son excelentes para ahorrar tiempo cuando desea crear contenido que sea igual o ligeramente diferente de otro contenido en su publicación.
Pero tienen un defecto: funcionan solo en un artículo individual. ¿Qué usa si desea duplicar contenido entre artículos? Aquí es donde entran los bloques compartidos.
Bloques compartidos
Un bloque compartido funciona de manera diferente a un bloque duplicado. Cuando crea un bloque compartido, es como una plantilla para todos los demás bloques que crea a partir de él. Y cuando cambia cualquiera de esos bloques, los cambios se reflejan en todos los bloques compartidos. Puede anularlo, como le mostraré en breve.
Crea un bloque compartido
Para crear un bloque compartido, comience creando cualquier tipo de bloque normal de la forma habitual. Luego, una vez que haya hecho eso, coloque el cursor sobre la elipse nuevamente y esta vez seleccione la opción Convertir a bloque compartido .
Verá un campo de texto debajo del bloque, donde deberá asignarle un nombre al bloque.
Dale al bloque un nombre único que tenga sentido cuando lo agregues a publicaciones que no sean esta. Debería ser memorable, para que sepa exactamente cuál es el bloqueo cuando vuelva a usarlo en semanas o incluso meses. Encuentro útil agregar el tipo de bloque después del título, entre paréntesis. Una vez que haya escrito el nombre del bloque, presione el botón Siguiente .
El título que le dio al bloque se mostrará debajo de él en el editor cada vez que lo use, pero no se mostrará en la parte frontal de su sitio.
Reutilizar un bloque compartido
El poder de los bloques compartidos es que, habiéndolos creado una vez, puede reutilizarlos tantas veces como desee, en cualquier lugar de su sitio.
Cuando desee agregar un bloque compartido a un artículo, en lugar de crear un bloque de texto normal, haga clic en el botón + en la parte superior izquierda de la pantalla de edición. Aparecerá un menú contextual con una variedad de tipos de bloques para que elijas. Desplácese hacia abajo hasta que vea la opción partagée y haz clic en él.
Ahora verá todos los bloques compartidos que ha creado en su sitio. El mío parece un poco desordenado: experimenté con bloques compartidos en este sitio local y no les di el mejor nombre.
Ahora haga clic en el bloque compartido que desea usar y se agregará a su artículo.
Editar bloques compartidos
La edición de bloques compartidos conlleva algunas complicaciones que debes tener en cuenta. La primera es que si editas un bloque compartido que agregaste a una publicación, su contenido también se cambiará en cada publicación donde agregaste ese bloque.
Para modificar el bloque, haga clic en el botón Cambiar teniendo en cuenta su título. Luego puede editar el contenido y el título del bloque. Estos cambios entrarán en vigor en todas las instancias del bloque.
Es una excelente manera de realizar cambios en su sitio si tiene contenido que debe actualizarse. Por ejemplo, si ha utilizado un bloqueo compartido para una llamada a la acción con su número de teléfono o dirección de correo electrónico y sus datos de contacto cambian, solo tendrá que editar el bloqueo una vez.
Sin embargo, esto es un problema si solo desea editar una instancia del bloque compartido y hacer que su contenido sea ligeramente diferente en un artículo. Para hacer esto, debe convertirlo en un bloque normal y luego editarlo. Pase el cursor sobre la elipse a la derecha del bloque y haga clic en la opción Eliminar bloques reutilizables.
Entonces se comportará como cualquier otro bloque regular en su sitio.
Si desea crear otro bloque compartido similar a un bloque existente (por ejemplo, si desea dos versiones diferentes de su texto de llamada a la acción que usará según el contenido de la publicación), puede hacerlo. Sigue estos pasos:
- Cree su primer bloque compartido como se describe anteriormente.
- Agregar el bloque compartido a un nuevo artículo
- Convierta a un bloque normal y modifíquelo.
- Conviértalo en un bloque compartido, como hiciste la primera vez.
- Asígnele un nombre diferente al original, un nombre que le ayudará a identificar fácilmente las diferencias entre los dos bloques. Guárdalo.
Ahora tiene dos bloques compartidos que puede usar en cualquier parte de su sitio.
Almacenamiento de bloques compartidos.
Si tiene la intención de crear varios bloques compartidos para usar en su sitio, tiene sentido mantener una copia de cada uno si están en una ubicación donde pueda acceder fácilmente y editarlos.
He creado un artículo en mi sitio que no publicaré y que contiene una copia única de cada uno de los bloques compartidos que he creado.
No solo puedo usar este artículo para acceder a todos mis bloques compartidos; si quiero, también puedo agregar texto sobre cada uno para proporcionar una nota sobre qué es cada bloque y dónde está diseñado para ir en mi sitio, como qué tipo de publicaciones, en qué lugar de la publicación, etc. Esto actúa como un punto de referencia útil que yo (o cualquier otra persona que edite el sitio) puedo usar para asegurarme de que estoy usando los bloques compartidos de manera consistente. También me facilita encontrar un bloque compartido si necesito editarlo.
Los bloques duplicados y compartidos hacen que la administración de contenido sea más eficiente
Poder crear contenido duplicado como este en forma de bloques duplicados o compartidos hace que el proceso de agregar contenido a su sitio sea más eficiente.
En mi opinión, las mayores ganancias provienen del uso de bloques compartidos para el contenido que desea agregar a múltiples publicaciones en su sitio, como llamadas a la acción. En el pasado, esto es algo que hice al escribir un complemento y enganchar el contenido a un gancho de acción en cada una de mis publicaciones, pero eso solo es posible si su tema tiene un gancho en el lugar correcto. y si se siente cómodo con el código. Gutenberg hará que sea más fácil y rápido crear, agregar y administrar contenido duplicado en un sitio.
¡Cuéntanos cómo usaste bloques duplicados y compartidos!
