Menggunakan komponen web Hero

Catatan: Kami ingin secepatnya menyediakan konten bantuan terbaru dalam bahasa Anda. Halaman ini diterjemahkan menggunakan mesin dan mungkin terdapat kesalahan tata bahasa atau masalah keakuratan. Kami bertujuan menyediakan konten yang bermanfaat untuk Anda. Dapatkah Anda memberi tahu kami apakah informasi ini bermanfaat untuk Anda di bagian bawah halaman ini? Berikut artikel dalam bahasa Inggris untuk referensi.

Membawa fokus dan tarik visual ke halaman Anda dengan pahlawan komponen web. Anda bisa menampilkan hingga lima item di komponen web Hero dan menggunakan gambar yang memikat, teks, dan link untuk menarik perhatian ke masing-masing. Komponen web Hero disertakan secara default di komunikasi situs, tapi Anda juga bisa menambahkan komponen web Hero ke halaman lainnya.

Catatan: 

  • Beberapa fungsionalitas diperkenalkan secara bertahap untuk organisasi yang telah diikutsertakan dalam program rilis target. Ini berarti bahwa Anda belum mungkin tidak melihat fitur ini atau mungkin terlihat berbeda dari apa diuraikan dalam artikel bantuan.

  • Anda harus memiliki izin Edit untuk membuat halaman. Jika Anda adalah pemilik tapi tidak dapat menambahkan halaman, administrator Anda mungkin telah menonaktifkan kemampuan untuk melakukannya.

Konten

Hero komponen web pada situs komunikasi: topik dan menampilkan

Saat Anda membuat situs komunikasi, komponen web Hero disertakan pada halaman Anda secara default. Itu diisi dengan gambar default, teks dan link yang Anda ubah untuk menampilkan gambar Anda sendiri, teks, halaman, link, atau dokumen.

Saat Anda memilih topik untuk tipe komunikasi situs yang Anda inginkan, default hero adalah tata letak berjajar dengan lima petak (yang Anda bisa mengubah dari satu untuk lima):

Hero komponen web pada situs komunikasi

Saat Anda memilih Showcase untuk tipe komunikasi situs yang Anda inginkan, default hero adalah tata letak dengan tiga lapisan (yang Anda bisa mengubah dari satu untuk lima lapisan):

Menampilkan Hero

Anda bisa mengubah tata letak komponen web Hero dari kisi vertikal lapisan menggunakan Edit komponen web tombol Tombol edit komponen Web , dan Anda bisa mengubah link, gambar dan teks untuk setiap petak atau lapisan menggunakan mengedit detail tombol Mengedit detail untuk masing-masing petak atau lapisan.

Tombol Hero Edit

1. mengedit tombol komponen web

2. detail tombol edit

Mengubah tata letak komponen web Hero

Tonton video ini untuk melihat cara melakukannya, atau ikuti langkah-langkah di bawah video.

Browser Anda tidak mendukung video. Menginstal Microsoft Silverlight, Adobe Flash Player, atau Internet Explorer 9.
  1. Jika Anda belum berada dalam edit mode pada halaman Anda, klik Edit di bagian atas kanan atas halaman.

  2. Klik web komponen Edit komponen web tombol Tombol edit komponen Web di sebelah kiri dan pilih tipe tata letak yang Anda inginkan - Anda bisa memilih hingga 5 petak (seperti yang di situs topik), atau hingga 5 lapisan (seperti yang di situs Showcase).

    Opsi tata letak Hero Opsi tata letak Hero

Mengubah gambar, teks, dan link untuk setiap petak atau lapisan

Tonton video ini untuk melihat cara melakukannya, atau ikuti langkah-langkah di bawah video.

