SharePoint 2013 – NavantisNavantis Blog

viimeisessä artikkelissani dokumentoin, miten SharePoint 2013: ssa luodaan Pääsivu. Pääsivut määrittelevät verkkosivustosi maailmanlaajuiset chrome-elementit. Tässä artikkelissa kerrotaan, miten luoda mukautettuja sivun asetteluja SharePoint 2013. Lisätietoja SharePoint 2013-sivumallista löytyy tästä Microsoftin artikkelista.

sivun asettelun suunnittelu

tässä esimerkissä luomme verkkosivuillemme palan sivua (www.navantis.com):

edellisessä artikkelissamme loimme pääsivun, joka määritteli tämän sivun otsikon, alatunnisteen ja maailmanlaajuiset tyylilehdet. Nyt aiomme luoda sivun asettelun, joka seuraa tätä perusmuotoa. Sisältö on dynaaminen, jotta voit luoda niin monta sivua kuin haluat tämän asettelun perusteella.

sivujakauksessamme aiomme määritellä seuraavat alueet ”kenttäohjauksiksi”. Luomme ne kaikki yhteen sisältösäiliöön ja asetamme ne selkeästi kuvastamaan suunnitteluamme.:

ylävasemmalla oleva leipäkrumba Voimme käyttää SharePoint ’ s breadrumb Trailia ja upotamme uutiskirjeen tilauksen sivun asetteluun, koska emme halua, että tämä määritellään nimenomaisesti asetteluun.

Määrittele Sisältötyyppisi

joten ennen kuin teemme HTML-työtä, luodaan Sisältötyyppi (sisältökenttien määritelmä), joka määrittelee jokaisen näistä kentistä sivuillemme. Edellä esitetyn suunnitelman perusteella tarvitsemme seuraavat kentät:

• LargeHeadline
• RightHandBlurb
• LeftLinkList
• LeftColumnTitle
• Leftcolumntext
• RightColumnText

ole html-ohjausobjekteja. SharePoint 2013: n avulla voit määritellä näille kentille muun tyyppisiä sisältöjä, kuten kuvia. SharePoint 2013: n kuvat voidaan renderoida tietyissä ulottuvuuksissa ja SharePoint 2013 tekee minkä tahansa kuvan dynaamisesti määritetyksi varmistaakseen, että ne sopivat hyvin määriteltyyn asetteluusi.

luodaksesi sisältötyypin, siirry sivuston asetuksiin – > sivuston Sisältötyypit (Web Designer Galleries). Jos katsot sivun asettelun sisältötyyppejä, näet olemassa olevia artikkeleita, luetteloita, Tervetuliaissivuja jne. Aiomme luoda sisällön tyyppi meidän layout. Napsauta Luo ja kirjoita nimi uudelle sisältötyypillesi:

vanhemman Sisältötyypin alta voit valita vanhemman, jolta sisältötyyppisi perii. Jos katsot olemassa olevia sivun asettelun sisältötyyppejä, ne perivät sisältötyypin sivulta. Page on konsernissa julkaisemassa sisältötyyppejä. Voit myös määrittää ryhmän, jonka haluat sijoittaa uuden sisältötyypin – voit lisätä sen olemassa olevaan sivun asetteluun Sisältötyypit-ryhmään tai luoda oman mukautetun ryhmän.

kun olet luonut uuden sisältötyypin, SharePoint 2013 näyttää sivun sisältötyypistä automaattisesti perityt sarakkeet. Lets lisätä joitakin uusia edustaa meidän mukautettuja kenttiä. Napsauta lisää uudesta sivustosta-saraketta ja lisätään jokainen kenttä:

kunkin sarakkeen, voimme määrittää tyypin. Niille kentille, jotka haluamme nimenomaisesti tyylittää, Voimme käyttää yhden rivin tekstiä-vaihtoehtoa, jotta sisällön tekijä laitetaan tavalliseen tekstiin, joka muotoillaan mallin mukaan. Niille kentille, jotka haluamme tarjota enemmän valvontaa sisällön tekijä, voimme määrittää kentän koko HTML-sisältöä ja sitten sisällön tekijä voi laittaa minkä tahansa HTML käyttämällä rich text editor. Meidän kentät, käytetään tätä lähestymistapaa:

