Design Manager w SharePoint 2013: Easier Layouts and Master Pages
we wszystkich poprzednich wersjach tworzenie stron wzorcowych i układów zdecydowanie nie było łatwe dla projektanta, biorąc pod uwagę jego techniczne aspekty. Projektanci musieliby zrozumieć SharePoint i jakie komponenty są obowiązkowe na stronie wzorcowej oraz w jaki sposób renderują, aby ich projekty ożyły.
w SharePoint 2013 pojawiła się nowa funkcja o nazwie Design Manager, która pomoże oddzielić aspekty projektowania od wymagań technicznych, aby utworzyć stronę wzorcową. Projektant nie musi wiedzieć, które komponenty są potrzebne na stronie wzorcowej. Menedżer projektu pomaga w tworzeniu strony wzorcowej z prostych plików HTML, CSS. Projektant musi teraz martwić się tylko o swój projekt i przekonwertować go na HTML, CSS i obrazy. Gdy te artefakty są gotowe, menedżer projektu może przetworzyć je w celu wygenerowania strony wzorcowej.
proces tworzenia strony wzorcowej jest naprawdę prosty:
1. Utwórz żądany układ za pomocą wybranego edytora HTML.
2. Utwórz plik CSS, który obsługuje twój projekt.
3. Dodaj obrazy, które są częścią twojego projektu.
4. Prześlij wszystkie pliki do galerii strony wzorcowej. (Istnieje bardzo wygodny sposób, aby to zrobić i dokonać zmian podczas opracowywania i poprawiania kodu HTML).
a. otwórz galerię strony wzorcowej w Eksploratorze windows.
b. Skopiuj folder html, CSS i obrazy do galerii strony wzorcowej.
5. Po przesłaniu pliku HTML Przypisz stronę wzorcową HTML jako typ zawartości. (opcjonalnie)
6. Wszystkim innym plikom można przypisać typ zawartości plików projektowych. (opcjonalnie)
7. Przejdź do strony ustawień witryny.
8. Kliknij na Design Manager w kategorii „Look & Feel”.
9. Możesz też kliknąć przycisk nowe działania witryny po prawej stronie i kliknąć Menedżer projektów.
10. Przejdź do stron wzorcowych importu.
11. Kliknij link „Konwertuj plik HTML na stronę wzorcową SharePoint”.
a. otworzy się okno dialogowe umożliwiające wybranie pliku html z galerii strony wzorcowej.
B. Wybierz plik html, który właśnie przesłałeś.
12. Po wybraniu pliku SharePoint wygeneruje stronę wzorcową dla tego projektu. Jeśli podczas procesu konwersji napotkasz jakiekolwiek błędy, powiadomi Cię o tym.
13. W tym momencie strona wzorcowa została wygenerowana.
14. Aby dostosować stronę wzorcową, kliknij łącze „konwersja powiodła się”.
a. Spowoduje to przejście do strony podglądu. Jak widać na zrzucie ekranu poniżej SharePoint przekonwertował i utworzył stronę wzorcową.
dodawanie komponentów SharePoint do strony wzorcowej za pomocą Menedżera urywków:
1. Zanim dostosujemy stronę wzorcową, w oknie Eksploratora windows, w którym otworzyłeś galerię strony wzorcowej, otwórz plik Html przesłany do wybranego edytora.
2. Aby dodać komponenty SharePoint, takie jak górna nawigacja i inne elementy sterujące, części sieci Web, kliknij łącze urywki w prawym górnym rogu strony podglądu.
3. Spowoduje to otwarcie strony galerii fragmentów.
4. Załóżmy, że chcesz dodać górną nawigację do strony wzorcowej.
A. Kliknij górny przycisk nawigacji na wstążce.
b. utworzy to potrzebny fragment HTML.
C.skopiuj fragment do schowka.
d. (Możesz dostosować właściwości górnej kontroli nawigacji i kliknąć „Aktualizuj”, aby wygenerować nowy fragment.
5. Przełącz się na plik html, który został otwarty w edytorze w kroku 1.
6. Wklej fragment html w dowolnym miejscu, w którym ma pojawić się górna nawigacja w projekcie.
7. Zapisz plik html.
8. Odśwież stronę podglądu w przeglądarce, a zobaczysz, że strona wzorcowa została wygenerowana ponownie i twoje zmiany są widoczne.
9. W ten sposób można szybko tworzyć i pracować na stronie wzorcowej.
10. Aby opublikować stronę wzorcową, wybierz plik html w galerii strony wzorcowej i opublikuj go. Spowoduje to również automatyczne opublikowanie pliku strony wzorcowej i będzie można ustawić stronę wzorcową dla witryny.
zrzut ekranu: wygenerowana strona wzorcowa z górną nawigacją.
porady:
1. Plik html i strona wzorcowa są ze sobą powiązane.
2. SharePoint nie pozwoli na usunięcie strony wzorcowej, o ile nadal istnieje skojarzenie.
3. Aby usunąć skojarzenie, przejdź do galerii strony wzorcowej.
a. Wybierz plik Html
b. Edytuj Właściwości
c. odznacz pole wyboru „powiązany plik”.
d. Save
4. Teraz możesz pracować nad stroną wzorcową bezpośrednio, edytując ją.
5. Ponadto, podczas gdy pliki HTML i pliki główne są powiązane, nie można bezpośrednio opublikować pliku strony wzorcowej. Musisz wybrać plik html i opublikować go. Spowoduje to opublikowanie strony wzorcowej i będzie można ustawić stronę wzorcową dla witryny.
6. Sugestia: Po zbudowaniu strony wzorcowej w sposób satysfakcjonujący, odłącz plik html, zapakuj stronę wzorcową w wsp, a następnie wdroż ją do środowisk testowych i produkcyjnych.
o autorze
więcej o autorze