Opprette Et Egendefinert Sideoppsett I SharePoint 2013-NavantisNavantis Blog

i min siste artikkel dokumenterte jeg hvordan du oppretter En Malside I SharePoint 2013. Hoveddokumenter definerer de globale chrome-elementene på nettstedet ditt. Denne artikkelen forklarer hvordan du oppretter egendefinerte sideoppsett I SharePoint 2013. Hvis du vil ha mer informasjon Om SharePoint 2013-sidemodellen, kan du se Denne Microsoft-artikkelen.

Planlegger Sideoppsettet

for dette eksemplet skal vi gjenskape en del av en side på nettstedet vårt (www.navantis.com):

I vår forrige artikkel opprettet Vi Malside som definerte topptekst, bunntekst og globale stilark for denne siden. Nå skal vi lage et sideoppsett som følger dette grunnleggende formatet. Innholdet vil være dynamisk, slik at du kan lage så mange sider som du vil, basert på dette oppsettet.

i vårt sideoppsett skal vi definere følgende områder som «feltkontroller». Vi skal lage dem alle i en enkelt innholdsbeholder og legge dem ut eksplisitt for å gjenspeile vårt design:

brødsmule øverst til venstre kan vi bruke SharePoint ‘ s brødsmule trail og vi vil legge inn nyhetsbrevet abonnement i sideoppsettet fordi vi ikke vil at dette skal være eksplisitt definert i oppsettet.

Definere Innholdstypen

Så før VI GJØR HTML-arbeidet, la OSS lage en innholdstype (en definisjon for innholdsfelt) som definerer hvert av disse feltene for siden vår. Basert på planen ovenfor trenger vi følgende felt:

• Storhodelinje
• Høyrehåndblurb
• Venstrekoblingsliste
• Venstrekolonntekst
• Høyrekolonntekst

i hvert tilfelle vil disse vil være html-kontroller. SharePoint 2013 lar deg definere andre typer innhold for disse feltene, for eksempel bilder. Bilder I SharePoint 2013 kan gjengis i bestemte dimensjoner, Og SharePoint 2013 vil dynamisk gjengi et bilde til det som er angitt for å sikre at de passer fint inn i det definerte oppsettet.

hvis du vil opprette en innholdstype, går du Til Innstillinger For Område –> Innholdstyper For Område (under Gallerier For Webdesigner). Hvis du ser På Sideoppsett Innholdstyper vil du se eksisterende For Artikkel, Katalog, Velkomstside, etc. Vi skal lage en innholdstype for layouten vår. Klikk På Opprett og skriv inn et navn for den nye innholdstypen:

Under Overordnet Innholdstype kan du velge forelderen innholdstypen skal arve fra. Hvis du ser på eksisterende innholdstyper for sideoppsett, arver de fra innholdstypesiden. Siden er I Gruppen Publisere Innholdstyper. Du kan også angi gruppen du vil plassere den nye innholdstypen i-du kan legge den til I Den eksisterende Innholdstypegruppen For Sideoppsett eller opprette din egen egendefinerte gruppe.

Når Du har opprettet den nye innholdstypen, Viser SharePoint 2013 kolonnene som ble arvet automatisk fra sideinnholdstypen. Lar legge til noen nye for å representere våre egendefinerte felt. Klikk På Legg til fra nytt nettsted kolonne og la oss legge til hvert felt:

For hver kolonne kan vi spesifisere typen. For de feltene vi ønsker å eksplisitt stil, kan vi bruke Alternativet Enkelt Linje Med Tekst for å få innholdsforfatteren satt i ren tekst som skal formateres av malen. For de feltene som vi ønsker å gi mer kontroll til innholdsforfatteren, kan vi spesifisere feltet Som Fullt HTML-innhold, og deretter vil innholdsforfatter kunne sette INN NOEN HTML ved hjelp av rich text editor. For våre felt, la oss bruke denne tilnærmingen:

• LargeHeadline-Enkelt linje med tekst
• Høyre Håndblurb-Flere linjer med tekst
• Venstrekoblingsliste-Full HTML
• Venstrekolumntekst-Enkel linje med tekst
• Venstrekolumntekst – Full HTML
• Høyrekolumntekst – Full HTML

opprett en områdekolonne for hvert felt.

nå har vi felt for å lagre innholdet, la oss nå lage Et Sidelayout.

Opprette En Sidelayout

for å opprette en sidelayout, gå Til Design Manager og Klikk på 6. Rediger Sideoppsett. Klikk På Opprett En Sideoppsett. Gi sideoppsettet et navn, velg malsiden og innholdstypen du nettopp opprettet.

hvis du forhåndsviser sideoppsettet, ser du at det ikke ser ut som mye-vi må oppdatere HTML-koden rundt feltkontrollene for å formatere oppsettet riktig.

Publisere Sideoppsettet

før du kan bruke sideoppsettet, må det publiseres. Hvis du vil publisere sideoppsettet, går Du Til Innstillinger For Område –> Malsider og sideoppsett. Du vil se to filer-en ER HTML og EN ER ASPX. I SharePoint 2013 ER HTML nå master, og du kan redigere den ved HJELP AV EN HTML-editor. SharePoint 2013 genererer DERETTER ASPX-filen automatisk. For å publisere oppsettet ditt, klikk PÅ HTML-filen og Publiser Deretter:

dette vil publisere BÅDE HTML-og ASPX-filer, nå gjør dem tilgjengelige for å lage en side basert på layouten.

Opprette En Side

for å opprette en side basert på vårt nye layout, gå Til Ny side.

hvis du går Til Side – > Sideoppsett, finner du vårt Nye Sideoppsett i listen over Tilgjengelige Sideoppsett. Når du bytter sidelayout, skal du nå se alle feltene som vi opprettet tidligere i innholdstypen vår.

du kan fylle ut innholdet enten ved å skrive det inn eller kopiere og lime det inn fra det eksisterende webområdet eller fra office-dokumenter som Word. Kopier og lim har forbedret seg dramatisk i forhold til tidligere versjoner!

her er innholdet mitt nå fylt ut:

nå kan vi publisere vår side…

Vårt innhold er der, men oppsettet gjenspeiler ikke hva vi want…so nå redigere HTML for å oppdatere vår layout.

Tilpasse Sideoppsett

sideoppsett I SharePoint 2013 ER BARE HTML-filer med mye ekstra markering for å angi hvor kontrollene skal injiseres. Vi kan nå tilpasse HTML-filen gjennom design manager. Du kan bare ta en kopi AV HTML-filen, gjøre endringer og re-laste opp filen og SharePoint 2013 vil gjøre resten. Det er to måter å hente filen på:

• Gå Til Design Manager – > 3. Last Opp Designfiler og tilordne en nettverksstasjon til malsidekatalogen.
• Gå Til Innstillinger For Område – > Malsider og sideoppsett, og du kan laste ned filen.

etter iterating et par ganger med sidelayout og flytte utdrag fra SharePoint 2013 til de riktige stedene, har vi nå en pent formatert side:

alt innholdet i hovedsiden området er fullt administrert Av SharePoint kan enkelt endres av en innholdsforfatter.