SharePoint 2010: Branding nasıl yapılır, hayata nasıl geçirilir? (tr-TR)

SharePoint 2010: Branding nasıl yapılır, hayata nasıl geçirilir? (tr-TR)

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

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

clip_image001

1 SharePoint Designer

1.1 SharePoint Designer 2010 yüklenim


2 SharePoint Designer yükleme

  • SharePoint Designer 2010’ü indirdikten sonra executabale'ını kullanarak yükleyebilirsiniz ( RUN’e basınız )

clip_image002

  • Extracting başlar

clip_image004

  • EULA okuyunuz (!) ve sonrasında continue

clip_image005

clip_image006

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

clip_image007

  • Ve yükleme işlemi başlar

clip_image008


3 Basic Designs

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

  • · “Site Actions” 'a basınız
  • · “Site Collection Features” 'ına basınız
  • · “SharePoint Server Publishing Infrastructure” 'ın aktifleştiriniz

clip_image009

  • · “Site Actions” 'basınız
  • · “Manage site features” 'ına basınız
  • · “SharePoint Server Publishing” 'ını aktifleştiriniz.

clip_image010


3.1 SharePoint Designer kullanim

  • SharePoint 2010’u açınız ve web sitenize giriniz.

clip_image012


  • Hiçbir zaman MasterPage'inizde direkt olarak değişikler yapmayınız. Önce bir kopya yapın, ismini değiştirin ondan sonra üzerine değişiklikler yapabiliriz.

clip_image014


3.2 Custom CSS

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

clip_image015

  • Sağ klik ve “Edit File in Advanced Mode

clip_image016

  • Ve içerisine aşağıdaki alanları 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;
 }

clip_image017



 

clip_image018



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

clip_image019

 

  • Yeni bir isim veriniz.

clip_image020

 

  • Sonrasında “Set as default Master Page

clip_image021

 

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

clip_image022

Sort by: Published Date | Most Recent | Most Useful
Comments
Page 1 of 1 (2 items)