SharePoint: Ajouter un style personnalisé à la définition du site

Question

J'essaie d'ajouter un fichier css personnalisé à ma définition de site, mais j'ai quelques problèmes. J'ai lu que je devrais les placer dans 12 \ TEMPLATE \ SiteTemplates \ TEMPLATENAME \ Layouts \ 1033 \ style.css Mais je ne peux pas accéder au fichier à /_layouts/1033/Styles/STYLE.CSS

Do I besoin d'utiliser une fonctionnalité pour ajouter le fichier STYLE.CSS? Je suis pour ma définition du site en utilisant la fonction agrafer fichier avec cet élément

<?xml version="1.0" encoding="utf-8" ?> 
<Elements xmlns="http://schemas.microsoft.com/sharepoint/"> 
    <Module Name="CustomMasterPages" Url="_catalogs/masterpage" Path="MasterPages" RootWebOnly="FALSE"> 
    <File Url="Custom.master" 
     Name="Custom.master" Type="GhostableInLibrary" > 
     <Property Name="ContentType" 
     Value="$Resources:cmscore,contenttype_masterpage_name;" /> 
    </File>  
    </Module> 

</Elements> 

Comme vous pouvez le voir, j'ai ajouté l'URL: _catalogs/masterpage dans le fichier élément, est-ce que je dois faire quelque chose de similaire pour le fichier de style ? Merci

Answer 1

Regardez dans WSPBuilder; il vous donnera une option facile d'ajouter des fichiers à la ruche 12 (si vous utilisez Visual Studio). Vous ne pouvez pas créer une fonctionnalité qui place des fichiers dans le dossier _layouts. Cela ne peut être fait en créant un fichier WSP.

Le code que vous avez publié tentera de stocker le fichier dans _catalogs/masterpage/.. qui se trouve dans la base de données et non sur le système de fichiers. (_layouts est dans la ruche 12 et donc sur le disque). Ce n'est généralement pas l'endroit où placer les fichiers css, l'emplacement mentionné par Richard, même si je préfère mettre les fichiers partagés par tous les sites de la ruche 12.

L'agrafage de fonction est un bon moyen d'apporter des modifications aux modèles de site standard.

Answer 2

Je vais être honnête; J'ai travaillé avec SharePoint quelques mois, mais je ne l'ai jamais pris la peine avec Feature agrafer

Essayez quelque chose comme ceci:

<Module Name="CssFiles" Url="Style Library/CSS" Path="CSS" RootWebOnly="FALSE"> 
    <File Url="style.css" Name="style.css" Type="GhostableInLibrary" /> 
</Module> 

... mais puisque ceci est une caractéristique, le CSS Les fichiers doivent aller quelque part dans le dossier de votre Feature. Alors disons que nous nommons cette fonction 'SO.Question' vous voudriez mettre ces fichiers CSS dans '12 \ TEMPLATE \ FEATURES \ SO.Question \ CSS '.

Notez que les fichiers css doivent être placés dans un répertoire 'CSS' dans le dossier de fonction '12 \ TEMPLATE \ FEATURES \ SO.Question '. Cela doit correspondre à l'attribut Path du <Module>. Si vous avez changé l'attribut Path en 'RichardIsAwesome', vous placerez les fichiers dans '12 \ TEMPLATE \ FEATURES \ SO.Question \ RichardIsAwesome '.

Answer 3

Vous pouvez facilement appliquer une feuille de style CSS pour créer une définition de site personnalisé sans avoir besoin de modifier la page principale ou affecter l'ensemble du serveur:

1. Créer une sylesheet Css (grande référence css: Heather Solomon)
2. Stockez le.fichier css sur le site
3. Naviguer vers Actions Site> Paramètres
4. sous Aspect, sélectionnez Maître page
5. Dans la section Autre URL CSS, sélectionnez « Spécifier un fichier CSS à être utilisé par ce site d'édition et tous les sites qui en héritent »
6. Accédez à l'emplacement du fichier sur le site
7. Cliquez sur OK pour

le contenu de ce fichier personnalise le thème du site en remplaçant les classes définies dans /_layouts/1033/styles/core.css. Les classes que vous ne spécifiez pas resteront définies par défaut.