WordPress adalah platform yang sangat fleksibel, memungkinkan Anda untuk menyesuaikan banyak aspek tampilan situs Anda. Salah satu cara untuk menambahkan sentuhan personal adalah dengan menambahkan frame ke gambar.
Dalam tutorial ini, kita akan membahas cara membuat frame gambar otomatis di WordPress.
Kenapa Harus Menambahkan Frame pada Gambar?
Menambahkan frame pada gambar dapat memberikan sentuhan estetika dan membuat gambar Anda menonjol. Ini juga bisa membantu untuk memisahkan gambar dari teks atau elemen lain di halaman Anda.
Dan dengan WordPress, Anda dapat dengan mudah menambahkan frame ini secara otomatis ke semua gambar dalam postingan atau halaman.
Langkah Membuat Frame Gambar Otomatis
Membuka CSS Kustom di WordPress
Langkah pertama untuk membuat frame gambar adalah dengan membuka CSS kustom di WordPress. Anda dapat menemukannya di bagian “Appearance” > “Customize” > “Additional CSS” di dashboard WordPress Anda.
Jika tema Anda tidak mendukung Custom CSS, Anda bisa memamakai Script Injectors seperti plugin WP Code -yang akan kami gunakan dalam contoh ini.
Menambahkan Kode CSS untuk Frame
Setelah Anda membuka CSS kustom, Anda harus menambahkan kode CSS untuk frame. Kode ini akan menentukan bagaimana frame Anda terlihat.
Kode Frame image biasa
/* Frame Gambar dalam Post, oleh: DEVanoda */
.entry-content img {
border: 10px solid black;
}
Untuk penerapan kode CSS menggunakan scripts injector, tampilan nya akan menjadi seperti ini:
Hasil dari kode CSS diatas, akan menjadikan frame pada gambar seperti ini:
Kode Frame image dengan radius
Anda akan perlu menyesuaikan kode ini berdasarkan preferensi Anda, termasuk lebar dan warna frame. Anda juga dapat menambahkan efek melengkung pada frame dengan menggunakan properti border-radius.
/* Frame Gambar dalam Post dengan radius, oleh: DEVanoda */
.entry-content img {
border: 10px solid black;
border-radius: 10px;
}
Hasil dari kode CSS diatas (dengan radius), akan menjadikan frame pada gambar seperti ini:
Catatan:
Frame gambar tidak berlaku pada Gambar Fitur
Kode CSS yang kami buatkan diatas, sudah kami setting agar tidak terimplementasikan ke Feature Image. Hanya berlaku pada gambar di dalam postingan saja.
Kesimpulan
Menambahkan frame ke gambar di WordPress adalah cara yang bagus untuk menambahkan sentuhan personal ke situs Anda. Dengan beberapa langkah sederhana dan sedikit pengetahuan CSS, Anda dapat membuat gambar Anda menonjol dan memberikan tampilan yang lebih profesional dan merapikan ke situs Anda. Selamat mencoba!
