Oman sivuston perustyylisivun mukauttaminen

Tärkeää: Tämä on artikkeli on käännetty koneellisesti. Lue vastuuvapauslauseke. Tämän artikkelin englanninkielinen versio on täällä .

Perustyylisivut sisältävät sivuston kaikkien sivujen käyttötuntuman. Perustyylisivun tyylejä ja sisältöä muuttamalla voit nopeasti vaihtaa koko sivuston ulkoasun.

Tässä artikkelissa kerrotaan, miten voit luoda aiemmin luodun sivuston perustyylisivun kopion ja muokata sitä, sekä lisätä uuden tai mukautetun oman sivuston perustyylisivun kaikkiin siihen liittyviin oman sivuston sivustokokoelman sivuihin. Kun muokkaat oman sivuston perustyylisivua, kaikki käyttäjät näkevät muutokset Oma profiili -sivullaan.

Lisätietoja perustyylisivuista on artikkelissa Johdanto SharePoint-perustyylisivuihin.

Huomautus: Tässä ohjeaiheessa esiteltyjen toimien tekeminen edellyttää asiaankuuluvia oikeuksia. Sinun on oltava oletusarvoisesti Sivuston omistajat -ryhmän tai Suunnittelija-ryhmän jäsen tai sivustokokoelman järjestelmänvalvoja, jotta voit avata SharePoint Online -sivuston SharePoint Designer 2010:n avulla ja mukauttaa perustyylisivuja. Jos olet näiden ryhmien jäsen, mutta et näe tässä aiheessa mainittuja ryhmiä, SharePoint Designerin käyttöä on voitu rajoittaa SharePoint Online -versiossasi. Tarkista tämä järjestelmänvalvojalta.

Sisältö

Yleistä: sivun asettelun määrittäminen perustyylisivujen avulla

Oman sivuston perustyylisivun tarkasteleminen

Mukautettu vai alusta alkaen luotu?

Oman sivuston perustyylisivun mukauttaminen

Kopion luominen oman sivuston perustyylisivusta

Sisällön paikkamerkkiohjausobjektin käyttäminen

Sisällön paikkamerkkiohjausobjektin etsiminen ja mukauttaminen

Tyylien käyttäminen

CSS-koodin käytön tehostaminen ja nopeuttaminen DIV-ohjauskoodien avulla

Perustyylisivun tyylien muokkaaminen tai mukautetun CSS-koodin luominen

Yleistä: sivun asettelun määrittäminen perustyylisivujen avulla

Perustyylisivut määrittävät SharePoint-sivujen yleisen asettelun ja käyttöliittymän.

Oman sivuston perustyylisivun Näyttää pysyvät elementit, joka näkyy, kun siirryt sivulta omassa sivustossa, kuten ohjausobjektit, minkä sivun tai sivuston otsikkoa.

Kaikki nämä elementit on tallennettu oman sivuston perustyylisivuun.

SharePointin Oma sivusto- ja Oma profiili -sivuja käsitellään sivuston sisältösivuina. Kun näitä sivuja tarkastellaan selaimessa, ne yhdistetään oman sivuston perustyylisivustoon, jolloin syntyy yksittäinen jatkuva verkkosivu.

Pysyvät elementit ja asettelut näkyvät sivuston perustyylisivulla, kun taas yksilöllinen sivustokohtainen sisältö näkyy sisältösivuilla.

Oman sivuston perustyylisivun tarkasteleminen

  1. Avaa oma pääsivusto, esimerkiksi https://YourDomainName-my.sharepoint.com SharePoint Designerissa ja valitse sitten siirtymisruudussa Perustyylisivut.

  2. Valitse mysite.master nähdäksesi yhteenvetotiedot perustyylisivujen valikoimassa.

  3. Avaa perustyylisivu valitsemalla valintanauhassa Muokkaa tiedostoa.

Perustyylisivu avautuu SharePoint Designer 2010:n koko näytön sivueditorissa.

Voit muokata sivua rakennenäkymässä, jaetussa näkymässä tai koodinäkymässä. Suunnittelunaikaisen tuen avulla voit nähdä, miltä perustyylisivu näyttää, kun mukautat sitä. Voit mukauttaa tunnisteita, tyylejä, komentosarjoja ja sisältöalueita työkaluilla alla kuvatulla tavalla:

Kun avaat oman sivuston perustyylisivut, voit muokata sekä tiedostoa että sen ominaisuuksia.

