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.
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.
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.
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.
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.
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