• LargeHeadline-Single line of text
• RightHandBlurb-Multiple rivs of text
• LeftLinkList-Full HTML
• LeftColumnTitle – Single River of text
• LeftColumnText-Full HTML
• RightColumnText-Full HTML

luo jokaiselle kentälle sivusarake.

nyt meillä on kentät Sisällön tallentamiseen, luodaan nyt Sivun asettelu.

sivun asettelun luominen

sivun asettelun luominen, mene suunnittelupäällikön luo ja klikkaa 6. Muokkaa Sivun Asetteluja. Napsauta Luo sivun asettelu. Anna sivun asettelulle nimi, valitse pääsivusi ja juuri luomasi Sisältötyyppi.

jos esikatselet sivun asettelua, näet, ettei se näytä paljolta – meidän täytyy päivittää HTML: ää kenttäkontrollien ympärillä, jotta asettelu muotoillaan oikein.

sivun asettelun julkaiseminen

ennen kuin voit käyttää sivun asettelua, se on julkaistava. Voit julkaista sivuasettelusi valitsemalla Sivuston asetukset – > pääsivut ja sivuasettelut. Näet kaksi tiedostoa-yksi on HTML ja yksi on ASPX. SharePoint 2013: ssa HTML on nyt master ja sitä voi muokata HTML-muokkaimella. SharePoint 2013 Luo ASPX-tiedoston automaattisesti. Jos haluat julkaista asettelusi, Napsauta HTML-tiedostoa ja julkaise sitten:

tämä julkaisee sekä HTML-että ASPX-tiedostot, nyt ne ovat käytettävissä sivun luomiseen pohjautuen ulkoasuusi.

luodaan sivu

luodaksesi uuden sivun, siirry uudelle sivulle.

jos siirryt sivulle – >, löydät uuden sivun asettelun saatavilla olevien sivujen asettelujen luettelosta. Kun vaihdat sivun asettelua, sinun pitäisi nyt nähdä kaikki aiemmin luomamme kentät sisältötyypissämme.

voit täyttää sisältösi joko kirjoittamalla sen tai kopioimalla ja liittämällä sen joko olemassa olevalta verkkosivustoltasi tai toimiston asiakirjoista, kuten Wordista. Kopioi ja liitä on parantunut huomattavasti edellisiin versioihin verrattuna!

tässä on sisältöni nyt täytetty:

nyt voimme julkaista sivumme…

sisältömme on olemassa, mutta ulkoasu ei vastaa sitä, mitä me want…so nyt muokata HTML päivittää ulkoasua.

muokkaavat Sivuasettelut

Sivuasettelut SharePoint 2013: ssa ovat vain HTML-tiedostoja, joissa on paljon lisämerkintöjä, joiden avulla voidaan määrittää, mihin ohjaimet pistetään. Voimme nyt muokata HTML-tiedoston kautta design manager. Voit yksinkertaisesti napata kopion HTML-tiedosto, tehdä muutoksia ja uudelleen ladata tiedoston ja SharePoint 2013 tekee loput. On kaksi tapaa napata tiedosto:

• mene suunnittelupäälliköksi – > 3. Lataa Suunnittelutiedostoja ja kartoita verkkoasema pääsivun hakemistoon.
• Siirry Sivuston asetukset – > pääsivut ja sivuasettelut ja voit ladata tiedostosi.

iteroituamme muutaman kerran sivun asettelulla ja siirrettyämme SharePoint 2013: n tarjoamat pätkät sopiviin kohtiin, meillä on nyt hienosti muotoiltu sivu:

Kaikki sisältö sisällä Pääsivu alue on täysin hallinnoi SharePoint voidaan helposti muuttaa sisällön tekijä.