Cara Menambahkan Teks di Atas Gambar di WordPress (3 Metode)

Menambahkan teks di atas gambar adalah teknik populer untuk meningkatkan daya tarik visual konten atau situs web mereka. Juga, itu adalah cara yang bagus untuk membuat gambar Anda lebih informatif dan menarik.

Dalam artikel ini, kami telah menemukan tiga cara mudah untuk menambahkan teks di atas gambar di WordPress. Apakah Anda lebih suka menggunakan Editor Blok, plugin, atau kode khusus. Mari kita cari tahu!

Mengapa Penting Menambahkan Teks di Atas Gambar

Sebelum melanjutkan ke metode, Anda perlu tahu alasan di balik mengapa menambahkan teks di atas gambar itu penting.

1. Menarik Perhatian

Jika pengguna dengan cepat menelusuri konten, menambahkan gambar saja mungkin tidak cukup untuk menarik perhatian mereka. Itu sebabnya Anda perlu menambahkan teks di atas gambar untuk membantu Anda menarik perhatian pengguna dan menyampaikan pesan Anda dengan lebih efektif.

2. Tingkatkan Pengalaman Pengguna

Benar bahwa gambar dapat memberikan banyak nilai dengan sendirinya, namun, menambahkan teks di atasnya, seperti caption, kutipan, atau konten berbasis teks lainnya, dapat membuatnya lebih berguna. Selain itu, pengguna dapat memahami konteks gambar dan bagaimana kaitannya dengan konten Anda.

3. Meningkatkan Aksesibilitas

Anda juga dapat membantu meningkatkan aksesibilitas bagi pengguna yang mungkin mengalami kesulitan melihat gambar itu sendiri. Dengan menyediakan alternatif teks, Anda dapat memastikan bahwa konten Anda dapat diakses oleh lebih banyak pengguna.

4. Meningkatkan SEO

Menambahkan kata kunci yang relevan ke keterangan gambar atau teks alt dapat membantu meningkatkan peringkat mesin pencari situs web. Ini karena mesin pencari menggunakan informasi ini untuk memahami konten situs web Anda dan menentukan seberapa relevan itu bagi permintaan pencarian pengguna.

3 Metode Cara Menambahkan Teks di Atas Gambar di WordPress

1. Gunakan Editor Blok WordPress

Pertama, buka halaman atau postingan tempat Anda akan menambahkan teks di atas gambar.

Pilih Sampul untuk menulis teks di atas gambar.

Setelah itu, itu akan mulai muncul di layar Anda. Ini menampilkan gambar default, tapi Anda dapat mengubah gambar sesuai keinginan Anda.

Anda juga dapat mengganti gambar default dengan gambar kustom Anda. Klik tombol ganti lalu unggah gambar atau cukup pilih dari perpustakaan media.

Akan terlihat seperti ini, lalu Anda dapat menulis teks di atas gambar sesuai keinginan.

Double-klik pada teks, Anda akan mendapatkan opsi edit untuk teks. Anda dapat menyesuaikan ukuran, warna, dan banyak lagi sesuai kebutuhan Anda.

Terakhir, klik tombol perbarui, atau jika Anda telah menambahkan postingan atau halaman baru, maka klik tombol terbitkan.

2. Gunakan CSS

Buka Editor Blok WordPress dan pilih blok gambar tempat Anda ingin menambahkan teks. Di bilah sisi sebelah kanan, klik pada tab Lanjutan.

Di bidang Kelas CSS Tambahan, tambahkan kelas khusus untuk blok gambar.

Simpan

.custom-class { position: relative; } .custom-class p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 24px; color: #ffffff; text-shadow: 2px 2px 2px #000000; } 

Dalam kode di atas, ganti "kelas-kustom" dengan kelas kustom yang Anda tambahkan ke blok gambar. Anda juga dapat menyesuaikan ukuran font, warna, dan opsi gaya lainnya agar sesuai dengan preferensi Anda.

3. Gunakan Plugin WordPress

Jika Anda menginginkan kebebasan untuk membuat desain halaman yang sepenuhnya kustom, maka Anda memerlukan plugin pembangun halaman. Salah satu plugin pembangun halaman WordPress adalah SeedProd, yang memungkinkan Anda menambahkan teks di atas gambar apa pun di seluruh situs web Anda.

