Mengkustomisasi halaman master situs saya

Penting: Artikel ini adalah terjemahan mesin, lihat penafian. Temukan versi bahasa Inggris artikel di sini sebagai rujukan Anda.

Halaman Master menyediakan tampilan dan nuansa untuk semua halaman di situs Anda. Dengan mengubah gaya atau konten halaman master, Anda bisa dengan cepat mengubah tampilan seluruh situs.

Artikel ini memperlihatkan kepada Anda cara membuat dan memodifikasi salinan halaman master situs saya yang sudah ada dan lalu Terapkan dimodifikasi atau baru halaman master situs saya untuk semua halaman di kumpulan situs situs saya yang dilampirkan ke dalamnya. Saat Anda mengubah halaman master situs saya, semua pengguna akan melihat perubahan pada halaman profil saya.

Pelajari selengkapnya tentang halaman master di pengenalan ke halaman master SharePoint.

Catatan: Untuk mengikuti prosedur di topik ini, Anda harus memiliki izin yang sesuai. Secara default, Anda harus menjadi anggota grup pemilik situs, grup desainer atau Administrator kumpulan situs untuk membuka situs SharePoint Online dengan SharePoint Designer 2010 dan mengkustomisasi halaman master. Jika Anda adalah anggota dari grup tersebut tetapi tidak bisa melihat opsi yang disebutkan dalam topik ini, pelaksanaan SharePoint Online Anda mungkin dapat dikustomisasi untuk membatasi siapa yang bisa menggunakan SharePoint Designer. Tanyakan kepada administrator situs Anda untuk mencari tahu.

Di artikel ini

Gambaran umum: Master halaman menetapkan tata letak halaman

Menampilkan halaman master situs saya

Mengkustomisasi atau memulai dari awal?

Mengkustomisasi halaman master situs saya

Membuat salinan halaman master situs saya

Bekerja dengan kontrol tempat penampung konten

Menemukan dan mengubah kontrol tempat penampung konten

Bekerja dengan gaya

Merampingkan tag DIV yang bekerja dengan CSS

Mengedit gaya di halaman master atau membuat CSS kustom

Gambaran umum: Master halaman menetapkan tata letak halaman

Halaman Master menentukan tata letak Umum dan antarmuka untuk halaman SharePoint.

Halaman master Situs saya menampilkan tetap elemen yang Anda lihat saat Anda menavigasi dari halaman ke halaman pada situs saya, seperti kontrol di bagian atas halaman atau judul situs.

Elemen ini disimpan di halaman master situs saya.

Halaman profil saya dan situs saya di SharePoint yang kedua ditangani sebagai halaman konten di situs. Saat Halaman ini ditampilkan di browser, mereka digabungkan dengan halaman master situs saya untuk menghasilkan halaman web tunggal yang berkelanjutan.

Halaman master situs saya menampilkan elemen tetap dan tata letak, sedangkan konten halaman menampilkan konten khusus untuk halaman yang unik.

Menampilkan halaman master situs saya

  1. Buka akar situs saya, misalnya, https://YourDomainName-my.sharepoint.com, di SharePoint Designer, dan lalu klik Halaman Master di panel navigasi.

  2. Klik mysite.master untuk melihat informasi ringkasan di Galeri halaman Master.

  3. Klik Edit File di pita untuk membuka halaman master.

Ini membuka halaman master di SharePoint Designer 2010 editor halaman layar penuh.

Di sini, Anda bisa mengedit halaman di tampilan desain, tampilan terpisah, atau tampilan kode. Dengan dukungan waktu Desain, Anda bisa melihat apa halaman master terlihat seperti saat Anda mengkustomisasi. Ada alat bisa Anda gunakan untuk mengkustomisasi tag, gaya, skrip, dan kawasan konten, seperti yang diperlihatkan di bawah ini:

Saat Anda membuka halaman master Situs Saya, Anda bisa mengedit file serta propertinya.

