Bu makalede sizlere SharePoint nasıl design edilir bundan bahis edeceğim.

Öncelikle, test olarak bir webapplication yapmamız gerekiyor. Bu makalede sizlere test olarak http://master.Spdev.local:888 kullanacağım.

1 SharePoint Designer

1.1 SharePoint Designer 2010 yüklenim

• Download: Microsoft SharePoint Designer 2010 (32-bit)
• Download: Microsoft SharePoint Designer 2010 (64-bit)
• Download: Service Pack 1 for SharePoint Designer 2010 (32-bit)
• Download: Service Pack 1 for SharePoint Designer 2010 (64-bit)
• Download: Product Information SharePoint Designer 2010

2 SharePoint Designer yükleme

• SharePoint Designer 2010’ü indirdikten sonra. exe basarak, yüklenim baslar ( RUN’e basiniz )

• Extracting baslar

• EULA okuyunuz (!) ve sonrasında continue

• Install Now a basınız ve aşağıda gösterildiği gibi seçenekleri seciniz.

• Ve yüklenim baslar

3 Basic Designs

MasterPage, custom page ve benzeri “page” leri değiştirmek istersek iki tane feature’un aktive olması gerek.

• · “Site Actions” basınız
• · “Site Collection Features” basınız
• · “SharePoint Server Publishing Infrastructure” aktifleydiniz

• · “Site Actions” basınız
• · “Manage site features” basınız
• · “SharePoint Server Publishing” aktifleyiniz

3.1 SharePoint Designer kullanim

• SharePoint 2010’ü acınız ve web site inizi giriniz.

• Hiçbir AMA hiçbir zaman MasterPage inize direkt olarak değişikler yapmayınız. Önce bir kopya yapalım ismini değiştirelim ondan sonra üzerine değişiklikler yapabiliriz.

3.2 Custom CSS

• Style library’de yeni bir CSS yaratalım.

• Sağ klik ve “Edit File in Advanced Mode”

• Ve içerisine aşağıdaki olanları kopyalayınız:

 #s4-bodyContainer {

 width: 1024px !important;

 margin-left:auto;

 margin-right:auto;

 }

 body #s4-ribbonrow {

 background-color:#865102;

 }

 body.v4master {

 overflow: visible;

 background-color:black;

 }

 .ms-cui-ribbonTopBars {

 width: 1024px !important;

 margin-left:auto;

 margin-right:auto;

 }

 .ms-cui-ribbonTopBars > div {

 border-bottom:1px solid transparent !important;

 }

• 
  
  SharePoint Designer’de CSS’i Design mode sayesinde içine yükleyiniz ve kopyalamış olduğumuz MasterPage’e sağ klik ve “New from Master Page” e basınız

• Yeni bir isim veriniz

• Sonrasında “Set as default Master Page”

• Ve lay-out’umuz değişmiş bir şekilde karsımıza çıkar..