Di website mana pun, judul utama memiliki pengaruh yang luar biasa dalam menyampaikan pesan secara efektif kepada pengunjung. Judul harus menarik pengunjung, meyakinkan mereka untuk membaca lebih lanjut atau ikut serta dalam layanan Anda.
Merek ternama menggunakan animasi kreatif dan judul yang disorot untuk lebih menarik perhatian pengunjung ke judul tersebut. Sekarang, Anda juga dapat menambahkan judul animasi dan highlight, menggunakan widget Pro baru Elementor: Animated Headline. Mari kita bahas apa saja fitur widget ini.
Content
Headline
Highlighted
Pengaturan konten ketika memilih style Highlighted
- Style: Tentukan akan menggunakan animasi headline Highlighted atau Rotating
- Shape: Tentukan bentuk animasi highlight judul
- Before Text: Isi teks yang ditampilkan sebelum teks yang di highlight
- Highlighted Text: Tentukan teks yang di highlight
- After Text: Isi teks yang ditampilkan setelah teks yang di highlight
- Infinite Loop: Aktifkan agar animasi berputar tanpa henti atau nonaktifkan untuk membuat animasi hanya diputar sekali dan berhenti pada akhir animasi
- Duration (ms): Tentukan durasi sekali putaran animasi dalam milidetik
- Delay (ms): Jika Infinite Loop diaktifkan, pilihan ini akan tersedia. Tetapkan jumlah waktu dalam milidetik antara setiap putaran
- Link: Tambahkan URL pada animasi headline anda
- Alignment: Tentukan posisi animasi headline
- HTML Tag: Tentukan HTML Tag untuk animasi headline
Rotating
Pengaturan konten ketika memilih style Rotating
- Style: Tentukan akan menggunakan animasi headline Highlighted atau Rotating
- Animation: Tentukan tipe animasi headline
- Before Text: Isi teks yang ditampilkan sebelum teks yang berotasi atau berganti
- Rotating Text: Isi teks yang akan berotasi
- After Text: Isi teks yang ditampilkan sebelum teks yang berotasi atau berganti
- Infinite Loop: Aktifkan agar animasi berputar tanpa henti atau nonaktifkan untuk membuat animasi hanya diputar sekali dan berhenti pada akhir animasi
- Duration (ms): Tentukan durasi sekali putaran animasi dalam milidetik
- Link: Tambahkan URL pada animasi headline anda
- Alignment: Tentukan posisi animasi headline
- HTML Tag: Tentukan HTML Tag untuk animasi headline
Style
Shape
Hanya tersedia ketika memilih style content highlighted
- Color: Tentukan warna highlight judul
- Width: Atur lebar highlight judul
- Bring to Front: Aktifkan untuk membuat posisi highlight diatas teks judul
- Rounded Edges: Aktifkan untuk membuat ujung highlight melingkar
Headline
- Text Color: Tentukan warna judul
- Typography: Atur tipografi judul
- Text Stroke: Tentukan ketebalan judul
Animated Text
- Text Color: Tentukan warna teks judul dengan efek animasi
- Typography: Atur tipografi judul dengan efek animasi
- Text Stroke: Tentukan ketebalan judul dengan efek animasi
Selected Text
- Selection Color: Tentukan warna background judul yang berotasi
- Text Color: Tentukan warna teks judul yang berotasi