Auseita suojausominaisuuksia tiedostojasi on helpompi luoda ja mukauttaa perustyylisivuja SharePoint Designer 2010: ssä aiemman on nyt aiempaa:

  • Siirtymisvalikossa olevan Perustyylisivut-luokan avulla voi siirtyä suoraan sivuston perustyylisivujen valikoimaan.

  • Muokatessasi perustyylisivuja voit lisätä ja hallita kerroksia tai sijoittaa DIV-ohjauskoodeja sivujen muokkauksen työkalurivin avulla. Näin voit nopeasti etsiä kyseisiä kerroksia ja muita elementtejä päällekkäisiä kerroksia selaavalla Napsautusvalinta-toiminnolla.

  • Kun luot uuden sivuston ja verkko-osien sivuja, ne liitetään automaattisesti pääperustyylisivuun, jolloin niitä ei tarvitse liittää aina erikseen.

Mukautettu vai alusta alkaen luotu?

Voit käyttää oman sivuston perustyylisivua SharePoint 2010 -sivustoissa:

  • mukauttamalla oman sivuston perustyylisivun kopiota (mysite.master) tai

  • luomalla uuden mukautetun oman sivuston perustyylisivun alusta alkaen ja tekemällä siitä sivustosi oman sivuston perustyylisivun.

Tässä artikkelissa kerrotaan ensimmäisestä tavasta mukauttaa sivuston perustyylisivun kopiota.

Kummassakin tavassa on hyötynsä ja haittansa.

Kun mukautat mysite.master-kopion,    käytössäsi on SharePointin aiemmin luotu käyttötuntuma sekä sen ominaisuudet, tuotemerkki ja suunnitteluelementit. Voit mukauttaa kopiota tarpeidesi mukaan. Vaikka mysite.master-sivun toiminnot voivat olla haastavia, tämän tavan avulla on helppo mukauttaa, esimerkiksi muuttaa SharePoint-sivujen otsikkoa.

Kun luot tyhjän ja mukautetun oman sivuston perustyylisivun tai käytät Starter-perustyylisivua    sivun pohjana, luot koko rakenteen alusta alkaen. Tässä tavassa haastavaa voi olla rakenteen käyttöönotto SharePointissa, ja tutun luotavan rakenteen ja aiemmin luotujen suunnitelmien ja prototyyppien käsitteleminen olisikin joustavampaa. Melkein tyhjä sivu on kuin piirtoalusta, johon luodaan ensin rakenne ja lisätään sitten tarvittavat SharePoint-osat.

Oman sivuston perustyylisivun mukauttaminen

Voit mukauttaa perustyylisivuja SharePoint Designer 2010:ssa avaamalla ensin SharePoint Designer 2010:n sivustosta tai Käynnistä-valikosta. Kun sivusto on avoimena SharePoint Designer 2010:ssä, valitse siirtymisruudussa Perustyylisivut.

Useimpien SharePoint Online yrityksille -ohjelman sivustojen neljästä perustyylisivusta v4.master, minimal.master ja default.master näkyvät perustyylisivujen valikoimassa tässä esitetyllä tavalla. Jos oma sivusto on käytössä, voit tarkastella myös mysite.master -perustyylisivua.

SharePoint 2010 -perustyylisivujen luettelo.

Kopion luominen oman sivuston perustyylisivusta

  1. Avaa sivusto SharePoint Designerissa ja valitse sitten siirtymisruudussa Perustyylisivut.

  2. Napsauta osoitetta mysite.master hiiren kakkospainikkeella ja liitä sitten kopio perustyylisivujen valikoimaan painamalla Ctrl+P-näppäinyhdistelmää

  3. Valitse mysite_copy(1).master nähdäksesi yhteenvetotiedot perustyylisivujen valikoimassa.

  4. Avaa perustyylisivu valitsemalla valintanauhassa Muokkaa tiedostoa.

Perustyylisivu avautuu SharePoint Designer 2010:n koko näytön sivueditorissa, jossa voit muokata sivua rakennenäkymässä, jaetussa näkymässä tai koodinäkymässä. Suunnittelunaikaisen tuen avulla voit nähdä, miltä perustyylisivu näyttää, kun mukautat sitä. Käytettävissä on myös työkaluja, joiden avulla voit siirtyä ja mukauttaa tunnisteita, tyylejä, komentosarjoja ja sisältöalueita tässä esitetyllä tavalla.

