Přizpůsobení stránky předlohy osobního webu

Důležité informace:  Tento článek je strojově přeložený – přečtěte si toto upozornění. Anglickou verzi tohoto článku pro referenci najdete tady.

Stránky předlohy dávají vzhled a atmosféru všem stránkám webu. Změnou stylů a obsahu stránky předlohy můžete rychle změnit vzhled celého webu.

V tomto článku zjistíte, jak vytvořit a upravit kopii existující stránky předlohy osobního webu a jak potom použít tuto novou nebo upravenou stránku předlohy osobního webu na všechny stránky v kolekci webů osobního webu, které jsou k ní připojené. Když upravíte stránku předlohy osobního webu, uvidí všichni uživatelé tyto změny na jejich stránce Můj profil.

Další informace o stránkách předlohy najdete v článku Úvod do stránek předlohy SharePointu.

Poznámka: Abyste mohli postupovat podle tohoto článku, musíte mít odpovídající oprávnění. Ve výchozím stavu musíte být členem skupiny Vlastníci webu, Návrháři nebo Správce kolekce webů, abyste mohli otevřít web SharePoint Online pomocí SharePoint Designeru 2010 a přizpůsobit stránky předlohy. Pokud jste členem jedné z těchto skupin, ale nevidíte možnosti zmiňované v tomto článku, je asi vaše implementace SharePointu Online upravena tak, aby omezovala, kdo může používat SharePoint Designer. Zeptejte se správce vašeho webu.

V tomto článku

Přehled: Stránky předlohy definují rozložení stránky

Zobrazení stránky předlohy osobního webu

Přizpůsobit nebo vytvořit od začátku?

Přizpůsobení stránky předlohy osobního webu

Vytvoření kopie stránky předlohy osobního webu

Práce s ovládacími prvky zástupných symbolů obsahu

Vyhledání a změny ovládacího prvku zástupného symbolu obsahu

Práce se styly

Značky DIV usnadňují práci se šablonami stylů CSS

Úprava stylů na stránce předlohy nebo vytvoření vlastní šablony stylů CSS

Přehled: Stránky předlohy definují rozložení stránky

Stránky předlohy definují společné rozložení a rozhraní pro stránky SharePointu.

Stránky předlohy Osobního webu zobrazuje trvalý prvky, které se zobrazí při přechodu mezi stránkami na osobním webu, třeba ovládací prvky v horní části stránky nebo název webu.

Všechny tyto prvky jsou uloženy na stránce předlohy osobního webu.

Se stránkami osobního webu a stránkami Můj profil se v SharePointu zachází jako se stránkami obsahu na daném webu. Když si tyto stránky budete prohlížet v prohlížeči, zkombinují se se stránkou předlohy osobního webu a vytvoří tak jednu souvislou webovou stránku.

Stránka předlohy osobního webu zobrazí trvalé prvky a rozložení. Stránky obsahu zobrazí jedinečný obsah daný konkrétními stránkami.

Zobrazení stránky předlohy osobního webu

  1. Otevřete kořenový osobní web, třeba https://NazevVasiDomeny-my.sharepoint.com, v SharePoint Designeru a pak klikněte na Stránky předlohy v podokně Navigace.

  2. Klikněte na mysite.master pro zobrazení souhrnných informací v Galerii stránek předlohy.

  3. Otevřete stránku předlohy kliknutím na pásu karet na Upravit soubor.

Tím se otevře stránka předlohy v SharePoint Designeru 2010 v editoru stránky přes celou obrazovku.

Tady můžete upravit stránku v zobrazení návrhu, rozděleného zobrazení nebo v zobrazení kódu. Díky podpoře během návrhu vidíte, jak stránka předlohy během úprav vypadá. Jsou tady taky nástroje pro přizpůsobení značek, stylů, skriptů a oblastí obsahu, jak vidíte na obrázku:

Když otevřete stránku předlohy osobního webu, můžete upravit tento soubor a taky jeho vlastnosti.

