Cara membuat gambar radius di blog WordPress – Salah satu cara mempercantik tampilan blog adalah dengan memberi radius pada gambar blog. Di WordPress, sangat mudah untuk membuat gambar radius atau gambar sudut membulat.
Hanya dengan menambahkan kode tambahan pada CSS Tambahan WordPress, semua gambar di blog memiliki sudut melengkung yang rapi. Selain itu, kita juga bisa membuat variasi radius gambar dan border yang dibungkus, bayangan dengan warna yang diinginkan.
Tidak hanya untuk gambar unggulan, gambar sudut bulat atau gambar radius juga bisa dibuat pada gambar thumbnail related post. Ingin tahu bagaimana melakukannya? Silahkan simak pembahasan berikut ini.
Contents
Cara membuat gambar radius di blog WordPress
Berikut langkah-langkah membuat radius gambar di blog WordPress, mulai dari kode CSS, menambahkan border dan memberi efek bayangan.
1. Tambahkan kode CSS
Kode CSS untuk membuat gambar radius atau gambar sudut bulat adalah sebagai berikut:
| .post-thumb img, .single .entry-header .post-thumb img { radius perbatasan: 8px;. } |
Sesuaikan sudut yang diinginkan. Semakin besar angkanya, semakin bulat gambarnya.
2. Menambahkan batas gambar
Jika ingin menambahkan border atau garis batas pada radius gambar maka kode CSS akan menjadi seperti ini:
| .post-thumb img, .single .entry-header .post-thumb img { border-radius: 8px; Batas: 1px dengan tegas abu-abu; } |
Sesuaikan ketebalan perbatasan. Semakin besar angkanya, semakin tebal
Pilih jenis perbatasan yang diinginkan. Jenis-jenis kode perbatasan adalah sebagai berikut:
- dengan tegas
- burik
- menyerbu
- dobel
- alur
- punggung bukit
- dikerahkan
- resor
Untuk memilih warna, Anda dapat menggunakan nama warna (dalam bahasa Inggris), kode warna, rgb(), rgba(), dan lainnya.
3. Berikan efek bayangan
Untuk memberi efek bayangan pada radius gambar, kode CSSnya seperti ini:
| .post-thumb img, .single .entry-header .post-thumb img { border-radius: 8px; perbatasan: 1px abu-abu padat; bayangan kotak: 3px 2px 5px #ababab; } |
Kode efek bayangan memiliki 4 nilai yang perlu disesuaikan, yaitu:
- Nilai x menentukan arah horizontal
- Nilai y menentukan arah vertikal
- Nilai z menentukan opasitas (penurunan) bayangan
- Kode warna, dapat menggunakan nama warna (dalam bahasa Inggris) atau kode warna
Jika nilai x dan y negatif, maka bayangannya mengarah ke atas. Sedangkan nilai z tidak boleh negatif.
Demikian tutorial cara membuat gambar radius atau gambar sudut bulat di blog wordpress. Semoga bermanfaat.
website Pelajaran SD SMP SMA dan Kuliah Terlengkap
mata pelajaran
jadwal mata pelajaran mata pelajaran sma jurusan ipa mata pelajaran sd mata pelajaran dalam bahasa jepang mata pelajaran kurikulum merdeka mata pelajaran dalam bahasa inggris mata pelajaran sma jurusan ips mata pelajaran sma
bahasa inggris mata pelajaran
bu ani memberikan tes ujian akhir mata pelajaran ipa
tujuan pemberian mata pelajaran pendidikan kewarganegaraan di sekolah adalah
dalam struktur kurikulum mata pelajaran mulok bersifat opsional. artinya mata pelajaran smp mata pelajaran ipa mata pelajaran bahasa indonesia mata pelajaran ips mata pelajaran bahasa inggris mata pelajaran sd kelas 1
data mengenai mata pelajaran favorit dikumpulkan melalui cara
soal semua mata pelajaran sd kelas 1 semester 2 mata pelajaran smk mata pelajaran kelas 1 sd mata pelajaran matematika mata pelajaran ujian sekolah sd 2022
bahasa arab mata pelajaran mata pelajaran jurusan ips mata pelajaran sd kelas 1 2021 mata pelajaran sbdp mata pelajaran kuliah mata pelajaran pkn
bahasa inggrisnya mata pelajaran mata pelajaran sma jurusan ipa kelas 10 mata pelajaran untuk span-ptkin mata pelajaran ppkn mata pelajaran ips sma mata pelajaran tik
nama nama mata pelajaran dalam bahasa inggris mata pelajaran pkn sd mata pelajaran mts mata pelajaran pjok
nama nama mata pelajaran dalam bahasa arab mata pelajaran bahasa inggrisnya mata pelajaran bahasa arab
seorang pengajar mata pelajaran akuntansi di sekolah berprofesi sebagai
nama mata pelajaran dalam bahasa jepang
hubungan bidang studi pendidikan kewarganegaraan dengan mata pelajaran lainnya
dalam struktur kurikulum mata pelajaran mulok bersifat opsional artinya mata pelajaran dalam bahasa arab
tujuan mata pelajaran seni rupa adalah agar siswa
