Tutorial Elementor Indonesia : Site Settings

Pengaturan yang mempermudah untuk membangun 'Design System' pada website kita
Tutorial Elementor Indonesia : Site Settings

 Baca juga:

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

Elementor Hamburger Menu

Pertama-tama klik hamburger icon yang ada di sebelah kiri tulisan elementor.

Elementor Site Settings on Hamburger
Elementor Site Settings on Hamburger

Akan muncul tampilan seperti gambar di kiri.
Klik ‘Site Settings’.

Tutorial Elementor Site Settings

Site Settings terbagi dalam 3 bagian :

  1. Design System
  2. Theme Style
  3. 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.

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest

Salam hangat,

vike sig

Vriske Rusniko

Suka dengan konten ini? Yuk, bantu donasi untuk pemeliharaan situs ini melalui trakteer.com | donate via paypal

Tinggalkan Balasan

elementor_logo_gradient-01

Download gratis sekarang!