Ajumlah fitur yang memudahkan untuk membuat dan mengkustomisasi halaman master di SharePoint Designer 2010 dari telah di masa lalu:

  • Menu navigasi menyertakan kategori Halaman Master yang akan membawa Anda secara langsung ke Galeri halaman Master di situs Anda.

  • Ketika mengedit halaman master, Anda bisa menggunakan alat pengeditan halaman untuk menyisipkan dan mengelola lapisan, atau posisi tag DIV; dan Anda bisa dengan cepat menemukan lapisan tersebut dan elemen lain menggunakan Tusuk klik opsi, yang menavigasi melalui tumpang tindih lapisan untuk Anda.

  • Saat Anda membuat situs baru dan halaman komponen Web, mereka akan secara otomatis terkait dengan halaman master utama, sehingga Anda tidak perlu secara manual mengasosiasikannya setiap kali.

Mengkustomisasi atau memulai dari awal?

Untuk menggunakan halaman master situs saya kustom di situs SharePoint 2010, Anda bisa:

  • Mengkustomisasi salinan halaman master situs saya (mysite.master), atau

  • Membuat situs saya halaman master kustom baru dari awal, dan buat halaman master situs saya untuk situs Anda.

Artikel ini berfokus pada pendekatan pertama: mengkustomisasi salinan halaman master situs saya.

Ada memiliki kelebihan dan kekurangan pendekatan kedua.

Ketika Anda mengkustomisasi salinan mysite.master,    Anda menggunakan SharePoint yang sudah ada tampilan dan nuansa, dengan fitur, merek dan elemen desain, dan mengkustomisasinya untuk memenuhi kebutuhan Anda. Saat bisa tantangan saat Anda mencoba untuk memahami bagaimana semuanya berfungsi di halaman mysite.master, pendekatan ini akan berguna khususnya untuk minimal pencitraan dan kustomisasi upaya, seperti mengubah header halaman SharePoint Anda.

Ketika Anda membuat kosong situs saya halaman master kustom atau menggunakan halaman Starter Master    sebagai dasar dari halaman Anda, Anda membuat seluruh desain dari awal. Saat pendekatan ini bisa tantangan karena Anda perlu mengetahui cara menerapkan desain di SharePoint, ada juga lebih fleksibel saat Anda mengetahui desain Anda mencoba membuat dan Anda sedang bekerja menonaktifkan paket yang sudah ada dan prototipe. Halaman sebagian besar kosong berfungsi seperti sebuah kanvas untuk Anda ke bangun pertama desain Anda dan lalu tambahkan komponen SharePoint yang diperlukan.

Mengkustomisasi halaman master situs saya

Untuk mengkustomisasi halaman master di SharePoint Designer 2010, Anda terlebih dahulu buka SharePoint Designer 2010 dari situs itu sendiri atau dari menu mulai Anda. Dengan situs Anda buka dalam SharePoint Designer 2010, klik Halaman Master di panel navigasi.

Untuk sebagian besar situs di SharePoint Online for Enterprises, Anda melihat empat halaman master, v4.master, minimal.masterdan default.master, di Galeri halaman Master seperti diperlihatkan di sini. Jika situs saya diaktifkan, Anda juga akan melihat mysite.master halaman master.

Daftar halaman master SharePoint 2010.

Membuat salinan halaman master situs saya

  1. Buka situs di SharePoint Designer, dan lalu klik Halaman Master di panel navigasi.

  2. Klik kanan mysite.master dan tekan Ctrl + P untuk menempelkan salinan ke Galeri halaman Master.

  3. Klik .master mysite_copy (1) untuk melihat informasi ringkasan di Galeri halaman Master.

  4. Klik Edit File di pita untuk menampilkan halaman master.

Ini membuka halaman master di SharePoint Designer 2010 editor layar penuh halaman tempat Anda bisa mengedit halaman di tampilan desain, tampilan terpisah, atau tampilan kode. Dengan dukungan waktu Desain, Anda bisa melihat apa halaman master terlihat seperti saat Anda mengkustomisasi. Ada juga alat yang tersedia untuk Anda menavigasi dan mengkustomisasi tag, gaya, skrip, dan kawasan Konten seperti yang diperlihatkan di sini.

