Windows. Linux. Wordpress. Joomla. GIMP. Inkscape. Reparaciones.

Wordpress - Cómo destacar los bordes de los bloques en Gutenberg

Mucha gente odia el editor Gutenberg porque es difícil de editar con él, pero hay un truco que permite editar confortablemente. Es un trozo de código que añade bordes a los bloques y párrafos, que hay que insertarlo en functions.php:

add_action( 'admin_head', function () { ?>
<style>
.block-editor-block-list__layout div.block-editor-block-list__layout
{	border:1px solid blue;
}
.block-editor-block-list__layout p
{	border:1px solid red;
}
.block-editor-block-list__layout div.block-list-appender
{	border:1px solid lime;
}
.block-editor-block-list__layout div.components-resizable-box__container
{	border:1px solid pink;
}
</style>
<?php } );

Este código consiste en un hook que resultará en que el editor se muestre de esta manera. Bordes rojos para los párrafos, bordes azules para los bloques y bordes verdes para bloques que se pueden añadir:

Por supuesto, puedes cambiar los colores de los bordes si deseas.




Últimas entradas
FechaCategoríaTítulo
25/05/2023WordpressCómo destacar los bordes de los bloques en Gutenberg
16/04/2023HardwareCómo cambiar la pila CMOS de un portátil Acer Aspire E5-521
11/06/2019InternetCómo loguearse en los sitios web de forma segura
12/12/2018KdenliveCómo crear una postal navideña animada
22/10/2018LinuxEl comando sl (Locomotora de Vapor)
11/10/2018KdenliveEl efecto Croma
07/10/2018GIMPCómo crear un botón de tres estados
30/08/2018GIMPCómo resaltar texto
05/03/2016JoomlaCómo crear una web con Joomla
07/08/2014SEOCómo puntuar alto en los motores de búsqueda