Apa itu Elementor Site Settings ?
Secara harafiah ‘Site Settings’ berarti Pengaturan Situs. Seperti namanya, pengaturan Elementor ini mempermudah kita membangun ‘Design System’ untuk website kita. Kita bisa mengatur format tipografi, tombol, warna, dll yang akan diaplikasikan ke seluruh website secara otomatis.
Baca di sini kenapa saya merekomendasikan Elementor : Elementor Bikin WordPress-mu Keren, Gratis & Tanpa Koding
Cara mengakses
Pertama-tama klik hamburger icon yang ada di sebelah kiri tulisan elementor.
Akan muncul tampilan seperti gambar di kiri.
Klik ‘Site Settings’.
Tutorial Elementor Site Settings
Site Settings terbagi dalam 3 bagian :
- Design System
- Theme Style
- Settings
Design System
Global Colors : Merupakan menu untuk menentukan color chart atau warna global website kita. Pada settingan ini kita bisa mengatur misalnya warna untuk warna utama, warna secondary, warna aksen, dlsb.
Global Fonts : Merupakan menu untuk menentukan font utama dan font sekunder yang akan digunakan pada website.
Theme Style
Typografi : Merupakan menu untuk mengkostumisasi pilihan font dan styling untuk text, mulai dari body text, heading, hyperlink.
Button: Mengatur tampilan tombol awal (default button) yang akan digunakan di seluruh website.
Images : Mengatur settingan default suatu image. Apakah image itu memiliki border atau shadow sebagai tampilan awal (default) nya.
Form Fields: Mengatur settingan default suatu form seperti warna background, warna tulisan dalam form tersebut, dlsb.
Settings
Site Identity : Mirip dengan kostumisasi wp admin, dimana kita bisa mengatur nama situs, deskripsi situs, logo, dan favicon.
Background: Mengatur tampilan latar belakang website. Jika tidak diatur maka warna background otomatis berwarna putih, jika kamu ingin mengganti warna default latar belakang websitemu (misalnya menjadi warna kuning) tanpa harus mengedit tiap section/post/page satu per satu, maka kamu bisa mengaturnya dari sini.
Layout : Mengatur settingan default suatu image. Apakah image itu memiliki border atau shadow sebagai tampilan awal (default) nya.
Lightbox: Mengatur settingan default Lightbox foto. Lightbox adalah tampilan ketika kita mengklik suatu foto dan foto tersebut membesar (pop-up) serta memenuhi layar. Kita bisa atur settingan background Lightbox di menu ini.
Custom CSS: Edit CSS website langsung dari settingan Elementor.
Additional Settings: Membuka jendela baru dan akan masuk ke pengaturan Elementor pada WP-Dashboard.