Browser Anda tidak mendukung video. Menginstal Microsoft Silverlight, Adobe Flash Player, atau Internet Explorer 9.
  1. Jika Anda belum berada dalam edit mode pada halaman Anda, klik Edit di bagian atas kanan atas halaman.

  2. Klik Edit detail Mengedit detail di bagian kanan bawah petak atau lapisan yang ingin Anda ubah.

  3. Di kotak alat, klik Ubah, dan lalu pilih lokasi untuk mendapatkan link Anda:

    • Terbaru: jika Anda baru saja dibuka gambar, halaman, atau dokumen Anda akan menemukan mereka tercantum di sini.

    • Pencarian web: Anda bisa menemukan gambar dari Bing yang menggunakan lisensi kreatif umum. Anda bertanggung jawab untuk meninjau lisensi untuk gambar sebelum Anda menyisipkannya di halaman Anda. SharePoint Online saja.

    • OneDrive: Anda bisa mendapatkan link untuk dokumen atau gambar yang sudah Anda simpan di OneDrive. SharePoint Online saja.

    • Situs: Anda bisa mendapatkan link untuk dokumen, Gambar, atau halaman dari sebuah situs yang Anda tentukan.

    • Mengunggah: Anda bisa mengunggah dokumen atau gambar dari perangkat pribadi.

    • Dari sebuah link: masukkan link untuk halaman, dokumen, atau gambar dari OneDrive for Business atau SharePoint Online.

  4. Pilih gambar, halaman, atau dokumen dan klik buka.

  5. Di kotak alat, di bawah gambar, pilih gambar kustom atau warna hanya (warna hanya tersedia untuk tata letak petak, dan warna yang berkaitan dengan warna tema situs Anda).

    Opsi otomatis dipilih secara otomatis memilih gambar dari halaman atau dokumen yang Anda tautkan, jika tersedia.

  6. Masukkan teks alternatif untuk gambar.

  7. Di bawah opsi:

    • Anda bisa memperlihatkan panggilan untuk link tindakan dengan beralih gagang pengalih ke ya. Lalu tambahkan Anda panggilan untuk tindakan teks (misalnya, "Pelajari selengkapnya"). Panggilan ke tindakan link hanya tersedia untuk setiap lapisan dalam tata letak berlapis, tapi hanya untuk petak terbesar dalam tata letak ubin.

    • Untuk tata letak berlapis, Anda juga bisa memperlihatkan judul topik untuk setiap lapisan dengan beralih gagang pengalih untuk topik judul ke ya. Lalu tambahkan teks judul topik.

Mengubah titik fokus dari gambar

Di SharePoint Online, Anda bisa mengubah titik fokus pada gambar yang dipilih dalam komponen web Hero untuk mendapatkan bagian terpenting gambar dalam bingkai.

  1. Jika Anda belum berada dalam edit mode pada halaman Anda, klik Edit di bagian atas kanan atas halaman.

  2. Klik Atur titik fokus Tombol Atur titik fokus pada toolbar di bagian bawah gambar Hero yang ingin Anda ubah.

  3. Seret titik fokus di tempat yang Anda inginkan dalam gambar.

    Titik fokus

Mengubah urutan petak atau lapisan

Anda bisa mengurutkan ulang petak atau lapisan dengan memindahkannya tempat yang Anda inginkan.

  1. Jika Anda belum berada dalam edit mode pada halaman Anda, klik Edit di bagian atas kanan atas halaman.

  2. Klik dan tahan tombol memindahkan item , dan seret petak atau lapisan tempat yang Anda inginkan.

    Hero memindahkan item

Letakkan komponen web Hero dalam satu kolom

Komponen web Hero dirancang untuk mengambil lebar penuh halaman. Jika Anda lebih suka Hero komponen web tidak mengambil lebar penuh, Anda bisa menambahkan memindahkannya ke dalam kolom yang tidak lebar penuh.

Tonton video ini untuk melihat cara melakukannya, atau ikuti langkah-langkah di bawah video.

Browser Anda tidak mendukung video. Menginstal Microsoft Silverlight, Adobe Flash Player, atau Internet Explorer 9.
  1. Jika Anda belum berada dalam edit mode, klik Edit di bagian kanan atas halaman.

  2. Arahkan mouse Anda di atas komponen web Hero, dan klik dilingkari + di sebelah kiri komponen web

  3. Di bawah Bagian tata letak, pilih satu kolom.

    Satu kolom
  4. Di sisi kiri komponen web, gunakan tombol memindahkan komponen web untuk menyeret komponen web Hero ke dalam kolom yang baru saja Anda tambahkan.

    Memindahkan tombol komponen web

    Memindahkan Hero

