Setelah kita membicarakan mengenai fullwith slider pada Divi Digital Theme maka kita akan membuat image sebagai background pada Slider. Kita akan membuat image background ini pada aplikasi Canva.

Langkah-langkah membuat background image pada Canva adalah

  1. Create Design di https://canva.com

    Silahkan memulai disain seperti gambar di atas.


    Silahkan memilih Custom size seperti gambar di atas.


    Pada fullwidth slider pada Divi Digital Theme ini kita akan menggunakan ukuran 1280px X 420px. Silahkan seting seperti gambar di atas.


    Silahkan nama file direname sesuai project anda kemudian klik Photos seperti gambar di atas.
  2. Mencari foto dan edit

    Silahkan melakukan editing sesuai kebutuhan dan klik Download seperti gambar di atas.
  3. Download

    Pada saat download silahkan memilih File typenya JPG karena file ini ukurannya cukup kecil sehingga loading website bisa cepat.


    Kita kemudian menyimpan file hasil disain kita ke dalam komputer
  4. Memasang image background di Divi Fullwidth Slider
    Kita akan memasang image tersebut bersamaan dengan background color supaya kelihatan artistik

    Pertama-tama kita pilih background color yang akan kita overlay dengan background image seperti gambar di atas.



    Kita kemudian memasukkan background image seperti gambar di atas. Kita akan menggunakan Background Image Blend yang akan mencampurkan background color dengan background image seperti gambar di atas.
  5. Hasil akhir

    Hasil tampilan terakhir akan seperti gambar di atas.

Informasi lebih lanjut silahkan mengunjungi
1. https://www.elegantthemes.com/documentation/divi/slider-fullwidth/ .
2. https://www.w3schools.com/cssref/pr_background-blend-mode.asp .
3. https://www.w3schools.com/cssref/playit.asp?filename=playcss_background-blend-mode&preval=overlay .

Kunjungi www.proweb.co.id untuk menambah wawasan anda.

Membuat Background Image dengan Canva
Tagged on: