în ultimul meu articol, am documentat cum să creați o pagină principală în SharePoint 2013. Paginile principale definesc elementele chrome globale ale site-ului dvs. web. Acest articol explică cum se creează aspecte de pagină particularizate în SharePoint 2013. Pentru mai multe informații despre modelul de pagină SharePoint 2013, consultați acest articol Microsoft.
planificarea aspectului paginii dvs.
pentru acest exemplu, vom recrea o bucată dintr-o pagină pe site-ul nostru web (www.navantis.com):
în articolul nostru anterior, am creat pagina principală care a definit antetul, subsolul și foile de stil globale pentru această pagină. Acum vom crea un aspect de pagină care urmează acest format de bază. Conținutul va fi dinamic, astfel încât să puteți crea câte pagini doriți pe baza acestui aspect.
în aspectul paginii noastre, vom defini următoarele zone ca „controale de câmp”. Le vom crea pe toate într-un singur container de conținut și le vom expune în mod explicit pentru a reflecta designul nostru:
breadcrumb din stânga sus putem folosi traseul breadcrumb al SharePoint și vom încorpora abonamentul la buletinul informativ în aspectul paginii, deoarece nu dorim ca acest lucru să fie definit în mod explicit în aspect.
definirea tipului de conținut
deci, înainte de a face munca HTML, să creăm un tip de conținut (o definiție pentru câmpurile de conținut) care definește fiecare dintre aceste câmpuri pentru pagina noastră. Pe baza planului de mai sus, avem nevoie de următoarele câmpuri:
- LargeHeadline
- RightHandBlurb
- LeftLinkList
- LeftColumnTitle
- LeftColumnText
- RightColumnText
în fiecare caz, aceste vor fi controale HTML. SharePoint 2013 vă permite să definiți alte tipuri de conținut pentru aceste câmpuri, cum ar fi imagini. Imaginile din SharePoint 2013 pot fi randate în dimensiuni specifice, iar SharePoint 2013 va reda dinamic orice imagine la cea specificată pentru a se asigura că se încadrează frumos în aspectul definit.
pentru a crea un tip de conținut, accesați Setări Site –> tipuri de conținut Site (Sub galerii Web Designer). Dacă te uiți la tipurile de conținut Aspect pagină veți vedea cele existente pentru articol, Catalog, pagina de bun venit, etc. Vom crea un tip de conținut pentru aspectul nostru. Faceți clic pe Creare și tastați un nume pentru noul tip de conținut:
sub Tip de conținut părinte, puteți selecta părintele de la care va moșteni tipul de conținut. Dacă vă uitați la tipurile de conținut existente de aspect de pagină, acestea moștenesc din pagina tip de conținut. Pagina se află în grupul de publicare tipuri de conținut. De asemenea, puteți specifica grupul în care doriți să plasați noul tip de conținut – îl puteți adăuga la grupul de tipuri de conținut existent pentru aspectul paginii sau puteți crea propriul grup personalizat.
după ce ați creat noul tip de conținut, SharePoint 2013 va afișa coloanele care au fost moștenite automat din tipul de conținut al paginii. Vă permite să adăugați unele noi pentru a reprezenta câmpurile noastre personalizate. Faceți clic pe coloana Adăugare din site nou și să adăugăm fiecare câmp:
pentru fiecare coloană, putem specifica tipul. Pentru acele câmpuri pe care dorim să le stilizăm în mod explicit, putem folosi opțiunea Single Line of Text pentru ca autorul conținutului să fie pus în text simplu care va fi formatat de șablon. Pentru acele câmpuri pe care dorim să le oferim mai mult control autorului de conținut, putem specifica câmpul ca conținut HTML complet și apoi autorul de conținut va putea pune în orice HTML folosind editorul de text îmbogățit. Pentru domeniile noastre, să folosim această abordare:
- LargeHeadline-o singură linie de text
- RightHandBlurb – mai multe linii de text
- LeftLinkList-HTML complet
- LeftColumnTitle – o singură linie de text
- LeftColumnText-HTML complet
- RightColumnText-HTML complet
pentru fiecare câmp, creați o coloană de site.
acum avem câmpuri pentru a stoca conținutul, să creăm acum un aspect al paginii.
crearea unui aspect de pagină
pentru a crea un aspect de pagină, accesați managerul de proiectare și faceți clic pe 6. Editați Aspectele Paginii. Faceți clic pe Creați un aspect de pagină. Dați un nume aspectului paginii dvs., alegeți pagina principală și tipul de conținut pe care tocmai l-ați creat.
dacă previzualizați aspectul paginii, veți vedea că nu arată prea mult – trebuie să actualizăm HTML-ul din jurul controalelor de câmp pentru a formata corect aspectul.
publicarea aspectului paginii
înainte de a utiliza aspectul paginii, acesta trebuie publicat. Pentru a publica aspectul paginii, accesați Setări Site – > pagini principale și aspecte de pagină. Veți vedea două fișiere-unul este HTML și unul este ASPX. în SharePoint 2013, HTML este acum master și îl puteți edita utilizând un editor HTML. SharePoint 2013 generează apoi fișierul ASPX automat. Pentru a publica aspectul, faceți clic pe fișierul HTML și apoi publicați:
aceasta va publica atât fișierele HTML, cât și ASPX, făcându-le acum disponibile pentru a crea o pagină bazată pe aspectul dvs.
crearea unei pagini
pentru a crea o pagină pe baza noului aspect, accesați pagina nouă.
dacă mergeți apoi la page – > Page Layouts, veți găsi noul nostru aspect de pagină în lista de machete de pagină disponibile. Când comutați aspectul paginii, ar trebui să vedeți acum toate câmpurile pe care le-am creat mai devreme în tipul nostru de conținut.
puteți completa conținutul dvs. fie tastându-l, fie copiindu-l și lipindu-l fie de pe site-ul dvs. web existent, fie din documente office, cum ar fi Word. Copy și paste sa îmbunătățit dramatic față de versiunile anterioare!
aici este conținutul meu acum completat:
acum putem publica pagina noastră…
conținutul nostru este acolo, dar aspectul nu reflectă ceea ce want…so acum editați HTML pentru a actualiza aspectul nostru.
personalizarea Page Layouts
page layouts în SharePoint 2013 sunt doar fișiere HTML cu o mulțime de markup suplimentare pentru a specifica în cazul în care controalele vor fi injectate. Acum putem personaliza fișierul HTML prin managerul de proiectare. Puteți pur și simplu apuca o copie a fișierului HTML, face modificările și re-încărcați fișierul și SharePoint 2013 va face restul. Există două moduri de a apuca fișierul:
- accesați Manager de proiectare – > 3. Încărcați fișiere de proiectare și mapați o unitate de rețea în directorul paginii principale.
- accesați Setări Site – > pagini principale și aspecte de pagină și puteți descărca fișierul.
după iterarea de câteva ori cu aspectul paginii și mutarea fragmentelor furnizate de SharePoint 2013 în locurile corespunzătoare, avem acum o pagină frumos formatată:
tot conținutul din zona paginii principale este complet gestionat de SharePoint poate fi modificat cu ușurință de un autor de conținut.
acest post a fost scris de Chris Woodill
Christopher Woodill este Vice-presedinte, sectorul Public pentru Navantis. Cu peste 15 ani de experiență în planificarea, gestionarea și implementarea strategiilor tehnologice atât în sectorul public, cât și în cel privat, Christopher este responsabil pentru vânzările din sectorul public, strategia și furnizarea de soluții pentru clienții noștri din domeniul sănătății, guvernului, municipalităților și educației.
