Tim sangat penting untuk keberhasilan organisasi mana pun. Mereka menyatukan individu dengan beragam keterampilan, keahlian, dan perspektif, menciptakan lingkungan yang dinamis di mana tujuan dapat dicapai.
Dengan menggunakan bagian Tim Pixpa, Anda dapat menampilkan profil dan foto anggota tim Anda, beserta peran dan tanggung jawab masing-masing
Dalam artikel ini:
Tambahkan Bagian Tim ke halaman
- Untuk menambahkan bagian, Anda perlu menambahkan halaman ke situs web Anda terlebih dahulu.
- Di halaman Anda, Klik pada biru + ikon untuk menambahkan Bagian Baru.
- Anda sekarang akan melihat kategori bagian di sisi kiri.
- Gulir melalui Tim (1) dan klik di atasnya. Sekarang layar akan muncul memungkinkan Anda untuk memilih tata letak yang berbeda dari Bagian Tim (2).
- Pilih tata letak bagian mana saja dan klik untuk menambahkannya ke halaman Anda.
Tambahkan dan Edit Item Daftar
Tambahkan Item Daftar
- Klik Sunting Tim (1) tombol untuk membuka Panel Daftar Item.
- Klik pada Tambahkan Barang (2) tombol untuk menambahkan item daftar baru.
- Anda dapat memilih untuk Dduplikat atau Hapus (3) item daftar.
Edit Item Daftar
Klik item daftar yang ingin Anda edit. Ini akan membuka opsi pengeditan item Daftar tertentu.
Dari sini, Anda dapat:
- Unggah / Hapus Gambar Primer dan Sekunder (1)
Anda dapat mengunggah file Gambar Sekunder bersama dengan Gambar Utama untuk setiap item daftar. Saat pengguna mengarahkan kursor ke item tersebut, gambar sekunder akan ditampilkan, menggantikan gambar utama. Selain itu, Anda dapat mengatur Warna Aksen Gambar, yang akan ditampilkan saat gambar diarahkan. - Tambahkan Judul (2), Subjudul (3), dan Deskripsi (4) dari item daftar.
- Anda mungkin tidak menemukan opsi subtitle dan deskripsi pada item daftar tertentu tergantung pada tata letak yang Anda pilih.
Sebelum menambahkan deskripsi, periksa ini Artikel.
5. Aksi saat Klik
Anda dapat menyesuaikan perilaku klik item individual di Tim 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. - Buka di Lightbox
Opsi ini menampilkan item dalam tampilan yang diperbesar Lightbox tampilan saat diklik. Dalam mode ini, Subtitle dan Uraian Teknis yang dikaitkan dengan item tidak akan muncul dalam tampilan kisi tetapi akan terlihat dalam mode Lightbox. - Tidak ada Aksi
Pilih opsi ini untuk membuat item tidak dapat diklik. Jika dipilih, mengklik item tidak akan memicu tindakan apa pun.
6. 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.
7. Tombol & Tautan: Tambahkan semua jenis Link ke item daftar. Anda dapat menambahkan Tombol/Tautan Gambar/Ikon Sosial/Tautan Teks. Pelajari lebih lanjut.
8. Penggantian Gaya Kartu
Anda dapat mengganti pengaturan gaya kartu global dari bagian Pengaturan Gaya dan sesuaikan kartu setiap item secara individual di bagian Daftar Gambar. Ini memungkinkan Anda menerapkan gaya unik ke berbagai item daftar untuk penyesuaian yang lebih baik.
Pelajari lebih lanjut tentang pilihan Kartu di bagian dinamis.
9. Simpan: Setelah melakukan penyesuaian, simpan perubahannya.
Untuk menyesuaikan kartu untuk setiap item secara terpisah, Anda harus terlebih dahulu mengaktifkan Kartu pilihan dari Pengaturan Gaya.
Mengurutkan Item Daftar
Anda dapat dengan mudah mengubah urutan Item Daftar berdasarkan Menyeret dan Menjatuhkan Mereka. Lihat cara mengurutkan Daftar Item Tim dalam tindakan:
Kelola Elemen Bagian Tim
Bagian Tim mencakup tab elemen yang memungkinkan Anda mengelola visibilitas berbagai elemen dalam bagian dengan mudah.
Dengan menggunakan sakelar sakelar sederhana, Anda dapat mengaktifkan atau menonaktifkan elemen tertentu tanpa harus menghapus atau mengubah elemen itu sendiri.
- Klik pada Elemen (1) tab.
- Setelah melakukan perubahan, tekan tombol Simpan (2) tombol.
Opsi Bagian
- Tampilkan Judul Utama: Mengaktifkan atau menonaktifkan visibilitas judul untuk bagian Tim.
- Tampilkan Tombol: Mengontrol apakah tombol ditampilkan di tingkat bagian.
Pilihan Item
- Tunjukkan Gambar: Mengaktifkan atau menonaktifkan visibilitas gambar.
- Tampilkan Judul: Mengontrol apakah judul akan ditampilkan.
- Tampilkan Subjudul: Mengaktifkan atau menonaktifkan subtitle.
- Tampilkan Deskripsi: Kelola visibilitas deskripsi item.
- Tampilkan Tombol: Tentukan apakah tombol untuk item individual akan ditampilkan.
Tata Letak Bagian
-
- Klik pada Sunting Tim tombol untuk membuka panel pengeditan bagian dan pilih tata ruang Tab.
-
- Dari sini, Anda dapat dengan mudah mengubah tata letak bagian bahkan setelah menambahkannya ke halaman.
Saat mengubah tata letak, Anda akan melihat tata letak terkait bagian di atas.
Selain itu, Anda juga memiliki opsi untuk memilih tata letak dari bagian lain di bawah Lebih Banyak Tata Letak heading.
Bagian Tim Styling
Anda dapat menyesuaikan berbagai aspek bagian Tim menggunakan berbagai opsi gaya. Untuk menavigasi ke opsi Gaya, klik pada Sunting Tim (1) tombol.
- Pilih Gaya (2) tab.
- Setelah melakukan penyesuaian, Simpan (3) perubahan.
Anda akan memiliki beberapa opsi gaya untuk bagian tersebut:
- Tampilan Pilihan
- Layar Seluler
- Strategi
- Ukuran Teks
- Jarak
- Judul Bagian
- Opsi Gambar
- Masker Bentuk
- Opsi Melayang Gambar
- Perbatasan Gambar
- Kartu-kartu
- bayangan
- Tombol & Tautan
Tampilan Pilihan
- Memilih untuk Tampilkan Item in baris dan kolom / korsel / Pameran
- 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.
-
Showcase Menawarkan tata letak bergaya korsel yang ramping dan interaktif untuk menampilkan gambar Anda satu per satu dengan transisi dan efek yang halus. Tata letak ini menambahkan pengalaman modern dan imersif ke situs Anda. Pelajari lebih lanjut.
- Mengatur Jumlah kolom untuk daftar gambar. Anda dapat memilih dari 1 hingga 10 kolom.
- Tentukan Ruang Antar Kolom dari item daftar.
- Tentukan Ruang Antara Baris dari item daftar.
Jika opsi Carousel dipilih pada Langkah 1, Anda akan melihat opsi tambahan berikut:
- Aktifkan Pengguliran Halus: Memungkinkan pengguliran item secara terus-menerus dalam korsel untuk pengalaman yang lancar dan menarik secara visual.
- Geser Otomatis: Secara otomatis berputar melalui slide tanpa interaksi pengguna.
- Tampilkan Kemajuan Putar Otomatis: Menampilkan indikator kemajuan saat putar otomatis aktif untuk visibilitas yang lebih baik.
- Penundaan Putar Otomatis: Mengatur interval waktu antara setiap transisi slide saat putar otomatis diaktifkan.
- Lingkaran Korsel: Memungkinkan perulangan slide yang berkesinambungan, sehingga korsel dimulai ulang dengan lancar setelah slide terakhir.
- Kontrol Korsel: Memilih Kontrol NavigasiAnda dapat memilih antara Tanpa Kontrol, Panah – Tengah Bawah/Kanan Atas/Kanan Bawah, Chevron, Titik, dan Gulir Horizontal.
- Tepi yang memudar: Terapkan efek pemudaran halus pada tepi korsel. Efek ini meningkatkan pengalaman pengguna dengan memadukan gambar secara halus saat gambar masuk atau keluar dari tampilan.
Jika opsi Showcase dipilih pada Langkah 1, maka Anda akan melihat opsi tambahan berikut:
- Efek: Pilih dari lima efek animasi: Fade, Flip, Cards, Coverflow (Miring), atau Coverflow (Datar) untuk mengontrol bagaimana gambar bertransisi.
- Aktifkan Pengguliran Halus: Memungkinkan pengguliran item yang berkelanjutan dalam Showcase untuk pengalaman yang lancar dan menarik secara visual.
- Geser Otomatis: Secara otomatis bertransisi melalui gambar tanpa masukan pengguna.
- Tampilkan Kemajuan Putar Otomatis: Menampilkan indikator kemajuan saat putar otomatis aktif untuk visibilitas yang lebih baik.
- Penundaan Putar Otomatis: Atur waktu antar slide saat putar otomatis aktif. Anda dapat memilih nilai antara 1 hingga 10 detik.
- Putaran Korsel: Aktifkan ini untuk mengulang korsel tanpa batas, yang memungkinkan pemutaran berkelanjutan.
- Kontrol Korsel: Pengaturan Kontrol Carousel memungkinkan Anda memilih bagaimana pengguna menavigasi slide, dengan opsi seperti panah (tengah bawah, kanan atas, kanan bawah), titik, atau tanpa kontrol sama sekali.
Layar Seluler
- Tetapkan jumlah Kolom Grid untuk perangkat seluler. Anda dapat mengaturnya hingga maksimal 3 kolom.
- Tentukan Jarak antar grid (dalam piksel).
Tata Letak Kolom Khusus Perangkat Berdasarkan Pengaturan Studio:
Strategi
- Meluruskan Gambar Horizontal di bagian Tim. Anda dapat mengaturnya agar sejajar kiri, kanan, atau tengah.
- Meluruskan Teks Horizontal di bagian Tim. Anda dapat mengaturnya agar sejajar kiri, kanan, atau tengah.
- Meluruskan Konten Secara Vertikal dalam Daftar Tim. Anda dapat mengaturnya agar sejajar atas, tengah, dan bawah.
- Pilih Urutan Konten yaitu, gambar item daftar yang akan ditampilkan terlebih dahulu atau teks terkait.
Judul Bagian
- Sejajarkan Secara Horizontal teks judul bagian. Anda dapat mengaturnya ke Kiri, Tengah, dan Kanan.
- Aktifkan/Nonaktifkan Pembagi antara judul bagian dan konten bagian.
- Mengatur ketebalan pembagi (dalam piksel).
- Tentukan Warna Pembagi dari pemilih warna.
- Pilih Gaya Pemisah dari dropdown.
Ukuran Teks
- Klik pada Ubah Gaya Teks tombol untuk mengunjungi Mendesain bagian dan mengelola ukuran dan gaya font Anda.
- Mengatur Judul gaya font untuk item daftar bagian.
- Mengatur Subtitle gaya font untuk item daftar bagian.
- Tetapkan default Uraian Teknis gaya font untuk item daftar bagian.
- 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
- Tentukan Lebar Gambar untuk daftar item.
- Tentukan Lebar Konten untuk item daftar.
- Tentukan Spasi di bawah Judul Bagian dalam px.
- Tentukan Spasi di bawah gambar item daftar (dalam %).
- Tentukan Spasi di bawah judul item daftar (dalam %).
- Tentukan Spasi di bawah Teks item daftar (dalam %).
Judul Bagian
- Sejajarkan Secara Horizontal teks judul bagian. Anda dapat mengaturnya ke Kiri, Tengah, dan Kanan.
- Aktifkan/Nonaktifkan Pembagi antara judul bagian dan konten bagian.
- Mengatur ketebalan pembagi (dalam piksel).
- Tentukan Warna Pembagi dari pemilih warna.
- Pilih Gaya Pemisah dari dropdown.
Foto
- Pilih IPangkas penyihir untuk item daftar. Anda dapat mengatur gambar menjadi Kotak, Lingkaran, Horizontal, Potret, dan Asli.
- Pilih untuk memiliki radius sudut yang sama atau radius sudut yang berbeda untuk setiap sisi item daftar dan tetapkan angka (dalam px) untuk CRadius sudut dari gambar item daftar. Tahu lebih banyak.
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
- Masker Bentuk: Aktifkan tombol ini untuk menerapkan shape mask ke gambar di bagian Teams. Setelah diaktifkan, bentuk yang dipilih akan secara visual memotong gambar ke dalam formulir tersebut.
- Pilih Bentuk: Pilih dari berbagai bentuk yang telah ditetapkan untuk diterapkan pada gambar Anda. Ini memungkinkan Anda untuk secara kreatif menata konten Anda dengan menampilkan gambar dalam bentuk yang unik seperti bulat, berlian, jatuh, dll.
- Meregang: Aktifkan opsi ini untuk merentangkan bentuk yang dipilih agar lebih pas dengan wadah gambar. Ini memastikan bentuk mengisi ruang yang tersedia secara proporsional, meningkatkan penyelarasan visual di berbagai ukuran layar.
- Opsi Peregangan bergantung pada tata letak – Mungkin tidak muncul di tata letak tertentu. Pada tata letak di mana teks seperti judul atau subjudul ditampilkan di atas gambar, seluruh opsi Shape Mask mungkin tidak tersedia.
- 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.
Arahkan Gambar
- 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.
- Jika Anda telah memilih tentukan warna pilihan lalu atur Warna dan opasitas overlay.
- Mengatur Warna teks overlay yang muncul saat mengarahkan kursor.
- Memilih untuk Menganimasikan gambar item daftar di hover dengan mengklik Ya. Periksa fitur ini di halaman langsung.
- Pilih sebuah Gaya Animasi untuk gambar ketika kursor berada di atasnya.
- Pilih jika Anda ingin mengizinkan transisi gambar saat melayang atau tidak.
- Pilih Gaya Transisi untuk transisi hover. Pilihan yang tersedia adalah Fade dan Flip.
Perbatasan Gambar
- Aktifkan / Nonaktifkan perbatasan di sekitar gambar dengan mengalihkan tombol.
- Pilih untuk memiliki a perbatasan bersama di semua sisi gambar atau Anda dapat menentukan berbatasan secara terpisah untuk setiap sisi.
- 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.
- Pilih Warna Perbatasan dari pemilih warna.
- Pilih yang disukai Gaya Perbatasan dari dropdown.
- Tentukan lebar batas untuk seluler perangkat, menyelaraskannya dengan lebar yang dipilih untuk desktop.
Kartu-kartu
- Lihat bagaimana untuk mengelola kartu.
bayangan
- Display – Pilih untuk selalu menampilkan bayangan di belakang item daftar atau hanya saat melayang.
- 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. - Jika Anda telah memilih opsi preset, maka Pilih Gaya Bayangan dari dropdown.
Tombol & Tautan
- Lihat bagaimana untuk mengelola styling dari Tombol & Tautan.
