i min sidste artikel dokumenterede jeg, hvordan man opretter en masterside i SharePoint 2013. Mastersider definerer de globale chrome-elementer på din hjemmeside. Denne artikel forklarer, hvordan du opretter brugerdefinerede sidelayout i SharePoint 2013. Du kan finde flere oplysninger om SharePoint 2013-sidemodellen i denne Microsoft-artikel.
planlægning af dit sidelayout
i dette eksempel vil vi genskabe en del af en side på vores hjemmeside (www.navantis.com):
i vores tidligere artikel oprettede vi masterside, der definerede sidehoved, sidefod og globale stilark til denne side. Nu skal vi oprette et sidelayout, der følger dette grundlæggende format. Indholdet vil være dynamisk, så du kan oprette så mange sider, som du vil, baseret på dette layout.
i vores sidelayout skal vi definere følgende områder som “feltkontroller”. Vi vil oprette dem alle i en enkelt indholdscontainer og lægge dem eksplicit ud for at afspejle vores design:
breadcrumb øverst til venstre kan vi bruge SharePoint ‘ s breadcrumb trail, og vi integrerer nyhedsbrevsabonnementet i sidelayoutet, fordi vi ikke ønsker, at dette eksplicit skal defineres i layoutet.
definition af din indholdstype
så før vi udfører HTML-arbejdet, lad os oprette en indholdstype (en definition for indholdsfelter), der definerer hvert af disse felter til vores side. Baseret på ovenstående plan har vi brug for følgende felter:
- LargeHeadline
- Højrehåndblurb
- LeftLinkList
- Leftcolumntitel
- Leftcolumntekst
- Rightcolumntekst
i hvert enkelt tilfælde, disse vil være html-kontroller. SharePoint 2013 giver dig mulighed for at definere andre typer indhold til disse felter, f.eks. Billeder i SharePoint 2013 kan gengives i bestemte dimensioner, og SharePoint 2013 vil dynamisk gengive ethvert billede til det angivne for at sikre, at de passer fint ind i dit definerede layout.
hvis du vil oprette en indholdstype, skal du gå til Site Settings –> Site Content Types. Hvis du ser på Indholdstyper til sidelayout, vil du se eksisterende til artikel, katalog, velkomstside osv. Vi vil oprette en indholdstype til vores layout. Klik på Opret og skriv et navn til din nye indholdstype:
under overordnet indholdstype kan du vælge den forælder, din indholdstype vil arve fra. Hvis du ser på de eksisterende sidelayout – indholdstyper, arver de fra indholdstypesiden. Siden er i gruppen udgivelse af indholdstyper. Du kan også angive den gruppe, du vil placere din nye indholdstype – du kan føje den til gruppen eksisterende Sidelayout-Indholdstyper eller oprette din egen brugerdefinerede gruppe.
når du har oprettet din nye indholdstype, viser SharePoint 2013 de kolonner, der automatisk blev arvet fra sideindholdstypen. Lad os tilføje nogle nye til at repræsentere vores brugerdefinerede felter. Klik på kolonnen Tilføj fra nyt sted, og lad os tilføje hvert felt:
for hver kolonne kan vi angive typen. For de felter, vi eksplicit ønsker at style, kan vi bruge indstillingen enkelt tekstlinje til at få indholdsforfatteren sat i almindelig tekst, der formateres af skabelonen. For de felter, som vi ønsker at give mere kontrol til indholdsforfatteren, kan vi specificere feltet som fuldt HTML-indhold, og derefter kan indholdsforfatter indsætte enhver HTML ved hjælp af RTF-editoren. For vores felter, lad os bruge denne tilgang:
- LargeHeadline-enkelt tekstlinje
- Højrehåndblurb-flere tekstlinjer
- LeftLinkList-fuld HTML
- LeftColumnTitle-enkelt tekstlinje
- Leftcolumntekst-fuld HTML
- Rightcolumntekst-fuld HTML
for hvert felt skal du oprette en sidekolonne.
nu har vi felter til at gemme indholdet, lad os nu oprette et sidelayout.
oprettelse af et sidelayout
for at oprette et sidelayout skal du gå til Design Manager og klikke på 6. Rediger Sidelayout. Klik på Opret et sidelayout. Giv dit sidelayout et navn, vælg din masterside og din indholdstype, du lige har oprettet.
hvis du forhåndsviser dit sidelayout, vil du se, at det ikke ligner meget – vi er nødt til at opdatere HTML omkring feltkontrollerne for at formatere layoutet korrekt.
udgivelse af dit sidelayout
før du kan bruge dit sidelayout, skal det offentliggøres. Hvis du vil udgive dit sidelayout, skal du gå til sideindstillinger –> mastersider og sidelayout. Du vil se to filer – EN ER HTML og en er asp. i SharePoint 2013 er HTML nu master, og du kan redigere den ved hjælp af en HTML-editor. SharePoint 2013 genererer derefter filen automatisk. For at offentliggøre dit layout skal du klikke på HTML-filen og derefter offentliggøre:
dette vil offentliggøre både HTML og ASP filer, nu gør dem tilgængelige for at oprette en side baseret på dit layout.
oprettelse af en side
for at oprette en side baseret på vores nye layout, gå til ny side.
hvis du derefter går til side –> Sidelayout, finder du vores nye sidelayout på listen over tilgængelige Sidelayout. Når du skifter sidelayout, skal du nu se alle de felter, vi oprettede tidligere i vores indholdstype.
du kan udfylde dit indhold enten ved at skrive det i eller kopiere og indsætte det fra enten din eksisterende hjemmeside eller fra office-dokumenter såsom ord. Kopier og indsæt er forbedret dramatisk i forhold til tidligere versioner!
her er mit indhold nu udfyldt:
nu kan vi offentliggøre vores side…
vores indhold er der, men layoutet afspejler ikke, hvad vi want…so Rediger nu HTML for at opdatere vores layout.
tilpasning af sidelayout
Sidelayout i SharePoint 2013 er kun HTML-filer med en masse ekstra markering for at specificere, hvor kontrollerne skal injiceres. Vi kan nu tilpasse HTML-filen gennem design manager. Du kan blot få fat i en kopi af HTML-filen, foretage dine ændringer og uploade din fil igen, og SharePoint 2013 vil gøre resten. Der er to måder at få fat i filen på:
- gå til Design Manager –> 3. Upload designfiler og kortlæg et netværksdrev til din masterside-mappe.
- gå til Site Settings – > Master sider og sidelayout, og du kan hente din fil.
efter at have gentaget et par gange med sidelayoutet og flyttet uddragene fra SharePoint 2013 til de relevante steder, har vi nu en pænt formateret side:
alt indhold inden for hovedsideområdet administreres fuldt ud af SharePoint kan let ændres af en indholdsforfatter.
dette indlæg blev skrevet af Chris Trælle
Christopher Trælle er vicepræsident, den offentlige sektor for Navantis. Med over 15 års erfaring med planlægning, styring og implementering af teknologistrategier i både den offentlige og private sektor, Christopher er ansvarlig for salg i den offentlige sektor, strategi og levering af løsninger til vores kunder inden for sundhedspleje, regering, kommuner og uddannelse.
