Design Manager i SharePoint 2013: enklare layouter och huvudsidor
I alla tidigare versioner, skapa huvudsidor och layouter var definitivt inte lätt för en designer med tanke på de tekniska aspekterna av det. Designarna måste förstå SharePoint och vilka komponenter som är obligatoriska på huvudsidan och hur de gör för att få sina mönster att leva upp.
I SharePoint 2013 finns det en ny funktion som heter Design Manager som hjälper till att skilja designaspekterna från de tekniska kraven för att skapa en huvudsida. Designer behöver inte veta vilka komponenter som behövs på en huvudsida. Designhanteraren hjälper till att skapa huvudsidan från enkla HTML -, CSS-filer. Designern behöver nu bara oroa sig för sin design och konvertera den till HTML, CSS och bilder. När dessa artefakter är klara kan designhanteraren bearbeta dessa för att generera en huvudsida.
processen för att skapa en huvudsida är väldigt enkel:
1. Skapa den layout du vill använda den HTML-redigerare du väljer.
2. Skapa CSS-filen som stöder din design.
3. Lägg till bilderna som är en del av din design.
4. Ladda upp alla filer till huvudsidans galleri. (Det finns ett mycket bekvämt sätt att göra detta och göra ändringar samtidigt utveckla och tweaking din HTML).
a. öppna galleriet för huvudsidan i Utforskaren.
b. Kopiera html -, CSS-och bildmappen till huvudsidans galleri.
5. När du laddar upp HTML-filen tilldelar du HTML-huvudsidan som innehållstyp. (valfritt)
6. Alla andra filer kan tilldelas Innehållstypen designfiler. (valfritt)
7. Gå till sidan Webbplatsinställningar.
8. Klicka på Design Manager under kategorin ”Look & Feel”.
9. Eller så kan du klicka på knappen nya Webbplatsåtgärder till höger och klicka på Design Manager.
10. Hoppa till Importera huvudsidor.
11. Klicka på länken” konvertera en HTML-fil till SharePoint-huvudsida”.
a. Detta öppnar en dialogruta där du kan välja en html-fil från huvudsidans galleri.
b. välj html-filen som du just laddat upp.
12. När du väl har valt en fil genererar SharePoint en mallsida för den designen. Om några fel uppstår under konverteringsprocessen kommer det att meddela dig.
13. Vid denna tidpunkt har huvudsidan genererats.
14. För att anpassa huvudsidan klickar du på länken” konvertering framgångsrik”.
a. Detta tar dig till en förhandsgranskningssida. Som du kan se från skärmbilden nedan har SharePoint konverterat och skapat huvudsidan.
lägga till SharePoint-komponenter på huvudsidan med hjälp av Snippets Manager:
1. Innan vi anpassar huvudsidan öppnar du Html-filen som du laddade upp i redigeraren efter eget val i Windows explorer-fönstret där du har öppnat huvudsidans galleri.
2. Om du vill lägga till SharePoint-komponenter som den översta navigeringen och andra kontroller, webbdelar, klickar du på länken Utdrag i det övre högra hörnet på förhandsgranskningssidan.
3. Detta öppnar sidan snippets gallery.
4. Låt oss säga att du vill lägga till toppnavigeringen på din huvudsida.
A. klicka på den övre navigeringsknappen i menyfliksområdet.
b. Detta skapar det HTML-utdrag du behöver.
c. kopiera utdraget till Urklipp.
d. (Du kan anpassa egenskaperna för den övre navigeringskontrollen och klicka på ”Uppdatera” för att generera det nya utdraget.
5. Byt till html-filen som du har öppnat i en redigerare i steg 1.
6. Klistra in html-kodavsnittet var du vill att den översta navigeringen ska visas i din design.
7. Spara html-filen.
8. Uppdatera förhandsgranskningssidan i din webbläsare så ser du att huvudsidan genererades igen och dina ändringar är synliga.
9. På så sätt kan du snabbt skapa och arbeta på din huvudsida.
10. Om du vill publicera huvudsidan väljer du html-filen i huvudsidans galleri och publicerar den. Detta kommer automatiskt att publicera huvudsidan filen också och du kommer att kunna ställa in huvudsidan för webbplatsen.
skärmdump: den genererade huvudsidan med toppnavigering.
Tips:
1. Html-filen och huvudsidan är associerade med varandra.
2. SharePoint låter dig inte ta bort huvudsidan så länge föreningen finns kvar.
3. För att ta bort föreningen, gå till galleriet huvudsida.
a. Markera Html-filen
b. Redigera egenskaper
c. avmarkera kryssrutan ”associerad fil”.
D. spara
4. Nu kan du arbeta direkt på huvudsidan genom att redigera den.
5. Även om html-och huvudfilerna är associerade kan du inte publicera huvudsidans fil direkt. Du måste välja html-filen och publicera den. Detta kommer att publicera huvudsidan och du kommer att kunna ställa in huvudsidan för webbplatsen.
6. Förslag: När du har byggt Huvudsidan till din tillfredsställelse, ta bort html-filen, paketera huvudsidan i en wsp och distribuera den sedan till dina test -, produktionsmiljöer.
om författaren
mer från denna författare