» Artikel »

Mengganti Teks "SharePoint" Menjadi Logo Perusahaan Anda

Desain SharePoint - Change “SharePoint” Text in Top Left to Company Logo.


Deskripsi

Artikel kali ini membahas tentang cara mengganti teks "SharePoint" yang terletak di pojok kiri atas menjadi teks atau logo perusahaan/organisasi sekaligus menjadikannya navigasi untuk kembali ke awal site.

SharePoint 2013 memiliki tampilan standar di pojok kiri atas terdapat teks "SharePoint" yang dikenal denggan istilah "Branding-Text". Sebagai branding text atau "Teks Pencitraan Merek", tentunya teks ini diharapkan bisa mewakili citra atau merek perusahaan/organisasi. Karenanya, dirasa perlu untuk mengubah kata "SharePoint" menjadi teks judul/nama atau menjadi logo perusahaan/organisasi.



Teknik Branding

Ada beberapa teknik untuk mengganti teks tersebut. Bisa dari "Master Page" menggunakan SharePoint Designer, bisa menggunakan perpaduan antara javascript dan css melalui Style and Library atau menggunakan "SharePoint Management Shell" seperti pada pembahasan artikel ini. SharePoint Management Shell sendiri adalah modul Windows PowerShell yang memungkinkan Anda menjalankan operasi baris perintah khusus untuk manajemen SharePoint.




SharePoint Management Shell

Klik start pada server SharePoint, temukan ikon "SharePoint Management Shell", klik kanan, pilih "Run as administrator".



Maka jendela SharePoint Management Shell akan terbuka.



Baris Perintah Teks

Ketikkan atau bisa juga dengan mencopy perintah di bawah lalu tempel pada jendela SharePoint Management Shell, kemudian tekan "Enter".


               
$webApp = Get-SPWebApplication http://2013.sharepointindonesia.net
$webApp.SuiteBarBrandingElementHtml = '<div class="ms-core-brandingText"><a href="http://2013.sharepointindonesia.net" style="color:white">SharePoint Indonesia</a></div>'
$webApp.Update()

           

Perintah pada jendela SharePoint Management Shell.



Tampilan Baru

Setelah perintah berhasil dilaksanakan, maka teks SharePoint di pojok kiri atas sudah berganti.

Logo Image

Tak hanya mengubah teks, jika kita perhatikan teks tadi berada di dalam sebuah elemen HTML berupa DIV, artinya teks ini juga bisa diganti dengan gambar logo.

Sebelum menjalankan perintah untuk mengganti teks dengan logo, pastikan gambar logo telah diupload ke Site Assets atau Style and Library.

Dari halaman awal, klik menu Settings, pilih Site contents.



Di dalam Site Contents, klik ikon Site Assets.



Di library Site Assets upload gambar/logo.

Baris Perintah Logo

Ketikkan atau bisa juga dengan mencopy perintah di bawah lalu tempel pada jendela SharePoint Management Shell, kemudian tekan "Enter".


               
$webApp = Get-SPWebApplication http://2013.sharepointindonesia.net
$webApp.SuiteBarBrandingElementHtml = '<div class="ms-core-brandingText"><a href="http://2013.sharepointindonesia.net"><img src="http://2013.sharepointindonesia.net/SiteAssets/logo.png"/></a></div>'
$webApp.Update()

           

Perintah pada jendela SharePoint Management Shell.


Tampilan dengan Logo

Setelah perintah berhasil dilaksanakan, maka teks SharePoint di pojok kiri atas sudah berganti dengan logo.