Solusi sains dan teknologi -- Apakah Anda ingin menambahkan batas di sekitar gambar Anda di WordPress.Baru-baru ini, salah satu pengguna kami meminta kami cara mudah untuk menambahkan batas di sekitar gambar di WordPress.Meski bisa menggunakan CSS, itu membingungkan bagi pemula.Pada artikel ini, kami akan menunjukkan cara mudah untuk menambahkan border gambar di WordPress tanpa mengedit kode HTML atau CSS apapun.
Solusi sains dan teknologi -- Video Tutorial Berlangganan WPBeginner Jika Anda tidak menyukai video atau membutuhkan lebih banyak instruksi, maka lanjutkan bacalah.Metode 1: Menggunakan Plugin untuk Menambahkan Perbatasan Gambar di WordPress Metode ini untuk pemula yang tidak ingin mengedit HTML atau CSS.Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin WP Image Borders.Setelah aktivasi, Anda perlu mengunjungi Settings »WP Image Borders untuk mengkonfigurasi pengaturan plugin.
Solusi sains d an teknologi -- Bagian pertama dalam pengaturan plugin memungkinkan Anda untuk menargetkan gambar.Anda dapat menambahkan batas ke semua gambar di posting WordPress Anda dengan mencentang kotak di samping opsi 'Tambahkan batas ke semua gambar di posting blog'.Sebagai alternatif, Anda dapat menargetkan klor CSS tertentukeledai untuk memiliki perbatasan.Kami akan menunjukkan cara menambahkan kelas CSS ke gambar tertentu nanti di artikel ini.
Solusi sains dan teknologi -- Saat ini Anda bisa memasukkan apapun ke dalam kelas CSS seperti .border-image.Bagian kedua dalam pengaturan plugin memungkinkan Anda untuk menyesuaikan pengaturan perbatasan.Anda bisa memilih border style, width, radius, dan color.Bagian terakhir pada halaman pengaturan memungkinkan Anda menambahkan bayangan drop ke gambar Anda.
Solusi sains dan teknologi -- Anda bisa memasukkan jarak horizontal dan vertikal, kabur dan merentang jari-jari, serta warna bayangan kotak .Jika Anda tidak ingin menambahkan bayangan drop ke gambar Anda, maka Anda bisa membiarkan bidang ini kosong.Jangan lupa klik tombol Save Changes untuk menyimpan setting plugin anda.Jika Anda memilih opsi pertama 'Add borders to all images in blog posts', maka Anda tidak perlu melakukan hal lain.
Solusi sains dan teknologi -- Anda harus melihat batas gambar pada semua gambar posting blog Anda.Namun jika Anda memilih opsi kedua untuk hanya menampilkan border untuk gambar tertentu, maka Anda harus mengikuti langkah selanjutnya.Menambahkan Kelas CSSke Image di WordPress Jika Anda hanya ingin menambahkan batas di sekitar gambar yang dipilih, maka Anda perlu memberi tahu WordPress mana gambar yang seharusnya memiliki batas.Anda bisa melakukan ini dengan menambahkan kelas CSS ke gambar yang membutuhkan border.
Solusi sains dan teknologi -- Cukup upload gambar anda dan tambahkan ke postingan anda.Setelah menambahkan gambar klik di dalamnya di ed itor visual lalu klik tombol edit di toolbar.Ini akan memunculkan gambar editing gambar yang menunjukkan detail gambar Anda.Anda perlu mengklik Opsi Lanjutan untuk memperluasnya, lalu masukkan kelas css gambar Anda.
Solusi sains dan teknologi -- Petunjuk: ini adalah .border-image karena kami memilihnya di setting plugin kami.Selanjutnya, klik tombol update untuk menyimpan dan memperbarui pengaturan gambar.Itu saja, gambar Anda sekarang akan memiliki kelas tambahan.Karena Anda menggunakan plugin WP Image Borders, perbatasan akan muncul pada gambar ini.
Solusi sains dan teknologi -- Metode 2: Menggunakan HTML & CSS untuk menambahkan Image Borders di WordPress Menambahkan batas gambar menggunakan CSSe adalah banyak cara untuk melakukan ini, dan kami akan menunjukkan semuanya kepada mereka semua.Anda dapat memilih apa pun yang terbaik bagi Anda.Menambahkan Batas Menggunakan In-line Styles di WordPress Setelah Anda mengunggah dan memasukkan ga mbar Anda ke dalam posting WordPress, alihkan ke editor teks.Anda akan melihat kode HTML untuk gambar Anda.
Solusi sains dan teknologi -- Ini akan terlihat seperti ini:
Tidak ada komentar:
Posting Komentar