Sisällön paikkamerkkiohjausobjektin käyttäminen

Perustyylisivut ja sisältösivut toimivat yhdessä käyttämällä korvaavien alueiden joukkoja tai sisällön paikkamerkkiohjausobjekteja. Kukin sisällön paikkamerkki (joka näkyy ContentPlaceHolder-paikkamerkkinä sivun koodissa) vastaa sisältöä, joka voidaan korvata perustyylisivulla. Mikä tahansa sivuston sivu voi korvata sisältöpaikkamerkin sisällön lisäämällä vastaavan sisältöohjausobjektin. Sisältöohjausobjekti voi olla myös tyhjä, jolloin elementti poistetaan kokonaan hahmonnetusta sivusta.

Tärkeää: Älä poista sisällön paikkamerkkejä mukauttaessasi perustyylisivuja. Tämä voi jakaa sivuja sekä perustyylisivuun liittyviä sivustoja. Nämä ohjausobjektit kannattaa vain piilottaa.

Sisältöalueiden hallinta -toiminnon avulla voidaan etsiä sivulla sijaitsevat sisällön paikkamerkkiohjausobjektit. Voit tarkastella ohjausobjektia sekä koodinäkymässä että WYSIWYG-editorissa.

Toinen tärkeä sisällön paikkamerkki on PlaceHolderMain, koska kukin sisältösivu korvaa kyseisen paikkamerkin, kun sivua tarkastellaan selaimessa.

Kukin sisältösivu korvaa PlaceHolderMain-ohjausobjektin, kun oman sivuston perustyylisivua tarkastellaan selaimessa.

Voit muuttaa SharePoint-sivuston sisällön asettelua muuttamalla sisällön paikkamerkkiohjausobjektin sijaintia.

Lisätietoja sisältöpaikkamerkkien käyttämisestä on artikkelissa Sisällön paikkamerkkiohjausobjektien käsitteleminen.

Sisällön paikkamerkkiohjausobjekti on osa perustyylisivun koodia, joka toimii yhdessä sisältösivun sisältöohjausobjektin kanssa. Sisällön paikkamerkkiohjausobjekti näyttää sivulla kyseisen alueen oletussisällön (joka voi olla "ei sisältöä", jos ohjausobjekti on tyhjä). Oletussisältö voidaan korvata sisältösivun sisältöohjausyksikön yksilöllisellä sisällöllä.

Sisällön paikkamerkkiohjausobjektin etsiminen ja mukauttaminen

Etsi sisällön PlaceHolderSiteName-ohjausobjekti SharePoint 2010:n oman sivuston perustyylisivulta seuraavasti.

  1. Avaa sivusto SharePoint Designer 2010:ssä ja valitse siirtymisruudussa Perustyylisivut.

    Huomautus:  Jos perustyylisivut eivät näy siirtymisruudussa, ne on ehkä poistettu käytöstä SharePointissa. Pyydä lisätietoja sivuston järjestelmänvalvojalta. Lisätietoja on artikkelissa SharePoint Designer 2010:n hallinta.

  2. Valitse perustyylisivujen valikoimassa mysite.master.

  3. Valitse perustyylisivujen yhteenvetosivulla Muokkaa tiedostoa.

  4. Jos sinua kehotetaan tarkistamaan tiedosto, valitse Kyllä.

  5. Jos tarkastelet sivua rakennenäkymässä, voit nähdä sisällön näyttävän sisällön paikkamerkkiohjausobjektin napsauttamalla jotakin sivun kohtaa.

  6. Valitse sisältöalueiden luettelosta PlaceHolderSiteName ja valitse sitten Siirry. Valitse sitten Sulje. Sisältöpaikkamerkin ohjausobjekti on valittuna tällaisella sivulla.

Huomautus:  Paikkamerkin tunnisteen ominaisuuksiksi määritetään oletusarvoisesti Visible=False. Voit valita tunnisteen SharePoint Designer 2010:n jaetussa näkymässä napsauttamalla sitä hiiren kakkospainikkeella ja valitsemalla näkyviin tulevasta arvon näyttävästä pikavalikosta Tunnisteen ominaisuudet.


