Design Manager v SharePoint 2013: snadnější rozvržení a hlavní stránky

ve všech předchozích verzích nebylo vytváření hlavních stránek a rozvržení pro návrháře rozhodně snadné vzhledem k jeho technickým aspektům. Návrháři by museli pochopit SharePoint a jaké komponenty jsou povinné na hlavní stránce a jak vykreslují, aby jejich návrhy ožily.

v SharePoint 2013 je nová funkce nazvaná Design Manager, která pomůže oddělit aspekty návrhu od technických požadavků a vytvořit hlavní stránku. Designer nemusí vědět, které komponenty jsou nezbytné na hlavní stránce. Správce návrhů pomáhá při vytváření hlavní stránky z jednoduchých souborů HTML, CSS. Návrhář se nyní musí starat pouze o svůj design a převést jej na HTML, CSS a obrázky. Jakmile jsou tyto artefakty připraveny, Správce návrhu je může zpracovat a vygenerovat hlavní stránku.

proces vytvoření hlavní stránky je opravdu jednoduchý:

1. Vytvořte požadované rozvržení pomocí editoru HTML podle vašeho výběru.

2. Vytvořte soubor CSS, který podporuje váš návrh.

3. Přidejte obrázky, které jsou součástí vašeho návrhu.

image

4. Nahrajte všechny soubory do galerie hlavní stránky. (Existuje velmi pohodlný způsob, jak to udělat a provádět úpravy při vývoji a ladění HTML).

a. otevřete galerii hlavní stránky v Průzkumníku windows.

b. Zkopírujte složku html, CSS a obrázky do galerie hlavní stránky.

5. Když nahrajete soubor HTML, přiřaďte hlavní stránku HTML jako typ obsahu. (nepovinně)

6. Všem ostatním souborům lze přiřadit typ obsahu návrhových souborů. (nepovinně)

7. Přejděte na stránku Nastavení webu.

8. Klikněte na správce návrhů v kategorii“ Vzhled & pocit“.

9. Nebo můžete kliknout na tlačítko Nové Akce webu vpravo a kliknout na správce návrhů.

image

image

10. Přejít na hlavní stránky importu.

11. Klikněte na odkaz“ převést soubor HTML na hlavní stránku SharePoint“.

a. otevře se dialogové okno pro výběr souboru html z galerie hlavní stránky.

b. vyberte soubor html, který jste právě nahráli.

12. Jakmile vyberete soubor, SharePoint vygeneruje hlavní stránku pro tento návrh. Pokud se během procesu převodu vyskytnou nějaké chyby, upozorní vás.

13. V tomto okamžiku byla vygenerována hlavní stránka.

14. Chcete-li přizpůsobit hlavní stránku, klikněte na odkaz „konverze úspěšná“.

a. Tím se dostanete na stránku náhledu. Jak můžete vidět z obrazovky níže SharePoint převedl a vytvořil hlavní stránku.

image

přidání komponent SharePoint na hlavní stránku pomocí Správce úryvků:

1. Než přizpůsobíme hlavní stránku, v okně Průzkumníka windows, kde jste otevřeli galerii hlavní stránky, otevřete soubor Html, který jste nahráli v editoru podle vašeho výběru.

2. Chcete-li přidat komponenty SharePoint, jako je horní navigace a další ovládací prvky, webové části, klikněte na odkaz úryvky v pravém horním rohu stránky náhledu.

image

3. Tím se otevře stránka galerie úryvků.

4. Řekněme, že chcete přidat horní navigaci na hlavní stránku.

a. klikněte na horní navigační tlačítko na pásu karet.

B. tím se vytvoří fragment HTML, který potřebujete.

c. zkopírujte úryvek do schránky.

d. (Můžete přizpůsobit vlastnosti horního ovládacího prvku navigace a kliknutím na „Aktualizovat“ vygenerujete nový úryvek.

5. Přepněte na soubor html, který jste otevřeli v editoru v kroku 1.

6. Vložte úryvek html kamkoli chcete, aby se ve vašem návrhu objevila horní navigace.

7. Uložte soubor html.

8. Obnovte stránku náhledu v prohlížeči a uvidíte, že hlavní stránka byla znovu vygenerována a vaše změny jsou viditelné.

9. Tímto způsobem můžete rychle vytvářet a pracovat na své hlavní stránce.

10. Chcete-li publikovat hlavní stránku, vyberte soubor html v galerii hlavní stránky a publikujte jej. Tím se automaticky publikuje také soubor hlavní stránky a budete moci nastavit hlavní stránku webu.

Screen Shot: generovaná hlavní stránka s horní navigací.

image

tipy:

1. Soubor html a hlavní stránka jsou navzájem spojeny.

2. SharePoint vám nedovolí odstranit hlavní stránku, pokud je asociace stále tam.

3. Chcete-li asociaci odstranit, přejděte do galerie hlavní stránky.

a. Vyberte soubor Html

b. upravit vlastnosti

c. zrušte zaškrtnutí políčka“ přidružený soubor“.

d. Save

4. Nyní můžete pracovat na hlavní stránce přímo úpravou.

5. I když jsou spojeny html a hlavní soubory, nemůžete přímo publikovat soubor hlavní stránky. Musíte vybrat soubor html a publikovat jej. Tím se zveřejní hlavní stránka a budete moci nastavit hlavní stránku webu.

6. Návrh: Jakmile vytvoříte hlavní stránku k Vaší spokojenosti, oddělte soubor html, zabalte hlavní stránku do wsp a poté ji nasaďte do testovacího, výrobního prostředí.

o autorovi

Více od tohoto autora

Leave a Reply

Vaše e-mailová adresa nebude zveřejněna.