SharePoint 2013 Marka Yazısını JS ile Değiştirme

Merhaba Arkadaşlar,
Bu yazımızın konusu; SharePoint 2013 Portalımızda sol üst köşede yer alan SharePoint yazısını javascript ile nasıl değiştireceğimiz.
(Changing SharePoint 2013 branding text with javascript)

Yapacağımız işlem sonunda aşağıdaki görselde göreceğiniz değişiklik olacaktır.
brandingText_01
brandingText_02
Bu işlem için ilk olarak SharePoint portalında Site Collection Admin yetkisi olan birisinin bilgisayarında SharePoint Designer 2013 kurulmalıdır. Kurmak için bu adresten indirebilirsiniz. https://www.microsoft.com/en-ie/download/details.aspx?id=35491 . Yalnız indirirken, bilgisayarınızda Office kurulu ise, hangi sürüm (x32 veya x64) varsa, aynı şekilde SharePoint Designer’ı da kurmalısınız.
SharePoint Designer’ı açtığınızda hangi siteye bağlanılacağını sormaktadır. Open Site kısmından http(s)://portalAdresi olarak girmeniz gerekmektedir.
brandingText_03
SharePoint Designer’ı açtıktan sonra sol taraftaki Navigation bölümünden Master Pages’i seçelim.
brandingText_04
seattle.master dosyasını sağ tıklayalım ve önce Copy ardından Paste yaparak çoğaltalım.
brandingText_05
brandingText_06
Yeni oluşturduğumuz dosyanın üzerinde tıklayıp açalım. File Name bölümündeki seattle_copy(1).master yazısının üzerinde tıklayalım ve dosyaya kendinize göre isim verelim.
brandingText_07
Dosyanın ismi değiştikten sonra Master Pages bölümüne geri dönelim.
brandingText_08
İlgili dosyayı seçelim ama açmayalım, ilk olarak şerit menüden Set as Default ve ardından Set as Custom butonlarına tıklayalım.
brandingText_09
Ardından dosyayı tekrar açalım ve Edit File bağlantısını tıklayalım ve kod görünümüne geçelim. Sayfanın en altında </body> etiketinin hemen üzerine aşağıdaki kodu yapıştıralım. Bu kodun amacı birazdan oluşturacağımız javascript dosyasını sayfamıza tanıtmak içindir.
[code lang=”html”]
<script type="text/javascript" src="../../SiteAssets/sisnet.js"></script>
[/code]
brandingText_10
Daha sonra SharePoint Designer 2013 programına tekrar geçelim ve Nagitaion bölümünden All Files\SiteAssets bölümünü açalım. Şerit menüden File butonu ile yeni JavaScript dosyası oluşturalım ve ismini biraz öne eklediğimiz kodda yer alan dosyanın ismini verelim. Bizim örneğimizde bu dosyanın ismi sisnet.js
brandingText_11
Oluşturduğumuz javascript dosyası içerisine aşağıdaki kodu ekleyelim.
[code lang=”javascript”]
document.getElementsByClassName("ms-core-brandingText")[0].innerHTML = "SisNet Akademi";
[/code]
brandingText_12
Portal sayfamızı yenildeiğinizde değişikliğin gerçekleşmiş olduğunu göreceksiniz.
İyi günler.

Leave a Reply

Your email address will not be published. Required fields are marked *