Ařadu funkcí, usnadňují vytváření a přizpůsobení stránky předlohy v SharePoint designeru 2010 než bylo v minulosti:

  • Nabídka navigace obsahuje kategorii Stránky předlohy, která vás přesune přímo do Galerie stránek předlohy na vašem webu.

  • Při úpravách stránek předlohy můžete používat nástroje pro úpravu stránky ke vkládání a správě vrstev nebo umísťování značek DIV. Tyto vrstvy a ostatní prvky můžete rychle lokalizovat pomocí možnosti Kliknutí s výběrem, která vás bude navigovat přes překrývající se vrstvy.

  • Když vytváříte nový web a stránky webových částí, budou se automaticky přiřazovat k primární stránce předlohy, takže je nebudete muset pokaždé ručně přiřazovat.

Přizpůsobit nebo vytvořit od začátku?

Pro použití vlastní stránky předlohy osobního webu na webech SharePointu 2010 můžete:

  • přizpůsobit kopii stránky předlohy osobního webu (mysite.master) nebo

  • vytvořit vlastní novou stránku předlohy osobního webu od začátku a použít ji u vašeho webu jako stránku předlohy osobního webu.

Tento článek se zaměřuje na první přístup: přizpůsobení kopie stránky předlohy osobního webu.

Oba přístupy mají svoje výhody a nevýhody.

Když přizpůsobíte kopii mysite.master:    budete používat stávající vzhled SharePointu s jeho funkcemi, firemní identitou a prvky návrhu a přizpůsobíte je vašim potřebám. I když může být zajímavé vyzkoušet, jak všechno na stránce mysite.master funguje, přesto je tento přístup vhodný jenom pro minimální změny firemní identity nebo přizpůsobení, jako je třeba změna záhlaví vašich stránek SharePointu.

Když vytvoříte prázdné vlastní stránky předlohy osobního webu nebo použijete počáteční stránky předlohy:    jako základu pro vaši stránku vytváříte celý návrh od začátku. Tento přístup může být výzvou, protože musíte vědět, jak implementovat návrh do SharePointu. Taky je víc flexibilní, pokud znáte návrh, který chcete vytvořit, a pokud pracujete bez existujících plánů a prototypů. Tato většinou prázdná stránka se chová jako plátno, na kterém napřed vytvoříte váš návrh a potom přidáte požadované součásti SharePointu.

Přizpůsobení stránky předlohy osobního webu

Pro přizpůsobení stránek předlohy v SharePoint Designeru 2010 napřed spusťte SharePoint Designer 2010 přímo z daného webu anebo pomocí nabídky Start. Když už máte váš web otevřený v SharePoint Designeru 2010, klikněte v navigačním podokně na Stránky předlohy.

U většiny webů SharePointu Online pro podniky uvidíte v Galerii stránek předlohy čtyři stránky předlohy – v4.master, minimal.master a default.master, jak je vidět na dalším obrázku. Pokud je povolena možnost Osobní weby, bude zobrazená taky stránka předlohy mysite.master.

Seznam stránek předlohy SharePointu 2010.

Vytvoření kopie stránky předlohy osobního webu

  1. Otevřete váš web v SharePoint Designeru a pak v podokně navigace klikněte na Stránky předlohy.

  2. Klikněte pravým tlačítkem myši na mysite.master a pak stiskněte Ctrl+P pro vložení kopie do Galerie stránek předlohy.

  3. Klikněte na mysite_copy(1).master pro zobrazení souhrnných informací v Galerii stránek předlohy.

  4. Klikněte v pásu karet na Upravit soubor pro zobrazení stránky předlohy.

Tímto se otevře stránka předlohy v SharePoint Designeru 2010 v editoru stránky přes celou obrazovku, kde můžete upravit stránku v zobrazení návrhu, v rozděleném zobrazení nebo v zobrazení kódu. Díky podpoře během návrhu vidíte, jak stránka předlohy při jejích úpravách vypadá. Jsou tady taky nástroje pro navigaci a přizpůsobení značek, stylů, skriptů a oblastí obsahu, jak vidíte na obrázku:

