Vytvoření vlastního rozvržení stránky v SharePoint 2013-NavantisNavantis Blog

v mém posledním článku jsem zdokumentoval, jak vytvořit hlavní stránku v SharePoint 2013. Hlavní stránky definují globální prvky prohlížeče chrome na vašem webu. Tento článek vysvětluje, jak vytvořit vlastní rozvržení stránky v SharePoint 2013. Další informace o modelu stránky SharePoint 2013 naleznete v tomto článku společnosti Microsoft.

plánování rozvržení stránky

v tomto příkladu znovu vytvoříme část stránky na našem webu (www.navantis.com):

v našem předchozím článku jsme vytvořili hlavní stránku, která definovala záhlaví, zápatí a globální styly této stránky. Nyní vytvoříme rozvržení stránky, které bude následovat tento základní formát. Obsah bude dynamický, takže na základě tohoto rozvržení můžete vytvořit tolik stránek, kolik chcete.

v našem rozvržení stránky definujeme následující oblasti jako „ovládací prvky polí“. Vytvoříme je všechny V jednom kontejneru obsahu a explicitně je rozložíme, aby odrážely náš design:

strouhanka vlevo nahoře můžeme použít strouhanku SharePoint a vložíme předplatné zpravodaje do rozvržení stránky, protože nechceme, aby to bylo explicitně definováno do rozvržení.

definování typu obsahu

takže než uděláme HTML práci, pojďme vytvořit typ obsahu (definice pro obsahová pole), která definuje každé z těchto polí pro naši stránku. Na základě výše uvedeného plánu potřebujeme následující pole:

• LargeHeadline
• RightHandBlurb
• LeftLinkList
• LeftColumnTitle
• LeftColumnText
• RightColumnText

v každém případě se jedná o ovládací prvky HTML. SharePoint 2013 umožňuje definovat další typy obsahu pro tato pole, jako jsou obrázky. Obrázky v SharePoint 2013 mohou být vykresleny v určitých rozměrech a SharePoint 2013 bude dynamicky vykreslovat jakýkoli obrázek na určený, aby se zajistilo, že se hodí do definovaného rozvržení.

Chcete –li vytvořit typ obsahu, přejděte na Nastavení webu – > typy obsahu webu (pod galeriemi Web Designer). Pokud se podíváte na typy obsahu rozvržení stránky, uvidíte existující pro článek, Katalog, uvítací stránku atd. Vytvoříme typ obsahu pro naše rozvržení. Klikněte na Vytvořit a zadejte název nového typu obsahu:

v části Typ nadřazeného obsahu můžete vybrat rodiče, od kterého bude váš typ obsahu zdědit. Pokud se podíváte na existující typy obsahu rozvržení stránky, dědí se ze stránky typu obsahu. Stránka je ve skupině publikování typů obsahu. Můžete také určit skupinu, kterou chcete umístit nový typ obsahu – můžete ji přidat do existující skupiny typů obsahu rozvržení stránky nebo vytvořit vlastní skupinu.

když jste vytvořili nový typ obsahu, SharePoint 2013 zobrazí sloupce, které byly zděděny automaticky z typu obsahu stránky. Umožňuje přidat některé nové reprezentovat naše vlastní pole. Klikněte na sloupec přidat z nového webu a přidejte každé pole:

pro každý sloupec můžeme určit typ. Pro pole, která chceme explicitně stylovat, můžeme použít možnost jeden řádek textu k tomu, aby autor obsahu vložil prostý text, který bude formátován šablonou. Pro pole, která chceme autorovi obsahu poskytnout větší kontrolu, můžeme pole určit jako plný obsah HTML a poté bude autor obsahu moci vložit libovolný HTML pomocí editoru RTF. Pro naše obory použijme tento přístup:

• LargeHeadline-jeden řádek textu
• RightHandBlurb-více řádků textu
• LeftLinkList-plný HTML
• LeftColumnTitle-jeden řádek textu
• LeftColumnText-plný HTML
• RightColumnText-plný HTML

pro každé pole vytvořte sloupec webu.

nyní máme pole pro uložení obsahu, nyní vytvoříme Rozvržení stránky.

vytvoření rozvržení stránky

Chcete-li vytvořit rozvržení stránky, přejděte do Správce návrhů a klikněte na 6. Upravit Rozvržení Stránky. Klikněte na vytvořit rozvržení stránky. Pojmenujte rozvržení stránky, vyberte hlavní stránku a typ obsahu, který jste právě vytvořili.

pokud si zobrazíte náhled rozvržení stránky, uvidíte, že to nevypadá moc – musíme aktualizovat HTML kolem ovládacích prvků pole, abychom správně formátovali rozvržení.

publikování Rozvržení stránky

než budete moci použít rozvržení stránky, musí být zveřejněno. Chcete-li publikovat rozvržení stránky, přejděte do Nastavení webu –> hlavní stránky a rozvržení stránky. Uvidíte dva soubory-jeden je HTML a jeden ASPX. ve službě SharePoint 2013 je nyní HTML master a můžete jej upravit pomocí editoru HTML. SharePoint 2013 pak automaticky vygeneruje soubor ASPX. Chcete-li publikovat rozvržení, klikněte na soubor HTML a poté publikovat:

tím se publikují soubory HTML i ASPX a nyní je zpřístupní k vytvoření stránky na základě vašeho rozvržení.

vytvoření stránky

Chcete-li vytvořit stránku na základě našeho nového rozvržení, přejděte na novou stránku.

pokud pak přejdete na stránku – > Rozvržení stránky, najdete naše nové rozvržení stránky v seznamu dostupných Rozvržení stránky. Když přepnete rozvržení stránky, měli byste nyní vidět všechna pole, která jsme dříve vytvořili v našem typu obsahu.

obsah můžete vyplnit buď zadáním nebo zkopírováním a vložením z existujícího webu nebo z dokumentů office, jako je Word. Kopírování a vkládání se oproti předchozím verzím dramaticky zlepšilo!

zde je můj obsah nyní vyplněn:

Nyní můžeme publikovat naši stránku…

náš obsah je tam, ale rozvržení neodráží to, co jsme want…so nyní upravte HTML a aktualizujte naše rozvržení.

přizpůsobení rozvržení stránek

rozvržení stránek v SharePoint 2013 jsou pouze soubory HTML se spoustou dalších značek, které určují, kam budou ovládací prvky injektovány. Nyní můžeme přizpůsobit soubor HTML prostřednictvím Správce návrhů. Můžete jednoduše uchopit kopii souboru HTML, provést změny a znovu nahrát soubor a SharePoint 2013 se postará o zbytek. Existují dva způsoby, jak soubor uchopit:

• přejděte na správce návrhu – > 3. Nahrajte soubory návrhu a mapujte síťovou jednotku do adresáře hlavní stránky.
• přejděte na Nastavení webu – > hlavní stránky a rozvržení stránek a můžete si stáhnout soubor.

po iteraci několikrát s rozvržením stránky a přesunutím úryvků poskytovaných službou SharePoint 2013 na příslušná místa máme nyní pěkně formátovanou stránku:

Veškerý obsah v oblasti hlavní stránky je plně spravován službou SharePoint, kterou může autor obsahu snadno změnit.