Si queremos añadir una referencia a una hoja de estilos CSS desde la Master Page de nuestro sitio de SharePoint Online, podemos hacerla relativa a la colección de sitios de la siguiente forma:


Podemos usar los siguientes comodines en la ruta:

  • $SPUrl:~SiteCollection : Para partir de la raíz de la colección de sitios
  • $SPUrl:~Site : Para partir de la raíz del sitio actual
  • ~language : Se sutituirá por el código del idioma (en-us, es-es …)

Para recursos compartidos por toda la colección de sitios, se recomienda usar la Style Library, creando un directorio específico para el idioma, y dentro, otro específico de “mi branding”

Idem para el site, pero utilizando la biblioteca de SiteAssets.

¿Y si dentro de mi CSS necesito referenciar URLs para backgrounds, etc?

Pues en ese caso, asumiremos que el path que debemos poner, es relativo a la ubicación de la CSS. Es decir, si tenemos la CSS en la Style Library, y dentro de esta tenemos una carpeta “images”, pues el estilo lo definiremos como:


Saludos!!