SharePoint Designer 2013'ü açıyoruz. Sol Navigation Menüsünde All Files dizinine giriyoruz.

                                                                                 Resim 1
 

Resim 1'de görüldüğü gibi  _catalogs dizinine giriyoruz.

                                                                                   Resim 2
 

Resim 2'de görüldüğü gibi Theme dizinine giriyoruz.

                                                                                  Resim 3
 

Resim 3'de görüldüğü gibi 15 dizinine giriyoruz.

                                                                                    Resim 4

Bu dizin altında bulunan tema dosyalarından fontscheme001.spfont ve Palette001.spcolor dosyalarını çalışma yapacağımız bilgisayarımıza alıyoruz. Bilgisayarımıza aldığımız bu iki dosyayı Visual Studio 2012 ile açıyoruz. Bu dosyalar xml dosyası olduğu için Visual Studio 2012 haricinde Microsoft Expression Web vb. Program kullanarak da gerekli işlemleri yapabilirsiniz.

Palette001.spcolor dosyasını açıyoruz. Bu dosyadaki değişiklikler ile temamızın renklerini belirleyeceğiz.

                                                                                      Resim 5

Resim 5'de bu dosyanın içeriği görüntülenmekte name isimlerine göre nerelerde değişiklikler yapacağımızı belirliyoruz ve bu değişiklikleri oluşturmak istediğimiz tema renkleri ile değiştiriyoruz. Temamızın renklerini belirlediğimiz alanlara girdikten sonra bu dosyayı kullanıcağımız proje vs. Uygun bir isim ile kaydediyoruz.

fontscheme001.spfont dosyasını açıyoruz. Bu dosyada yapacağımız değişiklikler ile temamızın font'unu belirlemiş olacağız.

                                                                                     Resim 6

Resim 6'da bu dosyanın içeriği görüntülenmektedir. Xml tag'ının altında bulunan fontScheme ile başlayan satırda name ismine kendi kullanıcağımız ismi veriyoruz. Typeface alanlarınada kullanıcağımız font isimlerini yazıyoruz. Typeface'in devamında eotsrc, woffsrc, ttfsrc, svgsrc, largeimgsrc, smallimgsrc

başlıklarına kullanıcağımız fontun bulunduğu yolu veriyoruz. Değişiklik işlemleri bitti bu dosya'yıda kullanıcağımız proje'ye Uygun isim ile kaydediyoruz.

Şimdi Resim 4'te bu dosyaları aldığımı yere kendi oluşturduğumuz tema dosyalarımızı yüklüyoruz.

Web Browser ile portale bağlanıyoruz. Settings > Site Settings'e giriyoruz.

                                                                                          Resim 7

Web Designer Galleries > Composed looks dizinine giriyoruz.

                                                                                          Resim 8

  Açılan sayfada linkine tıklıyoruz.

                                                                                              Resim 9
 

Karşımıza gelen pencerede temamızın ismini, başlığını hangi masterpage kullanıcak ise o masterpage 'in yolunu, oluşturduğumuz tema yolunu uzantısı (.spcolor) olan, image kullandık ise image yolunu, font dosyasının yolunu uzantısı (.spfont) olan giriyoruz. Bu bilgileri tamamladıktan sonra kaydediyoruz.

                                                                                            Resim 10

Oluşturduğumuz tema Composed Looks sayfasında listelenmedi ise ctrl+F5 yaptığımızda listelenecektir. Oluşturduğumuz tema üzerinde değişiklik yapmak istediğimizde listeden tema'yı buluyoruz üzerine tıklıyoruz  işareti ile tema seçiliyor. Sayfanın üstünde Resim 9 'da gösterilen

 Link'i yanında bulunan  link'ine tıklıyoruz ve açılan sayfada gerekli değişiklikleri yaptıktan sonra tekrar kaydediyoruz.

Tema oluşturma ve düzenleme işlemleri bitti artık temamızın nasıl olduğunu görüp portal'e uygulama işlemine geçelim.

Resim 7'de anlatıldığı gibi tekrardan Site Settings'e giriyoruz. Look and Feel altında Change the look linkine tıklıyoruz.

                                                                                            Resim 11

Change the look sayfasında oluşturduğumuz tema verdiğimiz isime göre listelenir, tema'yı buluyoruz ve üzerine tıklıyoruz. Tema üzerinde değişiklikler yapılan bir sayfa açılıyor ve burada font'u, Site Layout'u, Tema renk skalasını değiştirebiliriz. Renk skalasının üstünde içinde Drop an image here yazan bir kutu bulunmakta buraya temamızın arka fonuna koymak istediğimiz bir resim var ise buradan resmi ekliyoruz. Tema üzerindeki değişikliklerde tamam artık temayı uygulayıp bakalım. Tema önizlemesinin üstünde bulunan try it out linkine tıklıyoruz. Sayfanın görünümü geliyor karşımıza eğer istediğimiz gibi değilse No, not quite there linkine tıklayıp düzenleme yaptığımız sayfaya geri dönüyoruz. İstediğimiz gibi ise Yes, keep it linkine tıklıyoruz ve temayı portale uyguluyoruz.

SharePoint 2013 Tema oluşturma işlemi bu kadar 

Kolay Gelsin!