El lugar asesorado para poner imágenes y archivos CSS.

Question

He estado buscando en la red para algún consejo y explicación sobre dónde colocar mi CSS personalizados e imágenes para la página principal en SharePoint 2010. Ahora estoy ocupado con la marca el portal y estoy un poco confundido donde deberían ir los archivos de CSS y las imágenes.

Tengo pocas opciones, ya sea puse los archivos en el portal en la biblioteca de estilo (biblioteca de documentos) o Los puse en la colmena (por supuesto con la solución) ¿Y si en la colmena en qué directorio exactamente? 1033 / estilos?(Si en este caso me gustaría saber por qué? ¿Por qué es 1033?) / Imagenes? Otro lugar?

Por supuesto Puedo poner mis archivos donde lo quiera, pero preferiría escuchar la mejor práctica (el mejor lugar, la forma normal de hacerlo).

Answer 1

If you want a super user to be able to change logos etc, or if the logo is specific to a site collection, place them in a subfolder in /Style Library/Images/.

However often you dont want the layout files of your page, or your CSS for that matter, to be changed by end users. This is a good reason to place them somewhere in the v\TEMPLATE\LAYOUTSfolder. These files are also available across all site collections in the farm as/_LAYOUTS`.

Exactly where under LAYOUTS really depends... If they should be able to change depending on language, you should place them under each language in LAYOUTS\<LCID>\IMAGES\yourSubDir or LAYOUTS\<LCID>\STYLES\yourSubDir (you will have one folder for each language pack you have installed).

When inserting CSS use the <Sharepoint:CSSRegistration ../> web control in the master page, SharePoint will pick the relevant localized CSS file depending on the language selected by site owner or user (see my blog post for more info) and possible caveats. This will also make sure that your CSS file is not cached when it is changed.

SharePoint libraries in general have "issues" with max-age header, which would cause excessive requests to the server even though page is cached

As you state, you can put them anywhere you want, and as you can see the answer (as usual with SharePoint is "it depends"). It is not the first time we discuss this either. Check similar question here.

On a final note, they way the files end up where they do is important too! You should always use Solutions and if needed Features to provision the files no matter where you decide to stick them!

EDIT: Files that should be published in a SharePoint library must be published using a Module element in a feature. Here you want to set it to be GhostableInLibrary. Example:

<?xml version="1.0" encoding="utf-8"?>
<Elements xmlns="http://schemas.microsoft.com/sharepoint/">
  <Module Name="MyWelcomePageTemplate" Url="$Resources:osrvcore,List_Pages_UrlName;" Path="MyWelcomePageTemplate">
    <File Url="default.aspx" Type="GhostableInLibrary">
      <Property Name="Title" Value="My page" />
      <Property Name="PublishingPageLayout" Value="~SiteCollection/_catalogs/masterpage/MyPageLayout.aspx, $Resources:cmscore,PageLayout_WelcomeLinks_Title;" />
      <Property Name="ContentType" Value="MyContentType" />
    </File>
  </Module>
</Elements>

On the other hand you include LAYOUT files using Mapped Folders (directly to SharePointRoot or LAYOUT depends on your preference) that automatically is added as <RootFile ..> elements in your package/solution

Answer 2

I believe you should put all the branding design stuff in the Style Library. The 1033/Styles folder is for custom development css file.

Find out more here

Answer 3

Why 1033? It is Decimal Language Code for English - United States. So if you have style/images/resources that target a different language you should use the appropriate language code.

Personally I would not use the ..Styles/ ..Images/etc folders directly but I would use a subfolder in them (i.e. 1033/Styles/MyProject or 1033/Images/MyCompany). This way you can easily find your custom files in the 12 hive.