Bagian Garis Waktu

Bagian garis waktu ini memungkinkan pengguna untuk menampilkan pencapaian dan tugas proyek dalam urutan kronologis.

Hal ini sangat bermanfaat untuk menyoroti kemajuan proyek, mengilustrasikan proses aplikasi, menampilkan pencapaian seperti penghargaan, dan menawarkan opsi lain yang dapat disesuaikan.

Ini memberikan cara yang terstruktur dan menarik secara visual untuk menyajikan informasi dalam format garis waktu, sehingga meningkatkan pengalaman dan keterlibatan pengguna.

Tambahkan Bagian ke Halaman Anda

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 Perusahaan tab (1) tempat Anda dapat memilih tata letak yang berbeda dari bagian garis waktu (2).
Bagian tersebut sekarang akan ditambahkan ke halaman. Klik Simpan (3) tombol untuk menyimpan perubahan.

Tambahkan dan Edit Item Daftar

Tambahkan item daftar

Setelah Anda menambahkan bagian:

Klik pada Sunting Garis Waktu (1) tombol untuk membuka Panel Daftar Item.

Klik pada Tambahkan Barang (2) tombol untuk menambahkan item daftar baru.
Anda dapat memilih untuk Gandakan atau Hapus (3) item daftar.
Tentukan Membintangi (4) untuk bagian garis waktu.

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.

Note

Sebelum menambahkan deskripsi, periksa ini Artikel.

5. Tindakan saat Klik – Judul dan Gambar

Anda dapat menyesuaikan perilaku klik item individual di Perusahaan 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 Timeline. 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. Penggantian Gaya Bentuk

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

10. Simpan: Setelah melakukan penyesuaian, simpan perubahannya.

Item Daftar Urutan

Kelola Elemen Bagian Timeline

Bagian garis waktu 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 Sunting Garis Waktu (1) tombol.

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

Opsi Bagian

Tampilkan Judul Utama: Mengaktifkan atau menonaktifkan visibilitas judul untuk bagian Linimasa.
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.

Ubah Tata Letak Bagian

Klik pada Sunting Garis Waktu tombol untuk membuka panel pengeditan bagian.
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.

Pilihan Gaya

Klik Edit Daftar Gambar .
Pilih Gaya (1) Tab.
Ubah Gaya untuk elemen bagian dan Simpan (2) perubahan Anda.

Anda akan memiliki beberapa opsi gaya untuk bagian tersebut:

Tampilan Pilihan
Strategi
Ukuran Teks
Jarak
Judul Bagian
Opsi Gaya Garis Waktu
Opsi Gambar
Masker Bentuk
Opsi Melayang Gambar
Perbatasan Gambar
Opsi Kartu
Opsi Bayangan
Tombol & Tautan

Opsi Tampilan

Tentukan Ruang Antara Baris dari item daftar.

Strategi

Meluruskan Teks Horizontal di bagian tersebut. Anda dapat mengaturnya agar sejajar kiri, kanan, atau tengah.
Meluruskan Konten Secara Vertikal di bagian tersebut. Anda dapat mengaturnya agar sejajar atas, tengah, dan bawah.
Pilih Urutan Konten yaitu, gambar item daftar yang akan ditampilkan terlebih dahulu atau teks terkait.

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 Spasi di bawah Judul Bagian dalam px.
Tentukan Ruang di atas gambar item daftar (dalam %).
Tentukan Ruang di Sekitar Pembagi horizontal dari 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.
Mengatur Lebar Judul untuk menentukan seberapa lebar judul bagian muncul, dimulai dari minimum 50%.

Opsi Gaya Garis Waktu

Aktifkan ini jika Anda ingin setiap item kedua di bagian tersebut ada di Bergantian (sisi yang berlawanan.
Pilih Kepemimpinan dari item.
Tentukan Lebar Garis Pembagi untuk bagian tersebut.
Tentukan Garis Dasar (latar belakang) Warna untuk Pembagi.
Tentukan Jalur Aktif (disorot) Warna untuk Pembagi.

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.

Masker Bentuk

Masker Bentuk: Aktifkan tombol ini untuk menerapkan shape mask ke gambar di bagian Timeline. 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.

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 pengaturan Ukuran Gambar, Penjajaran, dan Pemotongan yang ditetapkan pada 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.
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.

Tidak dapat menemukan yang Anda cari?

Hubungi Pakar Pixpa.

Hubungi Kami