Näin näet PlaceHolderSiteName-ohjausobjektin tunnisteen ominaisuudet.

  1. Voit nyt muuttaa asetuksia tai sijaintia tai käyttää eri tyylejä ja niin edelleen. Tallenna perustyylisivu.

  2. Jos näet varoituksen, jossa ilmoitetaan, että muutokset mukauttavat sivua sivustomäärityksestä poikkeavalla tavalla, valitse Kyllä.

Huomautus:  SharePoint-sivut on oletusarvoisesti liitetty sivuston määritystiedostoihin. Kun perustyylisivu on mukautettu SharePoint Designer 2010:ssä, sitä ei enää liitetä määritystiedostoon. Virheilmoitus tulee näkyviin, koska tämä voi aiheuttaa lisää hallinnollisia töitä sekä lisätä tulevia SharePoint-päivityksiä. Perustyylisivun voi tarvittaessa palauttaa sivustomääritykseen.


Tekemäsi muutokset näkyvät perustyylisivuun liitetyillä sivuilla, ellei näitä sivuja ole mukautettu suoraan.

Tyylien käyttäminen

Valmiin teeman lisääminen sivustolle on helpoin ja nopein tapa muuttaa perustyylisivun tyylejä. Voit käyttää käytettävissä olevia teemoja napsauttamalla SharePoint Designerin Sivuston asetukset -välilehden Mukauttaminen-kohdassa Sivuston teeman muuttaminen -linkkiä.

Jos haluat vastaavat yrityksen värit, grafiikan, tekstin muotoilun tai muut tyylimääritteet, haluat ehkä joko luoda omia mukautettuja tyylejä ja lisätä ne suoraan perustyylisivuun, tai sijoittaa ne ulkoisiin perustyylisivuun liitettäviin CSS-tyylisivuihin.

CSS-koodin käytön tehostaminen ja nopeuttaminen DIV-ohjauskoodien avulla

SharePoint 2010:n oman sivuston perustyylisivu määrittää sivun lohkorivin elementit ja osat käyttämällä DIV-ohjauskoodeja. DIV-ohjauskoodit sisältävät useita etuja aiemmissa versioissa käytettyihin taulukkotunnisteisiin verrattuna. DIV-ohjauskoodien avulla saat:

  • useampia sivuston CSS-koodin tyylivaihtoehtoja

  • vähemmän merkintöjä

  • nopeampia latauksia

  • parannetun hakukoneoptimoinnin

  • parannetun helppokäyttötoimintojen tuen

  • parannetun selaimen tuen.

HTML-taulukoita käytetään esimerkiksi silloin, kun käyttäjät lisäävät sivuun verkko-osia ja muuta SharePoint-sisältöä. Jos haluat mukauttaa perustyylisivuja, voit järjestää sisällön DIV-ohajuskoodien avulla.

DIV-ohjauskoodien käyttäminen oman sivuston perustyylisivua mukautettaessa

Perustyylisivun tyylien muokkaaminen tai mukautetun CSS-koodin luominen

Jos haluat muokata tyylejä, valitse Kirjoitustyyli-valikko ja valitse sitten jokin valintanauhan vaihtoehto, niin voit käsitellä CSS-tiedostoja haluamallasi tavalla.

Voit luoda uusia tyylejä ja käyttää niitä, tai lisätä tyylisivun valintanauhan komennoilla. Tyylien hallinta -komennolla voit luokittelemalla tyylit elementin, järjestyksen tai tyypin mukaan näyttää vain sivulla tai elementissä käytössä olevat tyylit sekä nähdä tyylien esikatselut.

Oman sivuston perustyylisivun Uusi tyyli -valintaikkuna.

Huomautus: Konekäännöksestä ilmoittava vastuusvapauslauseke: Tämä artikkeli on käännetty tietokonejärjestelmällä, eikä kieliasiantuntija ole muokannut sitä. Microsoft tarjoaa nämä konekäännökset avuksi muille kuin englantia puhuville käyttäjille, jotta he saavat lisätietoja Microsoftin tuotteista, palveluista ja tekniikoista. Koska artikkeli on koneellisesti käännetty, se saattaa sisältää sanasto-, lauseoppi- ja kielioppivirheitä.

Kehitä taitojasi
Tutustu koulutusmateriaaliin
Saat uudet ominaisuudet ensimmäisten joukossa
Liity Office Insider -käyttäjiin

Oliko näistä tiedoista hyötyä?

Kiitos palautteesta!

Kiitos palautteestasi! Näyttää siltä, että Office-tukiedustajamme avusta voi olla sinulle hyötyä.

×