¡Gorros de Navidad!

[Kartoon]

@cpradio

Aquí tienes (un saludo a sama74 de SP que ayudó a poner esto en marcha)

1. Sube esta imagen a tu tema Staff > Assets
2. Ve a Admin > Customize > CSS

#current-user div {
  position: relative;
}
#current-user div::after {
  position: absolute;
  content: '';
  display: block;
  top:-16px;
  left: -8px;
  width: 45px;
  height: 45px;
  /* ACTUALIZA LA URL ABAJO */
  background: url(url_del_recurso_del_sombrero_de_navidad) no-repeat center;
  background-size: contain;
}

Por último, pero no menos importante, asegúrate de que la personalización se guarde y se active.

Si alguien está buscando y encuentra este tema, el código anterior ya no funciona, pero hice uno actualizado.

.current-user {
  position: relative;
}
.current-user::after {
  position: absolute;
  content: '';
  display: block;
  top:-16px;
  left: -8px;
  width: 45px;
  height: 45px;
  /* ACTUALIZA LA URL ABAJO */
  background: url(URL AQUÍ) no-repeat center;
  background-size: contain;
  pointer-events: none;
}

La línea “pointer-events” también es importante porque sin ella ya no puedes hacer clic en tu foto de perfil para abrir el menú porque la superposición del sombrero lo bloquea (puedes hacer clic en la esquina superior derecha y en la parte inferior, pero esto es molesto y no se nota de inmediato).

El otro código publicado por @Robert (el segundo) para agregar los sombreros en los perfiles dentro del tema todavía funciona, sin embargo, contiene el mismo problema (aunque es menos importante porque aún puedes hacer clic en el nombre de usuario justo al lado de la imagen esta vez), pero si también quieres arreglar ese, puedes simplemente agregar pointer-events: none;