Bekerja dengan kontrol tempat penampung konten

Halaman Master dan halaman konten yang bekerja bersama menggunakan sekumpulan diganti kawasan, atau kontrol tempat penampung konten. Setiap tempat penampung konten (yang muncul sebagai ContentPlaceHolder di kode halaman) mewakili konten yang bisa dikesampingkan pada halaman master. Halaman mana saja di situs bisa mengganti apapun terdapat di dalam tempat penampung konten dengan menyediakan kontrol konten yang cocok. Kontrol konten yang dapat bahkan menjadi kosong, yang akan menghapus elemen secara keseluruhan dari render halaman.

Penting: Ketika Anda mengkustomisasi halaman master, Hindari menghapus tempat penampung konten. Melakukannya mungkin memutus beberapa halaman dan bahkan situs-situs yang terkait dengan halaman master. Itu merupakan praktik yang baik untuk cukup menyembunyikan alih-alih Hapus kontrol tersebut.

Anda bisa menggunakan fitur Kelola kawasan konten untuk menemukan setiap kontrol tempat penampung konten pada halaman. Anda bisa menampilkan kontrol dalam tampilan kode dan WYSIWYG editor.

Tempat penampung konten lain yang sangat penting adalah PlaceHolderMain karena ini adalah apa mendapatkan digantikan dengan setiap halaman konten saat halaman itu ditampilkan di web browser.

Kontrol PlaceHolderMain digantikan dengan setiap halaman konten saat halaman master Situs Saya ditampilkan dalam browser.

Anda bisa mengubah tata letak konten di situs SharePoint dengan mengubah lokasi tempat penampung konten kontrol.

Untuk informasi selengkapnya tentang bekerja dengan tempat penampung konten, lihat bekerja dengan kontrol tempat penampung konten.

Kontrol tempat penampung konten adalah bagian dari kode di halaman master yang bekerja bersama-sama dengan kontrol konten pada halaman konten. Kontrol tempat penampung konten menampilkan konten default (yang bisa tanpa konten, jika kontrol kosong) untuk wilayah di halaman. Konten default bisa dikesampingkan dengan unik konten dari kontrol konten pada halaman konten.

Menemukan dan mengubah kontrol tempat penampung konten

Ikuti langkah-langkah ini untuk menemukan tempat penampung konten PlaceHolderSiteName kontrol pada halaman master situs saya SharePoint 2010.

  1. Buka situs di SharePoint Designer 2010 dan di panel navigasi, klik Halaman Master.

    Catatan: Jika Anda tidak melihat Halaman Master di panel navigasi, mereka mungkin telah dinonaktifkan di SharePoint. Hubungi administrator situs Anda untuk detailnya. Pelajari selengkapnya dalam mengelola SharePoint Designer 2010.

  2. Di Galeri halaman master, klik mysite.master.

  3. Pada halaman ringkasan halaman master, klik Edit file.

  4. Jika Anda diminta untuk check out file, klik ya.

  5. Jika Anda menampilkan halaman dalam tampilan desain, Anda dapat mengklik area pada halaman untuk melihat kontrol tempat penampung konten yang menyajikan konten.

  6. Di Daftar wilayah konten, pilih PlaceHolderSiteName dan lalu klik Buka. Lalu klik tutup. Kontrol tempat penampung konten yang dipilih pada halaman seperti ini.

Catatan: Properti Tag untuk tempat penampung ini diatur ke terlihat = False secara default. Di tampilan terpisah dalam SharePoint Designer 2010, Anda bisa memilih tag, klik kanan, dan pilih properti Tag di menu konteks yang muncul untuk melihat nilai.


Ini memperlihatkan properti tag untuk kontrol PlaceHolderSiteName.

  1. Dari sini, Anda mungkin mengubah pengaturannya, mengubah lokasi, menerapkan gaya berbeda, dan sebagainya. Bila sudah selesai, Simpan halaman master.

  2. Jika Anda sedang memperingatkan perubahan akan mengkustomisasi halaman dari definisi situs, pilih ya.

