Apa itu divider?

Divider atau pemisah merupakan salah satu element paling dasar dan sering digunakan pada web design. Sesuai namanya, divider biasanya digunakan sebagai pemisah dari satu section dengan section lain. Secara default, divider dalam elementor hanya berupa garis horizontal, namun elementor juga menyediakan banyak pengaturan untuk memodifikasi element ini agar tampak lebih menarik. Mari kita bahas apa saja kustomisasi yang bisa kita lakukan.

Pengaturan element divider

Content – Divider (default)

image 120 , WPCLUB Indonesia, WordPress Community, WP Club, WP Community

Tampilan diatas merupakan pengaturan default ketika tidak menambahkan teks atau icon pada divider.

image 121 , WPCLUB Indonesia, WordPress Community, WP Club, WP Community
  1. Style: Tentukan tampilan divider, anda bisa menyesuaikan design dengan kebutuhan website anda
  2. Width: Atur lebar dari divider.
  3. Alignment: Tentukan posisi divider
  4. Add Element: Tentukan akan menambahkan teks atau icon pada divider atau tidak.

Style – Divider (default)

image 122 , WPCLUB Indonesia, WordPress Community, WP Club, WP Community
  1. Color: Pilih warna divider.
  2. Weight: Tentukan ketebalan divider.
  3. Gap: Atur jarak divider dengan widget lain.

Content – Divider (dengan teks)

image 123 , WPCLUB Indonesia, WordPress Community, WP Club, WP Community

Ketika menambahkan teks pada divider terdapat tambahan pengaturan untuk teks yang ditampilkan serta tag HTML.

  1. Text: Masukkan teks yang akan ditampilkan disini
  2. HTML Tag: Tentukan tag HTML, akan berpengaruh pada SEO

Style – Text

image 124 , WPCLUB Indonesia, WordPress Community, WP Club, WP Community
  1. Color: Pilih warna teks
  2. Typography: Atur tipografi teks divider
  3. Text Stroke: Tentukan ketebalan teks divider
  4. Position: Atur posisi teks dalam divider
  5. Spacing: Atur jarak teks dengan garis divider

Content – Divider (dengan icon)

image 125 , WPCLUB Indonesia, WordPress Community, WP Club, WP Community

Ketika menambahkan icon dalam divider anda, anda bisa memilih icon yang sudah disediakan elementor atau mengunggah icon anda dalam format file .svg.

Style – Icon (VIEW: Default)

image 126 , WPCLUB Indonesia, WordPress Community, WP Club, WP Community
  1. View: Tentukan icon akan ditampilkan dengan format default, stacked, dan framed
  2. Size: Atur ukuran icon
  3. Primary Color: Tentukan warna icon
  4. Position: Tentukan posisi icon dalam divider
  5. Spacing: Atur jarak antara icon dan divider
  6. Rotate: Tentukan tampilan rotasi icon

Style – Icon (VIEW: Stacked)

image 127 , WPCLUB Indonesia, WordPress Community, WP Club, WP Community

Pada pilihan view “Stacked” terdapat tambahan pengaturan tampilan yaitu:

  1. Secondary Color: Tentukan warna kedua dalam icon
  2. Border Radius: Tentukan ukuran sudut icon

Style – Icon (VIEW: Framed)

image 128 , WPCLUB Indonesia, WordPress Community, WP Club, WP Community

Pada pilihan view framed, terdapat tambahan pengaturan “Border Width” yang berfungsi untuk mengatur lebar border icon.

Pengetahuan Dasar

  • Apakah Knowledge Base / Pengetahuan Dasar ini cocok untuk Pemula ?

    Kami berusaha untuk menggunakan bahasa dan penjelasan yang mudah dipahami oleh semua pihak terutama bagi pemula yang baru belajar mengenai kategori kategori di Knowledge Base kami. Apabila ada bahasa atau pengertian yang belum / tidak Anda ketahui maka silahkan menghubungi kami. 

  • Dapatkah link dari Knowledge base ini dibagikan kepada umum ?

    Anda dapat melakukan sharing / membagikan konten di Knowledge Base kami melalui link sosial media, whatsapp atau telegram kepada komunitas lain.

  • Apa yang dimaksud Knowledge Base ?

    Knowledge Base adalah database / pustaka dasar pengetahuan mengenai topik atau kategori tertentu yang berhubungan dengan penggunaan, permasalahan dan solusi atas topik / kategori tertentu. Di dalam knowledge base ini Anda akan diberikan informasi dasar mulai dari pengertian sampai dengan trouble solving. 

  • Database / Pengetahuan dasar berdasarkan apa ?

    Tim WP Club Indonesia mengambil database / Pengetahun Dasar berdasarkan situs website kategori / topik tersebut ditambahkan dengan pengalaman dan user experience yang dialami oleh member WP Club Indonesia. Adapun beberapa knowledge base yang ada di WP Club Indonesia berdasarkan pengalaman dari tenaga ahli / praktisi di komunitas. 

  • Bagaimana jika tidak menemukan kata kunci / keyword yang dicari ?

    Apabila Anda tidak menemukan kata kunci / keyword yang dicari maka silahkan hubungi kami . Dengan senang hati kami akan membantu Anda mendapatkan / membuat pengetahuan dasar mengenai hal tersebut. 

  • Dapatkah pengunjung menambahkan / melakukan editing Knowledge Base ?

    Anda dapat melakukan penambahan / editing knowledge base di WP Club Indonesia dengan cara melakukan email ke [email protected] dengan subject : [Knowledge Base]