Pertama, instal dan aktifkan plugin SeedProd. Setelah aktivasi, Anda perlu memasukkan kunci lisensi. Masuk ke akun SeedProd Anda, lalu klik pada Unduh tab.

Setelah selesai, salin kunci di Kunci Lisensi bagian.

Sekarang Anda dapat menempelkan kunci ini ke area admin WordPress Anda dengan pergi ke halaman SeedProd » Pengaturan.

Setelah Anda berada di sini, silakan tempelkan kunci Anda ke bidang Kunci Lisensi. Kemudian, Anda hanya perlu mengklik Verifikasi Kunci.

Selanjutnya, kita akan menuju ke SeedProd » Landing Pages dan klik Tambahkan Landing Page Baru.

Setelah itu, pilih template. Tidak peduli template SeedProd mana yang Anda pilih, Anda dapat menyesuaikan setiap bagian template untuk sesuai dengan situs web dan branding Anda.

Namun, jika Anda lebih suka memulai dengan kanvas kosong, maka klik pada Template Kosong.

Setelah Anda menemukan template, arahkan mouse Anda ke atasnya. Anda kemudian dapat mengklik ikon Pratinjau.

Jika Anda puas dengan tampilan template ini, maka lanjutkan dan klik tombol Pilih Template Ini

Di Nama Halaman bidang, ketikkan nama untuk halaman.

Jika Anda ingin mengubah URL yang dibuat secara otomatis, edit teks di URL Halaman

Klik Simpan dan Mulai Mengedit Halaman tombol. Ini akan membuka template di editor drag-and-drop SeedProd.

Di bilah sisi kiri, Anda akan melihat semua blok dan bagian yang dapat Anda tambahkan ke halaman Anda menggunakan drag and drop.

Kecuali Anda menggunakan Template Kosong, halaman SeedProd Anda sudah memiliki beberapa blok dan bagian. Untuk mengedit konten ini, klik untuk memilih blok atau bagian.

Menu sebelah kiri SeedProd sekarang akan menampilkan semua pengaturan yang dapat Anda gunakan untuk menyesuaikan blok atau bagian ini.

Cara termudah untuk menambahkan teks di atas gambar adalah dengan menggunakan salah satu bagian Hero yang sudah jadi dari SeedProd.

Bagian-bagian ini memiliki placeholder gambar latar belakang dengan lebar penuh, dengan beberapa teks placeholder yang ditambahkan di atasnya. Anda dapat dengan mudah mengganti gambar latar belakang default dan teks dengan konten Anda sendiri.

Klik pada Bagian di menu sebelah kiri.

Kemudian, klik pada Hero untuk melihat semua bagian hero yang siap pakai yang dapat Anda tambahkan ke halaman Anda.

Untuk melanjutkan dan menambahkan bagian hero ini ke desain Anda, cukup klik Pilih Bagian Ini.

Klik pada gambar stok untuk memilihnya jika Anda ingin mengganti stok template dengan gambar Anda sendiri.

Arahkan Gambar Latar pratinjau hingga ikon tempat sampah muncul. Anda kemudian dapat klik pada ikon ini

Selanjutnya, klik Gunakan Gambar Anda Sendiri. Anda kemudian dapat memilih gambar dari perpustakaan media WordPress atau menggunakan gambar stok.

Setelah Anda menambahkan gambar, Anda siap untuk mengganti teks placeholder.

Klik untuk memilih Blok Teks. Kemudian di Area Teks, cukup ketikkan teks yang ingin Anda gunakan.

Beberapa template hero SeedProd memiliki konten tambahan, seperti tombol ajakan bertindak.

Jika Anda ingin mengubah konten ini, klik untuk memilih blok

Opsi lain adalah menghapus blok dari template hero.

Untuk melakukan ini, klik untuk memilih blok dan kemudian klik ikon sampah

Jika Anda puas dengan desain halaman Anda, klik tombol Simpan.

Dari sini, Anda dapat memilih untuk mempublikasikan halaman atau menyimpannya sebagai template.

Kesimpulan

Itulah tiga metode untuk menambahkan teks di atas gambar di WordPress. Mudah bukan? Pilih pendekatan yang paling sesuai dengan tingkat keahlian dan preferensi desain Anda.

Selain itu, atur, optimalkan, dan kelola file media Anda seperti seorang profesional dengan WP Media Folder. Saatnya untuk mengucapkan selamat tinggal pada perpustakaan yang berantakan!