User Twig, ¿Como añadir css a una user twig drupal 11?

Descripción
En Drupal 11, puedes añadir CSS a la página de usuario (user) usando Twig de varias formas. La más correcta normalmente es adjuntar una librería desde Twig o desde el archivo .libraries.yml del tema. Te explico las opciones más comunes.
Instrucciones

1️⃣ Método recomendado: Adjuntar una librería CSS desde Twig

1. Crear la librería en tu tema

En tu tema (por ejemplo mi_tema.libraries.yml):

 
user-styles:  css:    theme:      css/user.css: {}

Luego crea el archivo:

 
themes/custom/mi_tema/css/user.css

2. Adjuntar la librería en el Twig

Edita el template, por ejemplo:

 
user.html.twig

o

 
user--profile.html.twig 

Y añade al inicio:

 
{{ attach_library('mi_tema/user-styles') }}

2️⃣ Añadir una clase CSS desde Twig

Si solo quieres aplicar estilos a esa plantilla:

 
<div class="user-profile-custom">  {{ content }} </div>

Luego en CSS:

 
.user-profile-custom {  background: #f5f5f5; }

3️⃣ Añadir CSS solo para la página de usuario (recomendado)

En page--user.html.twig:

 
{{ attach_library('mi_tema/user-styles') }}

Esto aplica el CSS solo en páginas de usuario.


4️⃣ Limpiar caché (muy importante)

Después de cambiar Twig o librerías:

 
drush cr

o desde:

 
/admin/config/development/performance

Consejo Drupal:
Nunca metas <style> directamente en Twig. Drupal usa librerías para manejar correctamente los assets.

Snippets relacionados

Lo siento!!!, todavía no tengo contenidos del blog para esta categoría, pero puedes buscar en los Blog o en Cursos

También puedes utilizar el buscador de la parte superior, para encontrar lo que buscas en toda la web.

Más Snippets