Design Manager a SharePoint 2013-ban: könnyebb elrendezések és Mesterlapok

az összes korábbi kiadásban a mesterlapok és elrendezések létrehozása határozottan nem volt könnyű a tervező számára, figyelembe véve annak technikai szempontjait. A tervezőknek meg kell érteniük a SharePoint-ot, és hogy milyen összetevők kötelezőek a mesteroldalon, és hogyan teszik meg, hogy a terveik életre keljenek.

a SharePoint 2013-ban van egy új funkció, a Design Manager, amely segít elválasztani a tervezési szempontokat a műszaki követelményektől a mesteroldal létrehozásához. A tervezőnek nem kell tudnia, hogy mely összetevők szükségesek a mesteroldalon. A Design Manager segíti a mesteroldal létrehozását egyszerű HTML, CSS fájlokból. A tervezőnek most már csak a tervezése miatt kell aggódnia, és ezt HTML-be, CSS-be és képekbe kell konvertálnia. Miután ezek a tárgyak készen állnak, a tervezéskezelő feldolgozhatja ezeket egy mesteroldal létrehozásához.

a mesteroldal létrehozásának folyamata nagyon egyszerű:

1. Hozza létre a kívánt elrendezést a választott HTML-szerkesztő segítségével.

2. Hozza létre a tervezést támogató CSS fájlt.

3. Adja hozzá azokat a képeket, amelyek a tervezés részét képezik.

image

4. Töltse fel az összes fájlt a mesteroldal galériájába. (Van egy nagyon kényelmes módja ennek, és szerkeszteni, miközben a fejlődő és csípés a HTML).

a. Nyissa meg a mesteroldal galériáját a windows Intézőben.

b. Másolja a html, CSS és Képek mappát a mesteroldal galériájába.

5. A HTML-fájl feltöltésekor rendelje hozzá a HTML-mesteroldalt tartalomtípusként. (választható)

6. Az összes többi fájlhoz hozzárendelhető a Tervezőfájlok tartalomtípusa. (választható)

7. Lépjen a Webhelybeállítások oldalra.

8. Kattintson a Design Manager elemre a” Look & Feel ” kategóriában.

9. Vagy kattintson a jobb oldalon található Új Webhelyműveletek gombra, majd kattintson a Design Manager elemre.

image

image

10. Ugrás az importálási Mesteroldalakra.

11. Kattintson a “HTML fájl konvertálása SharePoint mesteroldalra” linkre.

a. ezzel megnyílik egy párbeszédpanel, amelyen kiválaszthatja a HTML fájlt a mesteroldal galériából.

b. válassza ki az imént feltöltött html fájlt.

12. Miután kiválasztott egy fájlt, a SharePoint létrehoz egy mesterlapot az adott tervhez. Ha bármilyen hibát észlel az átalakítási folyamat során, értesíti Önt.

13. Ezen a ponton létrejött a mesteroldal.

14. A mesteroldal testreszabásához kattintson a” konverzió sikeres ” linkre.

a. Ez egy előnézeti oldalra vezet. Amint az az alábbi képernyőképen látható, a SharePoint átalakította és létrehozta a mesterlapot.

image

SharePoint-összetevők hozzáadása a mesterlaphoz a Snippets Manager használatával:

1. Mielőtt testreszabnánk a mesteroldalt, a windows Intéző ablakban, ahol megnyitotta a mesteroldal galériát, nyissa meg a HTML fájlt, amelyet feltöltött a választott szerkesztőbe.

2. A SharePoint-összetevők, például a felső navigáció és egyéb vezérlők, kijelzők hozzáadásához kattintson az előnézeti oldal jobb felső sarkában található kivonatok hivatkozásra.

image

3. Ez megnyitja a kivonatok Galéria oldalt.

4. Tegyük fel, hogy hozzá szeretné adni a felső navigációt a mesteroldalához.

a. kattintson a szalag felső navigációs gombjára.

b. ez létrehozza a szükséges HTML-részletet.

c. másolja a kivonatot a vágólapra.

d. (Testreszabhatja a felső navigációs vezérlő tulajdonságait, majd kattintson a “Frissítés” gombra az új kódrészlet létrehozásához.

5. Váltson arra a html-fájlra, amelyet az 1.lépésben megnyitott egy szerkesztőben.

6. Illessze be a html-részletet, bárhová is szeretné, hogy a felső navigáció megjelenjen a tervben.

7. Mentse el a html fájlt.

8. Frissítse az előnézeti oldalt a böngészőben, és látni fogja, hogy a mesteroldal újra létrejött, és a változások láthatók.

9. Így gyorsan létrehozhat és dolgozhat a mesteroldalon.

10. A mesteroldal közzétételéhez válassza ki a HTML fájlt a mesteroldal galériában, majd tegye közzé. Ez automatikusan közzéteszi a mesteroldal fájlt is, és beállíthatja a webhely mesteroldalát.

Screen Shot: a létrehozott mesteroldal a felső navigációval.

image

tippek:

1. A html fájl és a mesteroldal egymáshoz vannak társítva.

2. A SharePoint nem engedi törölni a mesteroldalt, amíg a Társítás még mindig ott van.

3. A Társítás eltávolításához lépjen a mesteroldal galériájába.

a. Jelölje be a

Html fájlt b. Tulajdonságok szerkesztése

c. törölje a “társított fájl” jelölőnégyzet jelölését.

D. Mentés

4. Most a mesteroldalon közvetlenül szerkesztheti azt.

5. Továbbá, míg a html és a mesterfájlok társítva vannak, nem teheti közzé közvetlenül a mesteroldal fájlt. Ki kell választania a html fájlt, és közzé kell tennie. Ez közzéteszi a mesteroldalt, és beállíthatja a webhely főoldalát.

6. Javaslat: Miután elkészítette a mesteroldalt az Ön megelégedésére, szüntesse meg a html-fájl társítását, csomagolja be a mesteroldalt egy wsp-be, majd telepítse a teszt -, termelési környezetbe.

A szerzőről

további információk a szerzőtől

Leave a Reply

Az e-mail-címet nem tesszük közzé.