Menggunakan komponen Web Hero

Bawalah fokus dan ketertarikan visual ke halaman Anda dengan komponen Web Hero. Anda dapat menampilkan hingga lima item dalam komponen Web Hero dan menggunakan gambar, teks, serta tautan yang menarik untuk menarik perhatian ke masing-masing item. Komponen web Hero disertakan secara default pada situs Komunikasi, namun Anda juga dapat menambahkan komponen web Hero ke halaman lainnya.

Catatan: 

  • Beberapa fungsi diperkenalkan secara bertahap ke organisasi yang telah memilih untuk mengikuti program rilis bertarget. Artinya, Anda mungkin belum melihat fitur ini atau fitur mungkin terlihat berbeda dari yang dijelaskan dalam artikel bantuan.

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

Konten

Komponen Web Hero pada situs komunikasi: topik dan etalase

Saat Anda membuat situs komunikasi, komponen Web Hero disertakan di halaman Anda secara default. Ini merupakan bawaan dengan gambar, teks, dan tautan default yang Anda ubah untuk menampilkan gambar, teks, halaman, tautan, atau dokumen Anda sendiri.

Saat Anda memilih topik untuk tipe situs komunikasi yang Anda inginkan, pahlawan default adalah tata letak ubin dengan lima petak (yang bisa Anda ubah dari satu ke lima):

Komponen Web Hero pada situs komunikasi

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

Tampilkan Hero

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

Tombol Edit Hero

1. tombol Edit komponen Web

tombol 2. Edit detail

Mengubah tata letak komponen Web Hero

Tonton video ini untuk melihat caranya, 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 mode edit di halaman Anda, klik Edit di bagian kanan atas halaman.

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

    Opsi tata letak Hero Opsi tata letak Hero

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

Tonton video ini untuk melihat caranya, 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 mode edit di halaman Anda, klik Edit di bagian kanan atas halaman.

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

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

    Gambar opsi pemilih file.
    • Terbaru: jika Anda baru saja membuka gambar, halaman, atau dokumen yang akan Anda temukan tercantum di sini.

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

    • Organisasi Anda: jika organisasi Anda telah menentukan sekumpulan aset yang disetujui, Anda akan dapat memilih kumpulan tersebut di sini.  Jika Anda adalah admin SharePoint dan ingin mempelajari cara membuat pustaka aset untuk organisasi Anda, lihat membuat pustaka aset organisasi.

    • Onedrive: Anda bisa mendapatkan link untuk dokumen atau gambar yang telah Anda simpan di onedrive. SharePoint Online saja.

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

    • Unggah: Anda dapat mengunggah dokumen atau gambar dari perangkat pribadi.

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

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

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

    Opsi pilihan otomatis otomatis memilih gambar dari halaman atau dokumen yang sedang Anda tautkan, jika tersedia.

  6. Masukkan teks alternatif untuk gambar.

  7. Di bawah opsi:

    • Anda dapat memperlihatkan link ajakan bertindak dengan mengalihkan tombol ke ya. Lalu tambahkan pesan ajakan bertindak Anda (misalnya, "Pelajari selengkapnya"). Link ajakan bertindak tersedia untuk setiap lapisan dalam tata letak berlapis, tetapi hanya untuk petak terbesar dalam tata letak ubin.

    • Untuk tata letak berlapis, Anda juga bisa memperlihatkan judul topik untuk setiap lapisan dengan mengalihkan tombol alih topik ke ya. Lalu tambahkan teks judul topikAnda.

Mengubah titik fokus gambar

Di SharePoint online, Anda dapat mengubah titik fokus pada gambar yang dipilih di dalam komponen Web Hero untuk mendapatkan bagian paling penting dari gambar Anda dalam bingkai.

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

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

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

    Focal point

Mengurutkan ulang petak atau lapisan

Anda dapat mengubah urutan petak atau lapisan dengan memindahkannya di tempat yang Anda inginkan.

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

  2. Klik dan tahan tombol Pindahkan item , lalu seret petak atau lapisan yang Anda inginkan.

    Memindahkan item Hero

Meletakkan komponen Web pahlawan dalam satu kolom

Komponen Web Hero didesain untuk menggunakan lebar penuh halaman. Jika Anda lebih suka komponen Web Hero tidak menggunakan lebar penuh, Anda bisa menambahkan Pindahkan ke dalam kolom yang bukan lebar penuh.

Tonton video ini untuk melihat caranya, 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 tidak berada dalam mode edit, klik Edit di bagian kanan atas halaman.

  2. Arahkan mouse Anda tepat di atas komponen Web Hero, dan klik lingkaran + di sebelah kiri komponen Web

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

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

    Tombol Pindahkan komponen Web

    Memindahkan Hero

Menambahkan komponen Web Hero kosong ke halaman

Anda dapat menambahkan komponen Web Hero ke halaman dalam situs tim atau situs komunikasi . Untuk melakukannya:

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

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

    Tanda plus untuk menambahkan komponen web ke halaman

    Klik +, lalu pilih komponen Web Hero .

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

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

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

    Dalam kotak alat, klik Ubah, lalu pilih lokasi untuk mendapatkan link Anda:

    Gambar opsi pemilih file.
    • Terbaru: jika Anda baru saja membuka gambar, halaman, atau dokumen yang akan Anda temukan tercantum di sini.

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

    • Organisasi Anda: jika organisasi Anda telah menentukan sekumpulan aset yang disetujui, Anda akan dapat memilih kumpulan tersebut di sini.  Jika Anda adalah admin SharePoint dan ingin mempelajari cara membuat pustaka aset untuk organisasi Anda, lihat membuat pustaka aset organisasi.

    • Onedrive: Anda bisa mendapatkan link untuk dokumen atau gambar yang telah Anda simpan di onedrive. SharePoint Online saja.

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

    • Unggah: Anda dapat mengunggah dokumen atau gambar dari perangkat pribadi.

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

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

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

  8. Masukkan teks alternatif untuk gambar.

  9. Di bawah opsi (SharePoint Online saja):

    • Anda dapat memperlihatkan link ajakan bertindak dengan mengalihkan tombol ke ya. Lalu tambahkan pesan ajakan bertindak Anda (misalnya, "Pelajari selengkapnya"). Link ajakan bertindak tersedia untuk setiap lapisan dalam tata letak berlapis, tetapi hanya untuk petak terbesar dalam tata letak ubin.

    • Untuk tata letak berlapis, Anda juga bisa memperlihatkan judul topik untuk setiap lapisan dengan mengalihkan tombol alih topik ke ya. Lalu tambahkan teks judul topikAnda.

Skala gambar dalam komponen Web Hero

Untuk memilih gambar berukuran optimal untuk komponen Web Hero, pertimbangkan hal berikut ini:

  • Komponen web dirancang agar pas dengan lebar layar dalam tata letak penuh.

  • Dalam tata letak petak , tinggi komponen Web didiskalakan untuk mengikuti rasio aspek 8:3, dan gambar di dalam skala komponen Web menjadi rasio aspek 4:3.

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

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

Catatan:  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? Berikut adalah artikel dalam bahasa Inggris untuk referensi.

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.

×