Práce s ovládacími prvky zástupných symbolů obsahu

Stránky předlohy a stránky obsahu spolupracují pomocí sady nahraditelných oblastí neboli ovládacích prvků zástupného symbolu obsahu. Každý zástupný symbol obsahu (který se v kódu stránky zobrazí jako ContentPlaceHolder) představuje obsah, který je možné na stránce předlohy přepsat. Každá stránka na webu může nahradit cokoliv, co se nachází uvnitř zástupného znaku obsahu tak, že dodá odpovídající ovládací prvek obsahu. Tento ovládací prvek obsahu může být dokonce prázdný, což zcela odstraní tento prvek z vykreslené stránky.

Důležité informace: Během přizpůsobování stránek předlohy dávejte pozor, abyste neodstranili zástupné znaky obsahu. Mohlo by dojít k porušení některých stránek a dokonce webů přidružených k této stránce předlohy. Je proto dobrým zvykem tyto ovládací prvky jednoduše skrýt, ale neodstraňovat.

Pro vyhledání každého ovládacího prvku zástupného symbolu obsahu na stránce můžete použít funkci Spravovat oblasti obsahu. Ovládací prvek můžete zobrazit v zobrazení kódu a taky v editoru typu WYSIWYG.

Dalším velmi důležitým zástupným symbolem obsahu je PlaceHolderMain, protože tento se bude nahrazovat každou stránkou obsahu při zobrazení této stránky ve webovém prohlížeči.

Ovládací prvek PlaceHolderMain se nahrazuje každou stránkou obsahu při zobrazení stránky předlohy osobního webu ve webovém prohlížeči.

Rozložení obsahu na sharepointovém webu můžete změnit tak, že změníte umístění ovládacích prvků zástupných symbolů obsahu.

Další informace o používání zástupných symbolů obsahu najdete v článku Práce s ovládacími prvky zástupných symbolů obsahu.

Ovládací prvek zástupného symbolu obsahu je část kódu na stránce předlohy, který spolupracuje s ovládacím prvkem obsahu na stránce obsahu. Ovládací prvek zástupného symbolu obsahu zobrazuje výchozí obsah (kterým může být žádný obsah, pokud je tento ovládací prvek prázdný) na dané oblasti této stránky. Výchozí obsah se může přepsat jedinečným obsahem na stránce obsahu.

Vyhledání a změny ovládacího prvku zástupného symbolu obsahu

Pro vyhledání ovládacího prvku zástupného symbolu obsahu PlaceHolderSiteName na stránce předlohy osobního webu SharePointu 2010 postupujte takhle:

  1. Otevřete váš web v SharePoint Designeru 2010 a v navigačním podokně klikněte na Stránky předlohy.

    Poznámka:  Pokud nevidíte Stránky předlohy v navigačním podokně, možná byly v SharePointu zakázané. Obratťe se na správce vašeho webu. Další informace najdete v článku Správa SharePoint Designeru 2010.

  2. V galerii stránek předlohy klikněte na mysite.master.

  3. Na souhrnné stránce stránek předlohy klikněte na Upravit soubor.

  4. Pokud budete vyzváni k rezervování tohoto souboru, klikněte na Ano.

  5. Když se díváte na tuto stránku v návrhovém zobrazení, můžete jednoduše kliknout do oblasti na stránce pro zobrazení ovládacího prvku zástupného symbolu obsahu, který obsluhuje tento obsah.

  6. V seznamu oblastí obsahu vyberte PlaceHolderSiteName a pak klikněte na Přejít na. Potom klikněte na Zavřít. Ovládací prvek zástupného symbolu obsahu se vybere na dané stránce jako je tato.

Poznámka:  Vlastnosti značky pro tento zástupný symbol jsou ve výchozím stavu nastaveny na Visible=False. V rozděleném zobrazení v SharePoint Designeru 2010 můžete vybrat tuto značku, kliknout pravým tlačítkem myši a vybrat v zobrazené místní nabídce Vlastnosti značky pro zobrazení této hodnoty.


