Bagian Video

Tambahkan bagian Video pada halaman untuk dengan mudah menambahkan video YouTube/Vimeo Anda yang akan diputar di halaman tersebut. Ini adalah cara yang bagus untuk menjaga agar pengunjung situs web Anda tetap tertarik.

Pixpa mendukung penyematan video dari YouTube atau Vimeo. Anda tidak dapat langsung mengunggah video ke situs web Anda. Selain bagian ini, Anda juga dapat menambahkan video Anda ke dalamnya Galeri atau Spanduk.

Pixpa memungkinkan Anda membagikan profil YouTube atau Vimeo Anda di tautan sosial. Anda juga dapat menambahkan file musik yang dihosting di Soundcloud di bagian Musik.

Poin yang perlu diperhatikan:

  • Anda dapat mengunggah file .gif di mana pun video didukung.
  • Jika video yang Anda tambahkan banyak memuat, klik tombol putar dan jeda selama beberapa menit. Kemudian, lanjutkan videonya. Dengan cara ini, memuat lebih baik dengan lebih sedikit buffering.

Dalam artikel ini:

  1. Apa itu bagian Video?
  2. Tambahkan bagian Video
  3. Tambahkan dan Edit item daftar
  4. Mengurutkan item daftar
  5. Menghapus item daftar
  6. Kelola Elemen
  7. Mengubah tata letak bagian
  8. Opsi gaya
  9. Kartu Penuh dan kartu Teks

Bagian Video

Daftar Video adalah kumpulan video tempat Anda dapat menambahkan deskripsi untuk video dan menambahkan tautan atau tombol untuk menghubungkan daftar video dengan halaman lain di situs web atau tautan lainnya.


Tambahkan bagian Video

  • Bagian dapat ditambahkan ke halaman. Anda dapat menambahkan bagian ke halaman yang sudah ada atau buat halaman baru dalam situs web Anda.
  • Di halaman Anda, Klik pada biru + ikon untuk menambahkan Bagian Baru ke halaman Anda.

  • Anda sekarang akan melihat kategori bagian di sisi kiri.
  • Klik pada Konten (1) pilihan dan Video (2) tab.
  • Sekarang, Anda akan lihat tata letak yang berbeda dari Bagian Video (3).

  • Pilih tata letak bagian mana saja dan klik untuk menambahkannya ke halaman Anda.

Tambahkan dan Edit Item Daftar

Tambahkan Item Daftar Video

Setelah Anda menambahkan bagian

  • Klik pada Edit Konten (1) tombol untuk membuka Panel Daftar Item.

  • klik Tambahkan Barang (2) tombol untuk menambahkan item daftar baru.
  • Anda akan memiliki pilihan untuk Gandakan dan Hapus (3) item daftar.


Edit Item Daftar Video

Klik item daftar yang ingin Anda edit. Ini akan membuka opsi pengeditan item Daftar tertentu.

  • Add tautan YouTube/Vimeo Anda (1).

Note

Untuk menambahkan video ke situs web Pixpa Anda, Anda perlu mengunggah video Anda ke YouTube atau Vimeo dan memasukkan URL-nya di sini.

  • Atur video untuk diputar dalam a lightbox atau di halaman saja (2).

  • Unggah atau Hapus (3) gambar kecil untuk Item Daftar.

  • Tambahkan Judul (4), Subjudul (5), dan Deskripsi (6) dari Item Daftar. Anda mungkin tidak menemukan opsi Subtitel dan Deskripsi dalam item daftar tertentu tergantung pada tata letak yang Anda pilih.

7. Aksi saat Klik

Anda dapat menyesuaikan perilaku klik item individual di Daftar Video bagian. Berikut adalah pilihan yang tersedia:

  • Buka Tautan
    Memilih opsi ini akan membuka Pembuat Tautan, yang memungkinkan Anda menambahkan hyperlink ke item ini. Tautan tersebut dapat mengarahkan pengguna ke halaman lain di dalam situs web Anda atau URL eksternal. Tahu lebih banyak tentang Pembuat Tautan.
  • Tidak ada Aksi
    Pilih opsi ini untuk membuat item tidak dapat diklik. Jika dipilih, mengklik item tidak akan memicu tindakan apa pun.

8. Buka Tautan di Jendela Baru: Atur Tautan untuk dibuka di a tab baru atau di tab yang sama. Ini hanya akan terlihat ketika Buka Tautan opsi dipilih di bawah Aksi saat Klik menu.

