¿Cómo configurar tus opciones con el archivo theme.json?

Clase 8 de 11 • Curso de Full Site Editing en WordPress

Ezequiel Piñero

student•

Dejo el código del profesor

{
    "version": 1,
	"setting": {
		"color": {
			"palette": [
				{
                    "slug": "green",
                    "color": "#98ca3f",
                    "name": "Green"
                },
                {
                    "slug": "dark-blue",
                    "color": "#121f3d",
                    "name": "Dark Blue"
                }
            ]
        },
        "layout": {
            "contentSize": "610px",
            "wideSize": "1240px"
        },
        "typography": {
            "fontSizes": [
                {
                    "slug": "np",
                    "size": "0px",
                    "name": "New Paragraph"
                }
            ]
        },
        "blocks": {
            "core/paragrph": {
                "color": {
                    "custom": true
                }
            },
            "core/heading": {
                "color": {
                    "custom": false
                }
            }
        }
    }
}

Julian David Sierra Cabrera

student•

Es settings y no setting.

Facundo Oubel

student•

Hola, me pidieron que modifique un custom post type que cree sin el uso de plugins ni nada por el estilo, sino mediante el codigo; la idea es que quite por ej: el boton que dice “añadir nuevo”, le aplique estilos, etc. No tengo idea de como encontrar el contenido o los archivos html y css a modificar en la carpeta del mismo.

Facundo Oubel

student•

A lo que voy es que desde el navegador si apreto f12 puedo encontrar los elementos y quitar el button, agregarle estilos, etc… pero claramente ahi no queda guardado; yo lo que necesito es hacer lo mismo pero desde mi editor de texto, desde la carpeta del programa pero desde ahi no lo encuentro…

Lucio Negrello

teacher•

Hola Facundo, cómo estás? Lo que vos querés hacer es modificar la interface del administrador. Para eso es necesario que agregues tus recursos CSS al admin. Para agregar assets al admin podés usar este hook:

add_action( 'admin_enqueue_scripts', 'tu_funcion' );

y dentro de la función hacer tus enqueuescomo los hacés para el resto del theme. Saludos!

Naudy José Romero Valero

student•

como siempre excelente explicación...

Raúl Castellano

student•

Hola, ¿cómo puedo abrir mi Wordpress Theme para editarlo en Visual Studio?

Julian David Sierra Cabrera

student•

Desde Archivo / Abrir Carpeta y busca en el explorador de archivos.

Eder Flores

student•

hola, estoy usando FSE con woocommerce, hay cosas que modificando en woocommerce block no me toma los ajustes, como que se van a los de por defecto de woocommerce, por ejemplo, el color de migas de pan, color de precios de los productos relacionados

{
    "version": 1,
	"setting": {
		"color": {
			"palette": [
				{
                    "slug": "green",
                    "color": "#98ca3f",
                    "name": "Green"
                },
                {
                    "slug": "dark-blue",
                    "color": "#121f3d",
                    "name": "Dark Blue"
                }
            ]
        },
        "layout": {
            "contentSize": "610px",
            "wideSize": "1240px"
        },
        "typography": {
            "fontSizes": [
                {
                    "slug": "np",
                    "size": "0px",
                    "name": "New Paragraph"
                }
            ]
        },
        "blocks": {
            "core/paragrph": {
                "color": {
                    "custom": true
                }
            },
            "core/heading": {
                "color": {
                    "custom": false
                }
            }
        }
    }
}

¿Cómo configurar tus opciones con el archivo theme.json?

Novedades en WordPress

¿Qué necesitas para aprender Full Site Editing en WordPress?

¿Cuáles son las nuevas características de WordPress?

Uso de widgets y bloques

Maneja tus widgets con bloques

¿Cuáles son las novedades sobre bloques?

Habilita los block templates en tu theme

Crea tu propio template block, aplícalo a una página y compártenos el resultado

Integrando temas

¿Cómo configurar tus opciones con el archivo theme.json?

Agrega estilos globales a tu theme

Próximos pasos

Instala Gutenberg para ampliar estas características

Y ahora, ¿por dónde puedo continuar con WordPress?