Zobrazí vlastnosti značky pro ovládací prvek PlaceHolderSiteName.

  1. Tady můžete změnit jeho nastavení, změnit umístění, použít jiné styly atd. Potom tuto stránku předlohy uložte.

  2. Pokud se zobrazí upozornění, že tyto změny přizpůsobí tuto stránku z její definice webu, vyberte Ano.

Poznámka:  Stránky SharePointu jsou ve výchozím stavu přidruženy k souborům definice webu. Pokud v SharePoint Designeru 2010 přizpůsobíte stránku předlohy, nebude už dál přidružená k definici webu. Může to znamenat další práci správce po budoucích aktualizacích nebo vylepšeních SharePointu. Toto je důvod, proč se vám tato zpráva zobrazuje. Ale pokud to bude potřeba, můžete vždycky vrátit stránku předlohy na její definici webu.


Vaše změny se projeví na každé stránce připojené k této stránce předlohy, pokud jste tyto stránky nepřizpůsobili přímo.

Práce se styly

Nejjednodušší a nejrychlejší způsob změny stylů na vaší stránce předlohy je použít předdefinovaný motiv na tuto stránku. Dostupné motivy zobrazíte a použijete kliknutím na Změnit motiv webu v oblasti Vlastní nastavení na kartě Nastavení webu v SharePoint Designeru.

Ale pokud potřebujete sladit vaše firemní barvy, grafiku, formátování textu a ostatní atributy stylu, asi budete chtít buď vytvořit vaše vlastní styly a pak je přidat přímo do stránky předlohy, anebo je umístit do externí šablony stylů CSS, kterou připojíte ke stránce předlohy.

Značky DIV usnadňují práci se šablonami stylů CSS

Stránka předlohy osobního webu v SharePointu 2010 používá značky DIV k definování prvků blok/čára a oddílů na stránce. Značky DIV nabízejí proti značkám tabulek, které se používaly v minulých verzích, spoustu výhod. Díky značkám DIV máte:

  • větší flexibilitu při použití stylů na stránce se šablonami stylů CSS

  • míň revizí

  • rychlejší stahování

  • lepší optimalizaci vyhledávacích webů

  • lepší podporu usnadnění

  • lepší podporu prohlížeče

Tabulky HTML se stále používají, třeba když vy nebo vaši uživatelé vkládají webové části a ostatní obsah SharePointu na danou stránku. Ale pro přizpůsobení stránek předlohy můžete pro strukturování obsahu pracovat hlavně se značkami DIV.

Používání značek DIV u přizpůsobování stránky předlohy osobního webu

Úprava stylů na stránce předlohy nebo vytvoření vlastní šablony stylů CSS

Pro úpravy stylů klikněte na nabídku Styl a pak si na pásu karet vyberte požadované možnosti práce se šablonami stylů CSS.

Můžete vytvořit nové styly a použít je anebo připojit šablonu stylů pomocí příkazů na pásu karet. Použijte příkaz Spravovat styly pro kategorizaci stylů podle prvku, pořadí nebo typu. Takhle si zobrazíte jenom ty styly, které se na dané stránce nebo prvku používají a taky si takto zobrazíte náhledy stylů.

Dialogové okno Nový styl na stránce předlohy osobního webu

Poznámka: Upozornění ke strojovému překladu: Tento článek přeložil počítačový systém bez zásahu člověka. Společnost Microsoft nabízí tyto strojové překlady proto, aby umožnila uživatelům, kteří nemluví anglicky, získat informace o produktech, službách a technologiích této společnosti. Protože je tento článek strojově přeložený, může obsahovat slovní, syntaktické nebo gramatické chyby.

Rozšiřte své znalosti a dovednosti
Projít školení
Získejte nové funkce jako první
Připojte se k účastníkům programu Office Insiders

Byly tyto informace užitečné?

Děkujeme vám za zpětnou vazbu.

Děkujeme vám za váš názor. Vypadá to, že bude užitečné, když vás spojíme s některým z našich agentů z podpory Office.

×