9. Tombol & Tautan: Tambahkan semua jenis Link ke item daftar. Anda dapat menambahkan Tombol/Tautan Gambar/Ikon Sosial/Tautan Teks. Pelajari lebih lanjut.

10. Penggantian Gaya Kartu

Anda dapat mengganti pengaturan gaya kartu global dari bagian Pengaturan Gaya dan sesuaikan kartu setiap item secara individual di bagian Daftar Video. Ini memungkinkan Anda menerapkan gaya unik ke berbagai item daftar untuk penyesuaian yang lebih baik.

Pelajari lebih lanjut tentang opsi Kartu di bagian dinamis.

11. Penggantian Gaya Bentuk

Gunakan opsi Override untuk menetapkan bentuk yang berbeda pada masing-masing gambar mini secara individual di dalam bagian Daftar Video, sehingga memberi Anda kendali lebih besar atas gaya visual setiap item. Pelajari lebih lanjut tentang Shape Mask.

12. Simpan: Setelah melakukan penyesuaian, simpan perubahannya.


Lihat cara mengedit item daftar video:


Item Daftar Urutan

  • Anda dapat dengan mudah menarik dan melepaskan item daftar untuk mengubah urutannya.

Hapus Item Daftar

Setelah Anda menambahkan item daftar, Anda dapat mengeditnya dan menghapusnya.

  • Klik pada Delete ikon di sebelah item Daftar Video.
  • Klik pada Delete tombol di popup konfirmasi.
  • Simpan perubahan Anda.

Note

Item daftar setelah dihapus tidak dapat dipulihkan.


Kelola Elemen Daftar Video

Bagian Daftar Video mencakup tab elemen yang memungkinkan Anda mengelola visibilitas berbagai elemen dalam bagian dengan mudah. ​​Dengan menggunakan tombol sakelar sederhana, Anda dapat mengaktifkan atau menonaktifkan elemen tertentu tanpa harus menghapus atau mengubah elemen itu sendiri.

  • Klik pada Edit Konten (1) tombol.

  • Pilih Elemen (2) tab.
  • Setelah melakukan perubahan, tekan tombol Simpan (3) tombol.

Opsi Bagian

  1. Tampilkan Judul Utama: Mengaktifkan atau menonaktifkan visibilitas judul untuk bagian Daftar Video.
  2. Tampilkan Tombol: Mengontrol apakah tombol ditampilkan di tingkat bagian.

Pilihan Item

  1. Tampilkan Video: Mengaktifkan atau menonaktifkan visibilitas video.
  2. Tampilkan Judul: Mengontrol apakah judul akan ditampilkan.
  3. Tampilkan Subjudul: Mengaktifkan atau menonaktifkan subtitle.
  4. Tampilkan Deskripsi: Kelola visibilitas deskripsi item.
  5. Tampilkan Tombol: Tentukan apakah tombol untuk item individual akan ditampilkan.


Tata Letak Bagian

  • Klik pada Edit Konten (1) tombol untuk membuka panel pengeditan Daftar Video.

  • Pilih tata ruang (2) tab.
  • Pilih Tata Letak untuk bagian Anda dan Simpan (3) perubahan Anda.


Gaya Bagian Anda

  • Klik pada Edit Konten (1) tombol untuk membuka panel pengeditan Daftar Video.

  • Pilih Gaya (2) pilihan.
  • Ubah Gaya untuk elemen bagian dan Simpan (3) perubahan Anda.

Anda akan memiliki beberapa opsi Gaya untuk bagian tersebut:

    1. pilihan tampilan 
    2. Layar Seluler
    3. Strategi
    4. Ukuran Teks
    5. Jarak
    6. Judul Bagian
    7. Opsi gambar
    8. Masker Bentuk
    9. Opsi Arahkan Gambar
    10. Opsi perbatasan
    11. Opsi kartu
    12. Opsi bayangan
    13. Tombol & Tautan

 


Display

  1. Memilih untuk Tampilkan Item in baris dan kolom or korsel 
    • Jika Anda telah memilih baris dan kolom pilihan, item daftar akan diatur dalam baris dan kolom. Dalam hal ini, Anda perlu menentukan jumlah baris dan kolom.
    • Jika Anda telah memilih korsel pilihan, item daftar akan disajikan sebagai tayangan slide. Tahu lebih banyak.
  2. Mengatur Jumlah kolom untuk daftar video. Anda dapat memilih dari 1 hingga 10 kolom.
  3. Tentukan Ruang Antar Kolom dari item daftar.
  4. Tentukan Ruang Antara Baris dari item daftar.