Menambahkan komponen web Hero kosong ke halaman

Anda bisa menambahkan komponen web Hero ke halaman di situs tim atau situs komunikasi . Untuk melakukan ini:

  1. Jika Anda belum berada dalam edit mode pada halaman Anda, klik Edit di bagian atas kanan atas halaman.

  2. Pada halaman Anda, arahkan mouse Anda di atas atau di bawah web yang sudah ada komponen dan Anda akan melihat garis dengan dilingkari +, seperti ini:

    Tanda plus untuk menambahkan komponen web ke halaman

    Klik +, dan lalu pilih komponen web Hero .

    Komponen web Hero dalam keadaan kosong
  3. Klik web komponen mengedit tombol Tombol edit komponen Web dan pilih tipe tata letak yang Anda inginkan - kisi dari 1 untuk petak 5 dapat digunakan, atau 1 hingga 5 vertikal lapisan.

  4. Klik pilih link untuk setiap petak yang ingin Anda ubah.

  5. Untuk setiap petak, di kotak alat, klik pilih, dan lalu pilih lokasi untuk mendapatkan link Anda:

    • Terbaru: jika Anda baru saja dibuka gambar, halaman, atau dokumen Anda akan menemukan mereka tercantum di sini.

    • Pencarian web: Anda bisa menemukan gambar dari Bing yang menggunakan lisensi kreatif umum. Anda bertanggung jawab untuk meninjau lisensi untuk gambar sebelum Anda menyisipkannya di halaman Anda. SharePoint Online saja.

    • OneDrive: Anda bisa mendapatkan link untuk dokumen atau gambar yang sudah Anda simpan di OneDrive. SharePoint Online saja.

    • Situs: Anda bisa mendapatkan link untuk dokumen, Gambar, atau halaman dari sebuah situs yang Anda tentukan.

    • Mengunggah: Anda bisa mengunggah dokumen atau gambar dari perangkat pribadi.

    • Dari sebuah link: masukkan link untuk halaman, dokumen, atau gambar dari OneDrive for Business atau SharePoint Online.

  6. Pilih gambar, halaman, atau dokumen dan klik buka.

  7. Di kotak alat, di bawah gambar, pilih gambar kustom atau warna saja. Opsi otomatis dipilih secara otomatis memilih gambar dari halaman atau dokumen yang Anda tautkan, jika tersedia. Warna hanya tersedia hanya untuk tata letak petak, dan warna yang terkait dengan warna tema situs Anda.

  8. Masukkan teks alternatif untuk gambar.

  9. Di bawah opsi (SharePoint Online hanya):

    • Anda bisa memperlihatkan panggilan untuk link tindakan dengan beralih gagang pengalih ke ya. Lalu tambahkan Anda panggilan untuk tindakan teks (misalnya, "Pelajari selengkapnya"). Panggilan ke tindakan link hanya tersedia untuk setiap lapisan dalam tata letak berlapis, tapi hanya untuk petak terbesar dalam tata letak ubin.

    • Untuk tata letak berlapis, Anda juga bisa memperlihatkan judul topik untuk setiap lapisan dengan beralih gagang pengalih untuk topik judul ke ya. Lalu tambahkan teks judul topik.

Gambar penskalaan di komponen web Hero

Untuk memilih gambar berukuran maksimal untuk pahlawan komponen web, pertimbangkan hal berikut:

  • Komponen web dirancang agar pas dengan lebar layar penuh-tak bercetak tata letak.

  • Di tata letak petak , tinggi komponen web skala untuk mengikuti rasio aspek 8:3, dan gambar di dalam skala komponen web ke rasio aspek 4:3.

  • Di tata letak lapisan , lapisan masing-masing skala rasio aspek 8:3, dan gambar di dalam setiap lapisan skala rasio aspek dekat 9:16.

Catatan: Anda bisa menambahkan link ke video atau mengunggah video ke komponen web Hero. Namun, video tidak bisa diputar dalam komponen web. Pengguna bisa mengklik link untuk video dan dibawa ke sumber pemutar atau menautkan video untuk menampilkan video.

Kembangkan keterampilan Office 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.

×