Cara Menulis Teks pada Gambar di Elementor WordPress

Pada tutorial sebelumnya kita telah mengenal apa itu Elementor, bagaimana menginstalnya dan bagaimana menggunakannya di WordPress. Sedikit mengulang, Elementor adalah plugin WordPress yang berfungsi sebagai framework untuk mendesain tampilan web secara cepat (rapid development). Metodenya sederhana, hanya drag and drop saja sehingga sangat memudah pemula sekalipun untuk mendesain sebuah web berbasis wordpress. Di dalam framework Elementor ini banyak terdapat widget baik itu yang free maupun pro (berbayar) yang dapat digunakan mendesain web secara visual.

Pada tutorial ini akan kita lanjut bagaimana cara mendesain web menggunakan Elementor khususnya menulis teks di tengah-tengah gambar. Sepintas sederhana kan? tapi kalau ngga tau caranya bisa muter-muter pusing sendiri, he he he. Baiklah kita langsung melakukan percobaan untuk menulis teks pada gambar di Elementor.

  1. Langkah pertama buka WordPress Anda, kemudian bikin halaman baru (menu ‘Page’ atau ‘Laman’). Pada tutorial ini kita akan mencoba membuat sebuah halaman ‘About Us’.

Langkah kedua ambil widget ‘Tajuk’ atau ‘Heading’, kemudian taruh di form designer sebelah kanan. Edit tulisan widget tersebut menjadi ‘About Us’. Lebih jelasnya silahkan lihat gambar di bawah

Untuk menambahkan gambar di widget ‘Tajuk’ dapat dilakukan melalui tab ‘Lanjutan’ (Advance), kemudian pilih submenu ‘Latar’. Untuk lebih jelasnya bisa disimak gambar sebagai berikut:

Langkah terakhir tinggal edit parameter saja sesuai kebutuhan. Misalnya untuk mengubah besarnya tampilan gambar bisa melalui menu padding (unlink dulu ya), tambahkan margin atas dan bawah seperti contoh di bawah

Untuk tulisan ‘About Us’ sendiri bisa Anda atur warna, ukuran, efek dan lain-lain di tab ‘Konten’ dan ‘Gaya’. Kurang lebih saya edit tampilannya menjadi begini

Gimana? Mudah bukan? Dengan adanya Elementor ini sangat memudahkan seseorang untuk membuat web (frontend) dengan sangat cepat. Tapi memang untuk lebih detail mengenai fungsionalitas tiap widget Elementor harus banyak membaca referensi. Demikian tutorial kali ini, semoga bermanfaat bagi yang sempat mampir di sini 🙂

0 0 votes
Article Rating

Leave a Reply

0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x