Jika opsi Carousel dipilih pada Langkah 1, Anda akan melihat opsi tambahan berikut:

  1. Aktifkan Pengguliran Halus: Memungkinkan pengguliran item secara terus-menerus dalam korsel untuk pengalaman yang lancar dan menarik secara visual.
  2. Geser Otomatis: Secara otomatis berputar melalui slide tanpa interaksi pengguna.
  3. Tampilkan Kemajuan Putar Otomatis: Menampilkan indikator kemajuan saat putar otomatis aktif untuk visibilitas yang lebih baik.
  4. Penundaan Putar Otomatis: Mengatur interval waktu antara setiap transisi slide saat putar otomatis diaktifkan.
  5. Lingkaran Korsel: Memungkinkan perulangan slide yang berkesinambungan, sehingga korsel dimulai ulang dengan lancar setelah slide terakhir.
  6. Kontrol Korsel: Memilih Kontrol NavigasiAnda dapat memilih antara Tanpa Kontrol, Panah – Tengah Bawah/Kanan Atas/Kanan Bawah, Chevron, Titik, dan Gulir Horizontal.


Layar Seluler

  1. Tetapkan jumlah Kolom Grid untuk perangkat seluler. Anda dapat mengaturnya hingga maksimal 3 kolom.
  2. Tentukan Jarak antar grid (dalam piksel).

Tata Letak Kolom Khusus Perangkat Berdasarkan Pengaturan Studio:


Strategi

  1. Meluruskan Konten Secara Horizontal dalam Daftar Video. Anda dapat mengaturnya agar rata kiri, kanan atau tengah.
  2. Meluruskan Konten Secara Vertikal dalam Daftar Video. Anda dapat mengaturnya agar sejajar atas, tengah, dan bawah.
  3. Pilih Urutan Konten yaitu, gambar item daftar yang akan ditampilkan terlebih dahulu atau teks terkait.


Ukuran Teks

  1. Klik pada Ubah Gaya Teks tombol untuk mengunjungi Mendesain bagian dan mengelola ukuran dan gaya font Anda. 
  2. Mengatur Judul gaya font untuk item daftar bagian.
  3. Mengatur Subtitle gaya font untuk item daftar bagian.
  4. Tetapkan default Uraian Teknis gaya font untuk item daftar bagian.
  5. Aktifkan opsi ini untuk animasikan angka apa pun hadir di Judul dan Subtitle kolom. Saat diaktifkan, nilai numerik akan muncul dengan animasi penghitungan dinamis, sehingga lebih menarik secara visual.


Jarak

  1. Tentukan Lebar Gambar untuk daftar item.
  2. Tentukan Lebar Konten untuk item daftar.
  3. Tentukan Spasi di bawah Judul Bagian dalam px.
  4. Tentukan Spasi di bawah gambar item daftar (dalam %).
  5. Tentukan Spasi di bawah judul item daftar (dalam %).
  6. Tentukan Spasi di bawah Teks item daftar (dalam %).


Judul Bagian

  1. Sejajarkan Secara Horizontal teks judul bagian. Anda dapat mengaturnya ke Kiri, Tengah, dan Kanan.
  2. Aktifkan/Nonaktifkan Pembagi antara judul bagian dan konten bagian.
  3. Mengatur ketebalan pembagi (dalam piksel).
  4. Tentukan Warna Pembagi dari pemilih warna.
  5. Pilih Gaya Pemisah dari dropdown.
  6. Mengatur Lebar Judul untuk menentukan seberapa lebar judul bagian muncul, dimulai dari minimum 50%.


Opsi gambar

  1. Pilih pemotongan gambar untuk item daftar. Anda dapat mengatur gambar sebagai Kotak, Lingkaran, Lanskap, Potret, dan Dinamis.
  2. Pilih untuk memiliki radius sudut yang sama atau radius sudut yang berbeda untuk setiap sisi item daftar dan tetapkan angka (dalam px) untuk radius sudut dari gambar item daftar. Tahu lebih banyak.

jenis

Menggunakan radius sudut bidang, Anda dapat membuat berbagai bentuk gambar item daftar. Jika Anda menentukan 500 px di sini, gambar akan ditampilkan dalam bentuk lingkaran.

  • Jika Anda telah memilih sudut terpisah, Anda dapat mengatur radius sudut yang berbeda untuk setiap sudut.


Masker Bentuk

  1. Masker Bentuk: Aktifkan tombol ini untuk menerapkan shape mask ke thumbnail video di bagian Daftar Video. Setelah diaktifkan, bentuk yang dipilih akan memotong thumbnail secara visual ke dalam formulir tersebut.
  2. Pilih Bentuk: Pilih dari berbagai bentuk yang telah ditetapkan untuk diterapkan pada gambar mini Anda. Ini memungkinkan Anda untuk menata konten secara kreatif dengan menampilkan gambar dalam bentuk yang unik seperti membulat, berbentuk berlian, jatuh, dll.

Catatan

  • Opsi Shape Mask bergantung pada tata letak – Mungkin tidak muncul dalam tata letak di mana teks seperti judul atau subjudul ditampilkan di atas gambar.
  • Pengaturan Peregangan bergantung pada beberapa faktor - termasuk ukuran gambar, penjajaran, dan pengaturan pemotongan didefinisikan di bawah tab Gaya.
  • Jika Pemotongan Gambar diatur ke Asli, dimensi gambar yang sebenarnya akan menentukan apakah gambar akan diregangkan secara vertikal atau horizontal.


Opsi Arahkan Gambar

  1. Pilih Warna Arahkan Gambar untuk menjadi Aksen warna atau menjadi ditentukan. Jika Anda telah memilih Aksen warna, lalu tentukan kegelapanAnda dapat menentukan warna aksen untuk setiap item dari Edit Item panel.
  2. Jika Anda telah memilih tentukan warna pilihan lalu atur Warna dan opasitas overlay.
  3. Mengatur Warna teks overlay yang muncul saat mengarahkan kursor.
  4. Memilih untuk Menganimasikan gambar item daftar di hover dengan mengklik Ya. Periksa fitur ini di halaman langsung.
  5. Pilih sebuah Gaya Animasi untuk gambar ketika kursor berada di atasnya.


Perbatasan Gambar

  1. Aktifkan / Nonaktifkan perbatasan di sekitar gambar dengan mengalihkan tombol.
  2. Pilih untuk memiliki a perbatasan bersama di semua sisi gambar atau Anda dapat menentukan berbatasan secara terpisah untuk setiap sisi.
  3. Tentukan lebar perbatasan. Jika diset ke 0, maka border tidak akan muncul. Anda juga memiliki opsi untuk mengatur lebar batas satu per satu untuk setiap sisi gambar.
  4. Pilih Warna Perbatasan dari pemilih warna.
  5. Pilih yang disukai Gaya Perbatasan dari dropdown.
  6. Tentukan lebar batas untuk seluler perangkat, menyelaraskannya dengan lebar yang dipilih untuk desktop.


Opsi kartu


Opsi bayangan

  1. Display – Pilih untuk selalu menampilkan bayangan di belakang item daftar atau hanya saat melayang.
  2. Gaya – Pilih dari preset yang ada atau buat bayangan khusus.
    Jika Anda telah memilih opsi Kustom, kunjungi ini Pembuat Bayangan Kotak untuk membuat bayangan kustom. Terakhir, salin dan tempel kotak bayangan CSS.
  3. Jika Anda telah memilih opsi preset, maka Pilih Gaya Bayangan dari dropdown.


Tombol & Tautan

  1. Lihat bagaimana untuk mengelola styling dari Tombol & Tautan.
  2. Simpan semua gaya berubah.


Kartu Lengkap dan Kartu Teks

Saat Anda menyalakan Kartu Penuh/Teks di atas daftar video Anda, item daftar akan memiliki garis besar dan latar belakang dengan warna kartu yang telah Anda pilih di Mendesain bagian.
Juga Lihat: Warna dan jarak situs web.

Kartu Penuh

Ketika opsi kartu penuh dipilih, warna kartu diterapkan ke seluruh kartu yaitu, thumbnail video dan teks yang menyertainya.

Lihat: 

Kartu Teks

Saat opsi kartu teks dipilih, warna kartu hanya diterapkan pada teks yang ada dengan thumbnail video.

Lihat: 


Tidak dapat menemukan yang Anda cari?

Hubungi Pakar Pixpa.