Design Manager i SharePoint 2013: lettere Layouts og mastersider
i alle de tidligere udgivelser var det bestemt ikke let for en designer at oprette mastersider og layouts i betragtning af de tekniske aspekter af det. Designerne skulle forstå SharePoint, og hvilke komponenter der er obligatoriske på mastersiden, og hvordan de gengiver for at gøre deres design levende.
i SharePoint 2013 er der en ny funktion kaldet Design Manager, som hjælper med at adskille designaspekterne fra de tekniske krav for at oprette en masterside. Designer behøver ikke at vide, hvilke komponenter der er nødvendige på en masterside. Design Manager hjælper med at oprette mastersiden fra enkle HTML -, CSS-filer. Designeren skal nu kun bekymre sig om sit design og konvertere det til HTML, CSS og billeder. Når disse artefakter er klar, kan designchefen behandle disse for at generere en masterside.
processen med at oprette en masterside er virkelig enkel:
1. Opret det ønskede layout ved hjælp af HTML-editoren efter eget valg.
2. Opret den CSS-fil, der understøtter dit design.
3. Tilføj de billeder, der er en del af dit design.
4. Upload alle filerne til mastersidegalleriet. (Der er en meget bekvem måde at gøre dette på og foretage redigeringer, mens du udvikler og tilpasser din HTML).
A. Åbn dit mastersidegalleri i Stifinder.
b. Kopier mappen html, CSS og billeder til mastersidegalleriet.
5. Når du uploader HTML-filen, skal du tildele HTML-mastersiden som indholdstype. (valgfrit)
6. Alle andre filer kan tildeles Design Files indholdstype. (valgfrit)
7. Gå til siden med sideindstillinger.
8. Klik på Design Manager under kategorien” Se & Føl”.
9. Eller du kan klikke på den nye Site Actions-knap til højre og klikke på Design Manager.
10. Gå til Import mastersider.
11. Klik på linket” Konverter en HTML-fil til SharePoint master page”.
a. Dette åbner en dialogboks, hvor du kan vælge en html-fil fra mastersidegalleriet.
b. Vælg den html-fil, du lige har uploadet.
12. Når du har valgt en fil, genererer SharePoint en masterside for det pågældende design. Hvis der opstår fejl under konverteringsprocessen, giver den dig besked.
13. På dette tidspunkt er mastersiden blevet genereret.
14. For at tilpasse mastersiden skal du klikke på linket “konvertering vellykket”.
a. Dette fører dig til en eksempelside. Som du kan se fra skærmbilledet nedenfor har SharePoint konverteret og oprettet mastersiden.
tilføjelse af SharePoint-komponenter til mastersiden ved hjælp af Snippets Manager:
1. Inden vi tilpasser mastersiden, skal du åbne den Html-fil, du uploadede i den valgte editor, i vinduet Stifinder, hvor du har åbnet mastersidegalleriet.
2. Hvis du vil tilføje SharePoint-komponenter som den øverste navigation og andre kontrolelementer, internetdele, skal du klikke på linket Uddrag i øverste højre hjørne af forhåndsvisningssiden.
3. Dette åbner siden snippets gallery.
4. Lad os sige, at du vil tilføje den øverste navigation til din masterside.
a. Klik på den øverste navigationsknap i båndet.
b. Dette opretter det HTML-Uddrag, du har brug for.
c. Kopier uddraget til udklipsholderen.
d. (Du kan tilpasse egenskaberne for den øverste navigationskontrol og klikke på “Opdater” for at generere det nye uddrag.
5. Skift til den html-fil, du har åbnet i en editor i trin 1.
6. Indsæt html-uddraget, hvor du vil have den øverste navigation vist i dit design.
7. Gem html-filen.
8. Du vil se, at mastersiden blev genereret igen, og dine ændringer er synlige.
9. På denne måde kan du hurtigt oprette og arbejde på din masterside.
10. Hvis du vil udgive mastersiden, skal du vælge html-filen i mastersidegalleriet og udgive den. Dette vil automatisk offentliggøre mastersidefilen også, og du vil være i stand til at indstille mastersiden for siden.
skærmbillede: den genererede masterside med den øverste navigation.
Tips:
1. Html-filen og mastersiden er forbundet med hinanden.
2. SharePoint lader dig ikke slette mastersiden, så længe tilknytningen stadig er der.
3. For at fjerne tilknytningen skal du gå til mastersidegalleriet.
a. Vælg Html-filen
b. Rediger egenskaber
c. fjern markeringen i afkrydsningsfeltet “tilknyttet fil”.
d. Gem
4. Nu kan du arbejde direkte på mastersiden ved at redigere den.
5. Mens html-og masterfilerne er tilknyttet, kan du heller ikke udgive mastersidefilen direkte. Du skal vælge html-filen og udgive den. Dette vil offentliggøre mastersiden, og du vil være i stand til at indstille mastersiden for siden.
6. Forslag: Når du har opbygget mastersiden til din tilfredshed, skal du adskille html-filen, pakke mastersiden i en VSP og derefter implementere den til dine test, produktionsmiljøer.
om forfatteren
mere fra denne forfatter