Catatan: Halaman SharePoint adalah, secara default, terkait dengan file definisi situs. Saat halaman master yang dikustomisasi dalam SharePoint Designer 2010, itu tidak terkait dengan definisi situs. Ini dapat mengakibatkan pekerjaan tambahan administratif mengikuti pembaruan atau pemutakhiran ke SharePoint, yang merupakan mengapa Anda melihat pesan ini. Anda selalu bisa mereset halaman master untuk definisi situs, jika diperlukan.


Perubahan Anda akan muncul pada setiap halaman yang dilampirkan ke halaman master ini kecuali halaman yang dikustomisasi secara langsung.

Bekerja dengan gaya

Cara termudah dan tercepat untuk mengubah gaya di halaman master Anda adalah dengan menerapkan tema sudah ditetapkan sebelumnya ke halaman. Anda bisa melihat dan menerapkan tema yang tersedia dengan mengklik link Ubah tema situs di bawah kustomisasi di tab Pengaturan situs di SharePoint Designer.

Tapi jika Anda sedang mencocokkan warna perusahaan, grafik, pemformatan teks, atau atribut gaya lain, Anda mungkin ingin membuat gaya kustom Anda sendiri dan menambahkannya ke halaman master secara langsung, atau menempatkannya di eksternal Cascading Style Sheet (CSS) yang Anda lampirkan ke halaman master.

Merampingkan tag DIV yang bekerja dengan CSS

Halaman master situs saya di SharePoint 2010 menggunakan tag DIV untuk menetapkan elemen blok-garis dan bagian pada halaman. Tag DIV menawarkan beberapa keuntungan atas tabel tag, yang digunakan di versi sebelumnya. Dengan tag DIV, Anda memiliki:

  • Fleksibilitas dalam cara Anda gaya halaman dengan CSS

  • Markup lebih kecil

  • Unduhan lebih cepat

  • Optimisasi mesin pencarian yang disempurnakan

  • Dukungan Aksesibilitas yang disempurnakan

  • Dukungan browser yang disempurnakan

Tabel HTML masih digunakan, misalnya, saat Anda atau pengguna Anda menyisipkan komponen Web dan konten SharePoint lainnya di halaman. Tapi untuk mengkustomisasi halaman master, Anda bisa bekerja terutama dengan tag DIV untuk struktur konten.

Menggunakan tag Div saat mengkustomisasi halaman master Situs Saya

Mengedit gaya di halaman master atau membuat CSS kustom

Untuk mengedit gaya, klik menu gaya dan lalu memilih antara opsi pada pita untuk bekerja dengan CSS seperti yang Anda inginkan.

Anda bisa membuat gaya baru dan menerapkan lalu, atau lampirkan lembar gaya menggunakan perintah pada pita. Menggunakan perintah Kelola gaya untuk mengkategorikan gaya dengan elemen, urutan, atau tipe; untuk memperlihatkan hanya gaya digunakan pada halaman atau elemen, dan untuk melihat pratinjau gaya.

Kotak dialog gaya baru untuk halaman master Situs Saya

Catatan: Penafian Terjemahan Mesin: Artikel ini telah diterjemahan oleh sistem komputer tanpa campur tangan manusia. Microsoft menawarkan terjemahan mesin ini untuk membantu pengguna yang bukan penutur bahasa Inggris agar dapat menikmati konten tentang produk, layanan, dan teknologi Microsoft. Karena artikel ini diterjemahkan oleh mesin, mungkin akan terdapat kesalahan kosa kata, sintaksis, atau tata bahasa.

Kembangkan keterampilan Anda
Jelajahi pelatihan
Dapatkan fitur baru terlebih dahulu
Gabung ke Office Insiders

Apakah informasi ini bermanfaat?

Terima kasih atas umpan balik Anda!

Terima kasih atas umpan balik Anda! Sepertinya menghubungkan Anda ke salah satu agen dukungan Office kami akan sangat membantu.

×